bh 6.1.3 → 6.2.0

metadata

@@ -1,45 +1,124 @@
 --- !ruby/object:Gem::Specification
 name: bh
 version: !ruby/object:Gem::Version
-  version: 6.1.3
+  version: 6.2.0
 platform: ruby
 authors:
-- Claudio Baccigalupo
+- claudiob
 bindir: bin
 cert_chain: []
 date: 1980-01-02 00:00:00.000000000 Z
-dependencies: []
-description: Bh - Bootstrap Helpers
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: actionview
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '8.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '8.1'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '8.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '8.1'
+description: A form builder that dresses every field a page asks for, the components
+  Bootstrap ships behavior for and no markup — a combobox, a 6-digit code, a dialog,
+  a toast, a thread of messages — and the one stylesheet and script that carry them,
+  served by the engine.
 email:
 - claudio@houseaccount.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- ".gitignore"
-- ".rspec"
-- ".travis.yml"
-- ".yardopts"
 - CHANGELOG.md
-- Gemfile
 - MIT-LICENSE
 - 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
+- app/javascript/bh.js
+- app/javascript/bh/bookmark_controller.js
+- app/javascript/bh/clear_controller.js
+- app/javascript/bh/combobox/menu.js
+- app/javascript/bh/combobox_controller.js
+- app/javascript/bh/confirm.js
+- app/javascript/bh/density_controller.js
+- app/javascript/bh/deselect_controller.js
+- app/javascript/bh/flash.js
+- app/javascript/bh/limit_controller.js
+- app/javascript/bh/map/loader.js
+- app/javascript/bh/map_controller.js
+- app/javascript/bh/otp/slots.js
+- app/javascript/bh/otp_controller.js
+- app/javascript/bh/phone_controller.js
+- app/javascript/bh/placeholder_controller.js
+- app/javascript/bh/relative_time_controller.js
+- app/javascript/bh/require_controller.js
+- app/javascript/bh/reveal_controller.js
+- app/javascript/bh/scheme_controller.js
+- app/javascript/bh/search_controller.js
+- app/javascript/bh/shortcuts_controller.js
+- app/javascript/bh/sortable_controller.js
+- app/javascript/bh/thread_controller.js
+- app/javascript/bh/timezone_controller.js
+- app/javascript/bh/toast_controller.js
+- app/javascript/bh/tooltip_controller.js
+- app/javascript/bh/written.js
+- app/javascript/bh/written_controller.js
+- app/stylesheets/bh.css
+- app/stylesheets/bh/base.css
+- app/stylesheets/bh/chat.css
+- app/stylesheets/bh/flow.css
+- app/stylesheets/bh/map.css
+- app/stylesheets/bh/pin.css
+- app/stylesheets/bh/search.css
+- app/stylesheets/bh/shell.css
+- app/stylesheets/bh/table.css
+- app/stylesheets/bh/values.css
+- build.mjs
+- config/locales/bh.en.yml
 - lib/bh.rb
-- lib/bh/bootstrap_helpers.rb
 - lib/bh/engine.rb
+- lib/bh/form_builder.rb
+- lib/bh/form_builder/comboboxes.rb
+- lib/bh/form_builder/controls.rb
+- lib/bh/form_builder/pins.rb
+- lib/bh/helpers.rb
+- lib/bh/helpers/chats.rb
+- lib/bh/helpers/chats/asides.rb
+- lib/bh/helpers/chats/asks.rb
+- lib/bh/helpers/dialogs.rb
+- lib/bh/helpers/flows.rb
+- lib/bh/helpers/heads.rb
+- lib/bh/helpers/notices.rb
+- lib/bh/message.rb
 - lib/bh/version.rb
-homepage: http://github.com/claudiob/bh
+- package.json
+- public/bh/css/bh.css
+- public/bh/js/bh.js
+- vendor/bootstrap.bundle.min.js
+- vendor/bootstrap.min.css
+homepage: https://github.com/claudiob/bh
 licenses:
 - MIT
-metadata: {}
+metadata:
+  source_code_uri: https://github.com/claudiob/bh
+  changelog_uri: https://github.com/claudiob/bh/blob/master/CHANGELOG.md
+  documentation_uri: https://rubydoc.info/gems/bh
 rdoc_options: []
 require_paths:
 - lib
