flowbite-components 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: afc7f639fa9f28b2310d7f68cd3d8939e3eaa526ba80ee028c471664597e4581
-  data.tar.gz: 1b4e73f0bd471b9b3d36db8aba2e614e28f5573cbf7fd214de360a985767eade
+  metadata.gz: 2641783b14422d1a71ae1bc126308ce749e54ab33971baa9f2c590e7368a3d18
+  data.tar.gz: 919b625a46a74adafea39e617906d3da0c79f44876aaaba80c202fbae6ad9f0a
 SHA512:
-  metadata.gz: 6d56824ba5b7d0c13bca6b31e4dac90a1859ec35c3c50478b90a4f67aae2cd7e7efcfb53dc29ddfcae9f4839695610ea5602e0f29b2ddd53c64a00b34562806d
-  data.tar.gz: efe21d27318e44196ecd0024663a143ba577ab8b2ca0a2b9e085263d4be3d7f472c22c68c5442d802c58717306a575d320325c4d9d8bb3d5f8b5e48fb444c992
+  metadata.gz: 436530353e5ae17c78af2a1d84a3125677d4fbc23a66191ff3b355f205a65307ddbc908d5c53dccef5806bd4151d6f6842f5e53f2079290179b37b96585940d5
+  data.tar.gz: 9031664132054b141c7937dfa0794cde6924c86907d0b3c544364f101b1937de5700f86cf89f6350bb159769be35095e3f3cf59572521052941b0f1f4f922155

data/CHANGELOG.md

@@ -7,15 +7,30 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 
 ### Added
 
-* Button component (first component, wee!)
-* Input components
-* InputField components
-* Basic Card component
+*
 
-### Changes
+### Changed
 
 *
 
 ### Removed
 
 *
+
+
+## [0.1.3]
+
+### Added
+
+* Options to Flowbite::InputField::Checkbox and Flowbite::Input::Checkbox that allow you to change the submitted value.
+* Options added for Flowbite::Input::Select - :multiple and :include_blank. These can now be passed to either the input itself or Flowbite::InputField::Select
+
+
+## [0.1.2]
+
+### Added
+
+* Button component (first component, wee!)
+* Input components
+* InputField components
+* Basic Card component

data/README.md

@@ -242,11 +242,12 @@ bundle exec rake install
 
 ### Component Previews
 
-This library includes Lookbook previews for all components. To view them:
+This library includes a demo application with previews for all components. To view them:
 
-1. Add Lookbook to your development dependencies
-2. Run `rails server`
-3. Visit `/rails/lookbook`
+1. cd demo
+2. Run `bundle && npm install`
+3. Run `rails server`
+4. Visit `http://localhost:3000/rails/lookbook`
 
 ## Contributing
 

data/app/components/flowbite/card.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 module Flowbite
   # Renders a card element.
   #

data/app/components/flowbite/input/checkbox.rb

@@ -9,6 +9,9 @@ module Flowbite
     #
     # https://flowbite.com/docs/forms/checkbox/
     class Checkbox < Field
+      DEFAULT_CHECKED_VALUE = "1"
+      DEFAULT_UNCHECKED_VALUE = "0"
+
       class << self
         # Checkboxes only have their default size.
         def sizes
@@ -29,9 +32,42 @@ module Flowbite
         end
       end
 
+      # Returns the HTML to use for the actual input field element.
+      def call
+        @form.send(
+          input_field_type,
+          @attribute,
+          input_options,
+          checked_value,
+          unchecked_value
+        )
+      end
+
+      def initialize(attribute:, form:, disabled: false, options: {}, size: :default, unchecked_value: DEFAULT_UNCHECKED_VALUE, value: DEFAULT_CHECKED_VALUE)
+        super(attribute: attribute, form: form, disabled: disabled, options: options, size: size)
+        @unchecked_value = unchecked_value
+        @value = value
+      end
+
       def input_field_type
         :check_box
       end
+
+      # Returns the options argument for the input field
+      def input_options
+        {
+          class: classes,
+          disabled: disabled?
+        }.merge(options)
+      end
+
+      private
+
+      def checked_value
+        @value
+      end
+
+      attr_reader :unchecked_value
     end
   end
 end

data/app/components/flowbite/input/select.rb

@@ -14,9 +14,11 @@ module Flowbite
         lg: ["px-4", "py-3", "text-base"]
       }.freeze
 
