turbo_material 0.1.5 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 766d2b159ec05b74b47cd28b95182e9ca655d22243c098722481316d3e0155df
-  data.tar.gz: 23eda750f1793d1e403192dbd621e6ea67352ddf1799fb584f33f6b93a3c8c8c
+  metadata.gz: 9ce313d671ec8ddf4a04aef47fd96c570c5a67ff6dfe29742383a73ebcf7c1c0
+  data.tar.gz: b07884bbea9be47867e71624a895d06b32fa988c42639fe242c7d157f80bffc5
 SHA512:
-  metadata.gz: e01923c13d37992beaad6f3516d4f74d2db2077d2ff22225bfe44225e1177cf5a75bf161ecef7c226887483a643dc2157b0b2adb16c5f57bf8fdd4a3367d3f42
-  data.tar.gz: eafdedc67b979f6f80211e5bf1882b165f1a47cefccf7204b73787255a02ab598fda51e48c07615ddbc5097731516cba19b8a38bc35a940475ca7cd8cc4ec485
+  metadata.gz: 71f76f10911e651017f0da980a90fc617b23fe850645862600e1720d023d64f56e9457d175a1d92fc5ca9d079e330e63958b76f751ee1f157e4ada511152ebd8
+  data.tar.gz: 348ff4e4a953abdea779454c22cf72f34dfde4966d873277e1d0e6a98bcdee13d597c3fcbd72d13048accdeec942b6b581cde9e8248d5d33a7cfadc843ba3610

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/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.6"
 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.6
 platform: ruby
 authors:
 - Sergey Moiseev
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-01-25 00:00:00.000000000 Z
+date: 2024-02-06 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.