@@ -47,7 +126,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '3.0'
+      version: 3.2.0
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -56,6 +135,5 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 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.
+summary: Bootstrap 6 in a Rails app, with the markup already written.
 test_files: []

data/.gitignore

@@ -1,23 +0,0 @@
-*.gem
-*.rbc
-.bundle
-.config
-.yardoc
-Gemfile.lock
-InstalledFiles
-_yardoc
-coverage
-doc/
-lib/bundler/man
-pkg
-rdoc
-spec/reports
-test/tmp
-test/version_tmp
-tmp
-*.bundle
-*.so
-*.o
-*.a
-_site/
-mkmf.log

data/.rspec

@@ -1,3 +0,0 @@
---format documentation
---color
---fail-fast

data/.travis.yml

@@ -1,15 +0,0 @@
-language: ruby
-notifications:
-  email: true
-sudo: false
-matrix:
-  include:
-  - rvm: 1.9.3
-    gemfile: gemfiles/Gemfile.rails-3.x
-    before_install:
-      - gem update --system 2.4.8
-  - rvm: 2.0.0
-    gemfile: gemfiles/Gemfile.rails-4.x
-  - rvm: 2.2.4
-    gemfile: gemfiles/Gemfile.rails-5.x
-    env: ONLY_RAILS=true

data/.yardopts

@@ -1,3 +0,0 @@
---no-private
---markup markdown
---hide-api private

data/Gemfile

@@ -1,4 +0,0 @@
-source 'https://rubygems.org'
-
-# Specify your gem's dependencies in bh.gemspec
-gemspec

data/app/assets/stylesheets/bh.css

@@ -1,29 +0,0 @@
-/*
- * This file contains overrides to Bootstrap styles.
- *
- * Each override must be justified and explained with a comment.
- */
-
-/* ensure highlighted text from a search is not separated from the rest of the word */
-mark { padding: 0 }
-
-/* make the base font size readable */
-:root {--bs-body-font-size: 1rem}
-
-/* ensure a field placeholder is not confused for an actual value */
-.form-control::placeholder { opacity: 0.35 }
-
-/* make radio buttons bigger */
-input[type=radio] { transform:scale(1.5); margin-right: .75rem }
-
-/* make the label around radio buttons colored when checked */
-label:has(input[type=radio]:checked) { background-color: var(--bs-primary-bg-subtle); border-color: var(--bs-primary-border) }
-
-/* Fixes bugs in Bootstrap 6.0@alpha1 where some colors are undefined */
-.form-text { color: var(--bs-secondary-text) }
-:root {
-  --bs-form-valid-color: var(--bs-success-text);
-  --bs-form-valid-border-color: var(--bs-success-border);
-  --bs-form-invalid-color: var(--bs-danger-text);
-  --bs-form-invalid-border-color: var(--bs-danger-border);
-}

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

@@ -1,16 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-// Toggle color theme between dark and light when the element is clicked.
-export default class extends Controller {
-  connect() {
-    document.documentElement.setAttribute('data-bs-theme', localStorage.getItem('theme'))
-  }
-
-  // Toggle color theme between dark and light when the element is clicked.
-  toggle() {
-    const oldTheme = localStorage.getItem('theme') || 'light'
-    const newTheme = ((oldTheme == 'light') ? 'dark' : 'light')
-    document.documentElement.setAttribute('data-bs-theme', newTheme)
-    localStorage.setItem('theme', newTheme)
-  }
-}

data/app/javascript/controllers/phone_controller.js

@@ -1,33 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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/app/views/bh/_grid.html.erb

@@ -1,6 +0,0 @@
-<%# locals: (item:, cached: true) -%>
-<% cache_if cached, item do %>
-  <div class='container-fluid m-0'>
-    <%= yield item %>
-  </div>
-<% end %>

data/app/views/bh/_table.html.erb

