bh 6.1.2 → 6.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 40102d87ec912a70ddd30cd76c44c001e13bbcadf1273938d9b032eca15a9f0c
-  data.tar.gz: 51d453766fe06d29de2eb1b234e9a536af4a9c65f78fc90fb053b4931fd33a72
+  metadata.gz: 1e1747260caae24ea851b2c9d7be5bf61952dd8dc2c92ce5da64c574fe3e6f7f
+  data.tar.gz: 27c05e536e988db0e6445f3a3713939a80e0794d20f43bfe7abf24338bb48e4d
 SHA512:
-  metadata.gz: 1943da36c312d349ac2d2eaf8eca19ce2434281b1e5a432fb8a70aaa33e729fd44bf63064f84c8425411632a6b71deaf992faba351b56bb48b348070b75b4eb0
-  data.tar.gz: 03c5e0b902bca3760f86dda55559ff6b04c2908b3eb47c51f917a2b19c2c5f838662a0760d05c1a8682be6fe8f1d52b0bdd259019fa56e3514c0457c7ae3af3a
+  metadata.gz: cfe7b1328fbe73760bed064ac579ae9d3b486e2e9ca51d40fc5064b175c779f9f1d4284796ce69c9575458f6aed08907596bd65351bfb4ce1958ff976d2ec56e
+  data.tar.gz: 461faeeb69bd09a80c9a159255d9563a8fa4bf98638b3256faad6aa8a2063f7c4fd85c68ddd4b78fdc34a0ceeea036b1606f65749f594c4de065410d3aa32d07

data/CHANGELOG.md

@@ -6,6 +6,10 @@ For more information about changelogs, check
 [Keep a Changelog](http://keepachangelog.com) and
 [Vandamme](http://tech-angels.github.io/vandamme).
 
+## 6.1.3 - 2026-05-16
+
+* [FEATURE] Added three Stimulus controllers (phone, require, submit)
+
 ## 6.1.2 - 2026-03-18
 
 * [BREAKING CHANGE] The `table` method doesn't take the `headers` parameter anymore.

data/MIT-LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2014 Claudio Baccigalupo
+Copyright (c) 2014 Fullscreen, Inc.
 
 MIT License
 

data/app/javascript/controllers/bh/theme_controller.js

@@ -3,7 +3,6 @@ import { Controller } from "@hotwired/stimulus"
 // Toggle color theme between dark and light when the element is clicked.
 export default class extends Controller {
   connect() {
-    console.log('connected')
     document.documentElement.setAttribute('data-bs-theme', localStorage.getItem('theme'))
   }
 

data/app/javascript/controllers/phone_controller.js

@@ -0,0 +1,33 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    this.#format(this.element)
+  }
+
+  down(event) {
+    if (!event.key) { return }
+    if (event.ctrlKey) { return }
+    if (event.metaKey) { return }
+    if (event.key.length > 1) { return }
+    if (/[0-9.]/.test(event.key)) { return }
+    event.preventDefault()
+  }
+
+  input(event) {
+    if (event.inputType === 'deleteContentBackward') { return }
+    if (/[\d-]{12}/.test(event.target.value)) { event.preventDefault() }
+    this.#format(event.target)
+  }
+
+  #format(element) {
+    const digits = element.value.replace(/\D/g,'').substring(0, 10)
+    const areaCode = digits.substring(0, 3)
+    const prefix = digits.substring(3, 6)
+    const suffix = digits.substring(6, 10)
+
+    if (digits.length > 5) { element.value = `${areaCode}-${prefix}-${suffix}` }
+    else if (digits.length > 2) { element.value = `${areaCode}-${prefix}` }
+    else if (digits.length > 0) { element.value = `${areaCode}` }
+  }
+}

data/app/javascript/controllers/require_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus"
+
+// If enabled on a form then disables any submit button in the form unless
+// all the required inputs have values.
+export default class extends Controller {
+  connect() {
+    this.toggle()
+    this.element.querySelectorAll('[required').forEach((input) =>
+      input.addEventListener('input', () => {this.toggle()})
+    )
+  }
+
+  // Disables the button if all chekboxes are unchecked.
+  toggle() {
+    const invalidValues = this.element.querySelectorAll('[required]:invalid')
+    const submitButtons = this.element.querySelectorAll('input[type="submit"]')
+    const disable = (invalidValues.length > 0);
+    [...submitButtons].map(button => button.disabled = disable)
+  }
+}

data/app/javascript/controllers/submit_controller.js

@@ -0,0 +1,24 @@
+import { Controller } from "@hotwired/stimulus"
+
+// If enabled on a collection of checkboxes or radio buttons then disables any submit button in the
+// form unless at least one checkbox/radio with a value is picked or a textarea is filled.
+export default class extends Controller {
+  static targets = [ 'textarea' ]
+
+  connect() {
+    this.#toggle()
+    this.element.querySelectorAll('input').forEach((input) =>
+      input.addEventListener('change', () => {this.#toggle()})
+    )
+    this.textareaTarget.addEventListener('input', () => {this.#toggle()})
+  }
+
+  // Disables the button if all valued chekboxes are unchecked and textareas are empty.
+  #toggle() {
+    const textareaValue = this.textareaTarget.value.trim()
+    const checkedBoxes = this.element.querySelectorAll('input:checked:not([value=""])')
+    const submitButtons = this.element.querySelectorAll('input[type="submit"]')
+    const disable = (checkedBoxes.length == 0 && textareaValue.length == 0);
+    [...submitButtons].map(button => button.disabled = disable)
+  }
+}

data/lib/bh/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Bh
-  VERSION = '6.1.2'
+  VERSION = '6.1.3'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bh
 version: !ruby/object:Gem::Version
-  version: 6.1.2
+  version: 6.1.3
 platform: ruby
 authors:
 - Claudio Baccigalupo
@@ -26,6 +26,9 @@ files:
 - README.md
 - app/assets/stylesheets/bh.css
 - app/javascript/controllers/bh/theme_controller.js
+- app/javascript/controllers/phone_controller.js
+- app/javascript/controllers/require_controller.js
+- app/javascript/controllers/submit_controller.js
 - app/views/bh/_grid.html.erb
 - app/views/bh/_table.html.erb
 - bh.gemspec
@@ -51,7 +54,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.6
+rubygems_version: 4.0.3
 specification_version: 4
 summary: Bh provides a set of powerful helpers that streamlines the use of Bootstrap
   components in Rails views.