hootstrap 0.3.2 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c6c4e904af5f2bdc5634ddb86343bb4d2f35cc0d425396e9221f0cb587e32b52
-  data.tar.gz: 57dd8f2c227b004fefa5da58981fe172409ef1926da7b80d8a24ddcdda6eb63a
+  metadata.gz: 52febde69e1cf0a8d39dc73fe217a21a7c7aa1ac67bfa628258ff63a074fefcc
+  data.tar.gz: 7ec8d1e8a88a6d6fbf31a35b5b1b50492109d7ac6d54cd7c9bc1eee37d2d28cb
 SHA512:
-  metadata.gz: d6f7aa23234dba404d5572e7ee0f35f1998fc7bd6c9752233cb638fb970a190f7ed8c14255ee48104c1ff81e3b59a12b1238e78333c764b544cc3e3467aa9957
-  data.tar.gz: 872d5552d7d5a94f9f018e2c37ecfc0a5f6f6e44428f58adbe2dbeb3dc5942cf8f0ff6826f2e0108cb518edf5b933cdb4bad6b4770228d87432be632c0c32416
+  metadata.gz: 80d18958dde2d40b8b62e130c11d1e8f2a27996b842b58e44c83c0659769347afc3321fc7664e8ea8d5f1c8595fdab67ebc4b504cdfa76e74c9d012502dedf2f
+  data.tar.gz: 3f4590d82e52505f2936af89c5be6a32f643b3e905fb3973e24b121517ec4fca588c1f7445f4ea4a71f007d12e27e1e9ce48d0fab4756460d4ef52dd76c2e584

data/assets/javascripts/hootstrap/dropdown.js

@@ -0,0 +1,71 @@
+//= require ./utils/dynamicListener
+//= require ./utils/turbolinks
+
+document.addEventListener(HootstrapEvent, () => {
+  let activeDropdown = {};
+
+  addDynamicEventListener(
+    document.body,
+    'click',
+    '[data-toggle="dropdown"]',
+    openDropdown
+  );
+
+  document.body.addEventListener('click', event => {
+    if (!event.target.classList.contains('dropdown-toggle')) {
+      closeDropdown();
+    }
+  });
+
+  document.addEventListener('keyup', handleKeyup);
+
+  function openDropdown(event) {
+    event.preventDefault();
+
+    const button = event.target;
+    const dropdown = button.parentNode;
+    const children = dropdown.childNodes;
+
+    children.forEach(dropdownMenu => {
+      if (
+        dropdownMenu.classList &&
+        dropdownMenu.classList.contains('dropdown-menu')
+      ) {
+        const cachedActiveDropdown = activeDropdown.dropdown;
+        closeDropdown({ focus: true });
+
+        if (dropdown === cachedActiveDropdown) {
+          return;
+        }
+
+        button.focus();
+        dropdown.classList.add('show');
+        dropdownMenu.classList.add('show');
+        button.setAttribute('aria-expanded', 'true');
+        activeDropdown = {
+          dropdown: dropdown,
+          button: button,
+          dropdownMenu: dropdownMenu
+        };
+      }
+    });
+  }
+
+  function closeDropdown(options = {}) {
+    if (activeDropdown.dropdown) {
+      activeDropdown.dropdown.classList.remove('show');
+      activeDropdown.dropdownMenu.classList.remove('show');
+      activeDropdown.button.setAttribute('aria-expanded', 'false');
+      if (options.focus) {
+        activeDropdown.button.focus();
+      }
+      activeDropdown = {};
+    }
+  }
+
+  function handleKeyup(event) {
+    if (event.keyCode == 27) {
+      closeDropdown({ focus: true });
+    }
+  }
+});

data/assets/javascripts/hootstrap.js

@@ -1,4 +1,5 @@
 //= require hootstrap/alerts
+//= require hootstrap/dropdown
 //= require hootstrap/modal
 //= require hootstrap/rails
 //= require hootstrap/toast

data/assets/stylesheets/hootstrap/reset/_html.scss

@@ -2,3 +2,13 @@ html {
   position: relative;
   min-height: 100%;
 }
+
+html,
+body,
+input,
+button,
+select,
+textarea {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}

data/lib/hootstrap/version.rb

@@ -1,3 +1,3 @@
 module Hootstrap
-  VERSION = '0.3.2'
+  VERSION = '0.4.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: hootstrap
 version: !ruby/object:Gem::Version
-  version: 0.3.2
+  version: 0.4.0
 platform: ruby
 authors:
 - Justin Licata
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-07-10 00:00:00.000000000 Z
+date: 2018-07-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -64,6 +64,7 @@ files:
 - Rakefile
 - assets/javascripts/hootstrap.js
 - assets/javascripts/hootstrap/alerts.js
+- assets/javascripts/hootstrap/dropdown.js
 - assets/javascripts/hootstrap/modal.js
 - assets/javascripts/hootstrap/rails.js
 - assets/javascripts/hootstrap/toast.js
@@ -123,7 +124,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.7.3
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: ProctorU's design system.