turbo_material 0.1.5 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 766d2b159ec05b74b47cd28b95182e9ca655d22243c098722481316d3e0155df
-  data.tar.gz: 23eda750f1793d1e403192dbd621e6ea67352ddf1799fb584f33f6b93a3c8c8c
+  metadata.gz: 9c5202d5448845f0cc5510c5a877bdfc9d128d7d016b4eb42c73f6b3ff27cdd9
+  data.tar.gz: 7daaa56ab8ed778bf42d6a302b1fb64f7ef6741baffba33044147ea9a66d95ef
 SHA512:
-  metadata.gz: e01923c13d37992beaad6f3516d4f74d2db2077d2ff22225bfe44225e1177cf5a75bf161ecef7c226887483a643dc2157b0b2adb16c5f57bf8fdd4a3367d3f42
-  data.tar.gz: eafdedc67b979f6f80211e5bf1882b165f1a47cefccf7204b73787255a02ab598fda51e48c07615ddbc5097731516cba19b8a38bc35a940475ca7cd8cc4ec485
+  metadata.gz: c500bb6fe137b1300f5f58e4d16e9984f4f0e38c4cb072b44773e158a46ae183deadbc0712d462f7284a89a4bed2fa2197464349cb016a5945ccdc1360c671cd
+  data.tar.gz: 6a1b6fd662262bf5014aac7659e0c0858b291c3680540cd81366e37773437d03f9d4719915f5ad62ec15cfc952fba48525a1dd1c41e22bafe9ea7f49c7046bdc

data/README.md

@@ -211,6 +211,10 @@ aside.mdc-drawer.main-drawer {
 }
 ```
 
+## Tailwind Forms customizations leakage
+
+This gem uses Tailwind for additional customizations, I am noticed that `@tailwindcss/forms` leaking to Material inputs adding partial white backgrounds. For now I would recommend to disable forms plugin while using this gem.
+
 ## Installation
 Add this line to your application's Gemfile:
 
@@ -230,15 +234,13 @@ $ gem install turbo_material
 
 ## Lookbook documentation for components
 
-Gem implements [Lookbook](https://lookbook.build) documentation for all components. I am considering implementing a way to pass it's previews to lookbook in hosting application, but for now, to use it, please checkout gem source code and use it like this:
+Gem implements [Lookbook](https://lookbook.build) documentation for all components. To use it in the application, add `gem 'lookbook'` to your Gemfile and run `bundle install`. Then add following to your `config/application.rb`:
 
-```bash
-bundle install
-cd test/dummy
-foreman start -f Procfile.dev
+```ruby
+config.lookbook.preview_paths = [TurboMaterial::Engine.root.join('lib/lookbook')]
 ```
 