@@ -1,44 +0,0 @@
-<%# locals: (items:, empty_label:, positioned: false, cached: true, headers: [], pagy: nil) -%>
-<% cache_if cached, [items, (items.unscoped.size if cached)].compact do %>
-  <%= turbo_frame_tag :results, data: { turbo_action: :advance }, class: 'w-100' do %>
-    <% if items.present? %>
-      <table class='table caption-top table-hover table-responsive'>
-        <thead>
-          <tr>
-            <% if positioned %>
-            <th scope='col'></th>
-            <% end %>
-            <%= yield items.first, :header %>
-          </tr>
-        </thead>
-        <% if positioned %>
-        <tbody class='table-group-divider' data-controller='sortable' data-sortable-handle-value='.sortable-handle' data-sortable-resource-name-value='<%= ActiveModel::Naming.param_key items %>' data-sortable-animation-value='200'>
-        <% else %>
-        <tbody class='table-group-divider'>
-        <% end %>
-        <% items.each do |item| %>
-          <% if positioned %>
-          <tr data-sortable-update-url='<%= url_for(action: :update, id: item) %>'>
-            <td class='sortable-handle text-center' style='cursor: pointer; width: 40px'>⇅</td>
-          <% else %>
-          <tr>
-          <% end %>
-          <% cache_if (cached && !params.key?(:q)), item do %>
-            <%= yield item, :body %>
-          <% end %>
-          </tr>
-        <% end %>
-        </tbody>
-      </table>
-
-      <% if pagy %>
-        <div class='d-flex align-items-center'>
-          <div class='ps-2 flex-grow-1'><%== pagy.info_tag %></div>
-          <div class='pe-2'><%== pagy.series_nav(:bootstrap, classes: 'pagination mb-0') if pagy.last > 1 %></div>
-        </div>
-      <% end %>
-    <% else %>
-      <p><%= empty_label %>.</p>
-    <% end %>
-  <% end %>
-<% end %>

data/bh.gemspec

@@ -1,19 +0,0 @@
-require_relative 'lib/bh/version'
-
-Gem::Specification.new do |spec|
-  spec.name          = 'bh'
-  spec.version       = Bh::VERSION
-  spec.authors       = ['Claudio Baccigalupo']
-  spec.email         = ['claudio@houseaccount.com']
-  spec.description   = %q{Bh - Bootstrap Helpers}
-  spec.summary       = %q{Bh provides a set of powerful helpers that
-    streamlines the use of Bootstrap components in Rails views.}
-  spec.homepage      = 'http://github.com/claudiob/bh'
-  spec.license       = 'MIT'
-
-  spec.files         = `git ls-files`.split($/)
-  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
-  spec.require_paths = ['lib']
-
-  spec.required_ruby_version = '>= 3.0'
-end

data/lib/bh/bootstrap_helpers.rb