-      def initialize(form:, attribute:, collection: [], disabled: false, options: {}, size: :default)
+      def initialize(form:, attribute:, collection: [], disabled: false, include_blank: false, multiple: false, options: {}, size: :default)
         super(form: form, attribute: attribute, disabled: disabled, options: options, size: size)
         @collection = collection
+        @include_blank = include_blank
+        @multiple = multiple
       end
 
       # Returns the HTML to use for the actual input field element.
@@ -25,7 +27,7 @@ module Flowbite
           input_field_type,
           @attribute,
           @collection,
-          {},
+          select_options,
           html_options
         )
       end
@@ -37,6 +39,13 @@ module Flowbite
 
       private
 
+      def select_options
+        {
+          include_blank: @include_blank,
+          multiple: @multiple
+        }
+      end
+
       # Returns the html_options argument for the select method
       def html_options
         {

data/app/components/flowbite/input_field/checkbox.rb

@@ -5,12 +5,6 @@ module Flowbite
     class Checkbox < InputField
       protected
 
-      def input_component
-        ::Flowbite::Input::Checkbox
-      end
-
-      protected
-
       def default_hint_options
         return {} unless @hint
 
@@ -27,6 +21,10 @@ module Flowbite
         options
       end
 
+      def input_component
+        ::Flowbite::Input::Checkbox
+      end
+
       private
 
       def hint_classes
@@ -37,6 +35,13 @@ module Flowbite
         end
       end
 
+      def input_arguments
+        args = super
+        args[:unchecked_value] = @input[:unchecked_value] if @input.key?(:unchecked_value)
+        args[:value] = @input[:value] if @input.key?(:value)
+        args
+      end
+
       def label_classes
         if disabled?
           "font-medium text-gray-400 dark:text-gray-500"

data/app/components/flowbite/input_field/radio_button.rb

@@ -3,17 +3,11 @@
 module Flowbite
   class InputField
     class RadioButton < InputField
-      protected
-
       def initialize(attribute:, form:, value:, disabled: false, hint: nil, input: {}, label: {})
         super(attribute: attribute, form: form, disabled: disabled, hint: hint, input: input, label: label)
         @value = value
       end
 
-      def input_component
-        ::Flowbite::Input::RadioButton
-      end
-
       protected
 
       def default_input
@@ -54,6 +48,10 @@ module Flowbite
         render(component)
       end
 
+      def input_component
+        ::Flowbite::Input::RadioButton
+      end
+
       private
 
       def hint_classes

data/app/components/flowbite/input_field/select.rb

@@ -3,9 +3,11 @@
 module Flowbite
   class InputField
     class Select < InputField
-      def initialize(attribute:, form:, collection: [], disabled: false, hint: nil, input: {}, label: {}, size: :default)
+      def initialize(attribute:, form:, collection: [], disabled: false, hint: nil, include_blank: false, input: {}, label: {}, multiple: false, size: :default)
         super(attribute: attribute, disabled: disabled, form: form, hint: hint, input: input, label: label, size: size)
         @collection = collection
+        @include_blank = include_blank
+        @multiple = multiple
       end
 
       def input
@@ -15,6 +17,8 @@ module Flowbite
             collection: @collection,
             disabled: @disabled,
             form: @form,
+            include_blank: @include_blank,
+            multiple: @multiple,
             options: input_options,
             size: @size
           )

data/app/components/flowbite/input_field.rb

@@ -134,13 +134,7 @@ module Flowbite
 
     # Returns the HTML to use for the default input element.
     def default_input
-      render(input_component.new(
-        form: @form,
-        attribute: @attribute,
-        disabled: @disabled,
-        options: input_options,
-        size: @size
-      ))
+      render(input_component.new(**input_arguments))
     end
 
     def default_label
@@ -180,6 +174,17 @@ module Flowbite
       "#{@form.object_name}_#{@attribute}_hint"
     end
 
+    # @return [Hash] The keyword arguments for the input component.
+    def input_arguments
+      {
+        attribute: @attribute,
+        disabled: @disabled,
+        form: @form,
+        options: input_options,
+        size: @size
+      }
+    end
+
     def input_options
       default_input_options.merge(@input[:options] || {})
     end

data/lib/flowbite/components/version.rb

@@ -2,6 +2,6 @@
 
 module Flowbite
   module Components
-    VERSION = "0.1.2"
+    VERSION = "0.1.3"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: flowbite-components
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Jakob Skjerning