-and then open [http://localhost:3000/lookbook](http://localhost:3000/lookbook) in your browser.
+Or extend your existing config for `lookbook.preview_paths` with same value.
 
 ## Contributing
 This gem is open for new contributions. Use [Material Components for Web documentation](https://github.com/material-components/material-components-web/tree/master/packages) as a references for missing functionality.

data/app/views/components/_select.html.erb

@@ -1,5 +1,5 @@
-<%# locals: (form:, disabled: false, required: false, name:, label: nil, id:, checked: false, value: nil, parent: nil, frame: nil, selected_text: nil, fixed: false, options: [], hint: nil, helper: nil) %>
-<div class="mdc-select mdc-select--filled w-full<%= disabled ? ' mdc-select--disabled' : '' %><%= required ? ' mdc-select--required' : '' %>"
+<%# locals: (form:, disabled: false, required: false, name:, label: nil, id:, checked: false, value: nil, parent: nil, frame: nil, selected_text: nil, fixed: false, options: [], hint: nil, helper: nil, additional_classes: 'w-full') %>
+<div class="mdc-select mdc-select--filled <%= disabled ? ' mdc-select--disabled' : '' %><%= required ? ' mdc-select--required' : '' %> <%= additional_classes %>"
      data-controller="material-select" <% if frame %> data-frame="<%= frame %>"<% end %> id="<%= id %>">
   <%= form.hidden_field name.to_sym, value: value %>
   <div class="mdc-select__anchor"

data/lib/lookbook/checkbox_preview.rb

@@ -0,0 +1,8 @@
+class CheckboxPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  def default(label: 'Checkbox', disabled: false)
+    render 'common/form', helper_name: 'material_checkbox', label: label, name: 'checkbox', id: 'Checkbox', disabled: disabled
+  end
+end

data/lib/lookbook/chips_input_preview.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+class ChipsInputPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  # @param required toggle
+  def default(label: 'Input', disabled: false, required: false)
+    render 'common/form', helper_name: 'material_chips_input',
+                                   url: '/countries', name: 'countries', label:, id: 'Input', disabled:,
+                                   required:,
+                                   options: Carmen::Country.all.map { |c| { id: c.alpha_3_code, label: c.name } }
+  end
+end

data/lib/lookbook/chips_select_preview.rb

@@ -0,0 +1,15 @@
+class ChipsSelectPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  # @param required toggle
+  def default(label: 'Input', disabled: false, required: false)
+    render 'common/form', helper_name: 'material_chips_select', label: label, name: 'checkbox',
+                                   id: 'Input', disabled: disabled, value: [],
+                                   options: [
+                                     { value: '1', label: 'Option 1' },
+                                     { value: '2', label: 'Option 2' },
+                                     { value: '3', label: 'Option 3' }
+                                   ]
+  end
+end

data/lib/lookbook/input_preview.rb

@@ -0,0 +1,9 @@
+class InputPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  # @param required toggle
+  def default(label: 'Input', disabled: false, required: false)
+    render 'common/form', helper_name: 'material_input', label: label, name: 'checkbox', id: 'Input', disabled: disabled, required: required
+  end
+end

data/lib/lookbook/menu_button_preview.rb

@@ -0,0 +1,7 @@
+class MenuButtonPreview < Lookbook::Preview
+
+  # @param button_text text
+  def default(button_text: 'Menu')
+    render 'common/standalone', helper_name: 'material_menu_button', button_text:, menu_contents_partial: 'common/menu_contents'
+  end
+end

data/lib/lookbook/modal_preview.rb

@@ -0,0 +1,7 @@
+class ModalPreview < Lookbook::Preview
+
+  # @param title text
+  def default(title: 'Modal')
+    render 'common/standalone', helper_name: 'material_modal', title:
+  end
+end

data/lib/lookbook/radio_preview.rb

@@ -0,0 +1,9 @@
+class RadioPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  # @param required toggle
+  def default(label: 'Input', disabled: false, required: false)
+    render 'common/form', helper_name: 'material_radio', label: label, name: 'checkbox', id: 'Input', disabled: disabled, required: required
+  end
+end

data/lib/lookbook/select_preview.rb

@@ -0,0 +1,13 @@
+class SelectPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  # @param required toggle
+  def default(label: 'Select', disabled: false, required: false)
+    render 'common/form', helper_name: 'material_select', label: label, name: 'checkbox', id: 'Input', disabled: disabled, required: required, options: [
+      { value: '', label: '-' },
+      { value: 'on', label: 'On' },
+      { value: 'off', label: 'Off' }
+    ]
+  end
+end

data/lib/lookbook/switch_preview.rb

@@ -0,0 +1,10 @@
+class SwitchPreview < Lookbook::Preview
+
+  # @param label text
+  # @param true_label text
+  # @param false_label text
+  # @param disabled toggle
+  def default(label: 'Switch', disabled: false, required: false, true_label: nil, false_label: nil)
+    render 'common/form', helper_name: 'material_switch', label: label, name: 'checkbox', id: 'Input', disabled: disabled, true_label: true_label, false_label: false_label
+  end
+end

data/lib/lookbook/textarea_preview.rb

@@ -0,0 +1,9 @@
+class TextareaPreview < Lookbook::Preview
+
+  # @param label text
+  # @param disabled toggle
+  # @param required toggle
+  def default(label: 'Text', disabled: false, required: false)
+    render 'common/form', helper_name: 'material_textarea', label: label, name: 'textarea', id: 'Text', disabled: disabled, required: required
+  end
+end

data/lib/turbo_material/version.rb

@@ -1,3 +1,3 @@
 module TurboMaterial
-  VERSION = "0.1.5"
+  VERSION = "0.1.8"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: turbo_material
 version: !ruby/object:Gem::Version
-  version: 0.1.5
+  version: 0.1.8
 platform: ruby
 authors:
 - Sergey Moiseev
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-01-25 00:00:00.000000000 Z
+date: 2024-04-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -134,6 +134,16 @@ files:
 - config/importmap.rb
 - config/routes.rb
 - config/tailwind.config.js
+- lib/lookbook/checkbox_preview.rb
+- lib/lookbook/chips_input_preview.rb
+- lib/lookbook/chips_select_preview.rb
+- lib/lookbook/input_preview.rb
+- lib/lookbook/menu_button_preview.rb
+- lib/lookbook/modal_preview.rb
+- lib/lookbook/radio_preview.rb
+- lib/lookbook/select_preview.rb
+- lib/lookbook/switch_preview.rb
+- lib/lookbook/textarea_preview.rb
 - lib/tasks/turbo_material_tasks.rake
 - lib/turbo_material.rb
 - lib/turbo_material/engine.rb
@@ -160,7 +170,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
+rubygems_version: 3.4.12
 signing_key:
 specification_version: 4
 summary: Material Web Components for Hotwire Turbo.