@@ -1,136 +0,0 @@
-module Bh
-  module BootstrapHelpers
-    def head_tags
-      <<~HEAD.html_safe
-        <meta name='viewport' content='width=device-width,initial-scale=1'>
-        <meta name='view-transition' content='same-origin'>
-        <meta name='turbo-refresh-method' content='morph'>
-        <meta name='turbo-refresh-scroll' content='preserve'>
-        <meta name='apple-mobile-web-app-capable' content='yes'>
-        <meta name='mobile-web-app-capable' content='yes'>
-        <meta name='color-scheme' content='light dark'>
-        #{csrf_meta_tags}
-        #{csp_meta_tag}
-        <script async src="https://ga.jspm.io/npm:es-module-shims@1.8.2/dist/es-module-shims.js" data-turbo-track="reload"></script>
-        #{javascript_importmap_tags}
-        <link rel='icon' href="/favicon#{'-dev' if Rails.env.development?}.png" type='image/png'>
-        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-        <link href='https://assets.houseaccount.com/css/bootstrap.min.css' rel='stylesheet'>
-        <!-- once it's live: <link href="https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-VuYVTUAUbEW1A1EgqVmiLTxfqmvVgsV8yG3KeYZmz8aLednYx2pzlYdT4NS041oo" crossorigin="anonymous"> -->
-        #{stylesheet_link_tag :app, 'data-turbo-track': 'reload'}
-        #{stylesheet_link_tag :bh, 'data-turbo-track': 'reload'}
-      HEAD
-    end
-
-    def script_tags
-      <<~SCRIPTS.html_safe
-        <script src='https://assets.houseaccount.com/js/bootstrap.bundle.min.js'></script>
-        <!-- once it's live: <script src="https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-kBqjI9J+3T2+popvAtxRzS3v5xO7BkyKlAyF/GZgnB0kZ2HoQdx6V1I/EX8ljPWj" crossorigin="anonymous"></script> -->
-      SCRIPTS
-    end
-
-    def navbar(options = {}, &block)
-      tag.div class: 'mb-4 border-bottom shadow-sm' do
-        tag.nav class: 'navbar navbar-expand-lg' do
-          tag.div **options, &block
-        end
-      end
-    end
-
-    def navbar_brand(brand)
-      tag.div brand, class: 'navbar-brand', data: { controller: 'bh--theme', action: 'dblclick->bh--theme#toggle' }
-    end
-
-    def card(tabs:, &block)
-      tag.div class: 'card' do
-        safe_join [card_header(tabs: tabs), card_body(&block)]
-      end
-    end
-
-    def nav(pills:)
-      tag.ul pills, class:'nav nav-pills border-bottom pb-3 mb-3'
-    end
-
-    def navbar_nav(&block)
-      tag.ul class: 'nav navbar-nav me-auto', &block
-    end
-
-    # @return [String] wraps link_to into a nav-item tab.
-    def nav_link_to(name, options, &block)
-      options.merge! nav_link_options_for(options) if block_given?
-      tag.li(class: 'nav-item') { link_to name, options, nav_link_options_for(options), &block }
-    end
-
-    def nav_link_options_for(path)
-      if current_page?(path) # request.path.starts_with? path
-        { class: 'nav-link active', aria: { current: :page } }
-      else
-        { class: 'nav-link' }
-      end
-    end
-
-    def navbar_collapsable(&block)
-      safe_join [navbar_toggler, navbar_collapse(&block)]
-    end
-
-    def navbar_toggler
-      tag.button class: 'navbar-toggler', type: 'button', data: {'bs-toggle': 'collapse', 'bs-target': '#navbarSupportedContent'}, aria: {controls: 'navbarSupportedContent', expanded: 'false', label: 'Toggle navigation'} do
-        tag.span nil, class: 'navbar-toggler-icon'
-      end
-    end
-
-    def navbar_collapse(&block)
-      tag.div class: 'collapse navbar-collapse', id: 'navbarSupportedContent', &block
-    end
-
-    def table(items:, empty_label:, positioned: false, cached: true, pagy: nil, &block)
-      render 'bh/table', items: items, empty_label: empty_label, positioned: positioned, cached: cached, headers: headers, pagy: pagy, &block
-    end
-
-    def column(header:, section:, **options, &block)
-      case section
-        when :header then tag.th(header, **options.merge(scope: :col))
-        when :body then tag.td(**options, &block)
-      end
-    end
-
-    # Renders the block inside a grid row.
-    def grid_row(&block)
-      tag.div class: 'row p-2 border-bottom border-subtle', &block
-    end
-
-    # Renders key and value next to each other inside a grid row.
-    def grid_column(key, value)
-      left = tag.div key, class: 'col-3 p-2 fst-italic'
-      right = tag.div value, class: 'col p-2'
-      safe_join [ left, right ]
-    end
-
-    def grid(item:, cached: true, &block)
-      render 'bh/grid', item: item, cached: cached, &block
-    end
-
-    # Returns a link_to that opens the link outside of the current turbo frame.
-    # @note Helpful for links within an administered/table that uses +turbo_action: :advance+.
-    def turbo_link_to(name, options, html_options = {})
-      link_to name, options, html_options.merge(data: { turbo_frame: '_top' })
-    end
-
-    # Display a link with an emoji to edit a resource inside a table.
-    def edit_link_to(path)
-      turbo_link_to '➡️', path, class: 'text-decoration-none'
-    end
-
-  private
-
-    def card_header(tabs:)
-      tag.div class:'card-header' do
-        tag.ul tabs, class: 'nav nav-tabs card-header-tabs'
-      end
-    end
-
-    def card_body(&block)
-      tag.div class: 'card-body py-4', &block
-    end
-  end
-end