flowbite-components 0.1.4 → 0.3.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: flowbite-components
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.3.0
 platform: ruby
 authors:
 - Jakob Skjerning
@@ -23,6 +23,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 4.0.0
+- !ruby/object:Gem::Dependency
+  name: yard
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 description: A library of View Components based on the Flowbite design system to be
   used in Rails applications.
 email:
@@ -35,16 +49,27 @@ files:
 - LICENSE
 - README.md
 - app/assets/tailwind/flowbite_components/engine.css
+- app/components/flowbite/badge.rb
+- app/components/flowbite/badge/badge.html.erb
+- app/components/flowbite/badge/dot.rb
+- app/components/flowbite/badge/pill.rb
+- app/components/flowbite/breadcrumb.rb
+- app/components/flowbite/breadcrumb/home_icon.rb
+- app/components/flowbite/breadcrumb/item.rb
+- app/components/flowbite/breadcrumb/item/current.rb
+- app/components/flowbite/breadcrumb/item/first.rb
+- app/components/flowbite/breadcrumb/separator_icon.rb
 - app/components/flowbite/button.rb
 - app/components/flowbite/button/outline.rb
 - app/components/flowbite/button/pill.rb
 - app/components/flowbite/card.rb
 - app/components/flowbite/card/card.html.erb
 - app/components/flowbite/card/title.rb
+- app/components/flowbite/input.rb
 - app/components/flowbite/input/checkbox.rb
 - app/components/flowbite/input/date.rb
+- app/components/flowbite/input/date_time.rb
 - app/components/flowbite/input/email.rb
-- app/components/flowbite/input/field.rb
 - app/components/flowbite/input/file.rb
 - app/components/flowbite/input/hint.rb
 - app/components/flowbite/input/label.rb
@@ -60,6 +85,7 @@ files:
 - app/components/flowbite/input_field/checkbox.html.erb
 - app/components/flowbite/input_field/checkbox.rb
 - app/components/flowbite/input_field/date.rb
+- app/components/flowbite/input_field/date_time.rb
 - app/components/flowbite/input_field/email.rb
 - app/components/flowbite/input_field/file.rb
 - app/components/flowbite/input_field/input_field.html.erb
@@ -73,16 +99,25 @@ files:
 - app/components/flowbite/input_field/textarea.rb
 - app/components/flowbite/input_field/url.rb
 - app/components/flowbite/link.rb
+- app/components/flowbite/sidebar.rb
+- app/components/flowbite/sidebar/item.rb
+- app/components/flowbite/sidebar/navigation.rb
 - app/components/flowbite/style.rb
 - app/components/flowbite/styles.rb
+- app/components/flowbite/toast.rb
+- app/components/flowbite/toast/icon.html.erb
+- app/components/flowbite/toast/icon.rb
+- app/components/flowbite/toast/toast.html.erb
 - lib/flowbite/components.rb
 - lib/flowbite/components/engine.rb
 - lib/flowbite/components/version.rb
-homepage: https://github.com/substancelab/flowbite-components
+- lib/yard/flowbite_viewcomponent.rb
+homepage: https://flowbite-components.substancelab.com
 licenses: []
 metadata:
   allowed_push_host: https://rubygems.org/
-  homepage_uri: https://github.com/substancelab/flowbite-components
+  documentation_uri: https://flowbite-components.substancelab.com/docs
+  homepage_uri: https://flowbite-components.substancelab.com
   source_code_uri: https://github.com/substancelab/flowbite-components
   changelog_uri: https://github.com/substancelab/flowbite-components/blob/main/CHANGELOG.md
 rdoc_options: []
@@ -100,7 +135,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.6
 specification_version: 4
 summary: ViewComponents using the Flowbite design system
 test_files: []

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

@@ -1,126 +0,0 @@
-# frozen_string_literal: true
-
-module Flowbite
-  module Input
-    # The indivdual input component for use in forms without labels or error
-    # messages.
-    #
-    # Use this when you want to render an input field on its own without any
-    # surrounding elements, ie as a building block in more complex input
-    # components.
-    #
-    # To render a complete input field with labels and error messages, use
-    # `Flowbite::InputField` instead.
-    class Field < ViewComponent::Base
-      SIZES = {
-        sm: ["px-2.5", "py-2", "text-sm"],
-        default: ["px-3", "py-2.5", "text-sm"],
-        lg: ["px-3.5", "py-3", "text-base"]
-      }.freeze
-
-      STATES = [
-        DEFAULT = :default,
-        DISABLED = :disabled,
-        ERROR = :error
-      ].freeze
-
-      attr_reader :options, :size, :style
-
-      class << self
-        def classes(size: :default, state: :default, style: :default)
-          style = styles.fetch(style)
-          state_classes = style.fetch(state)
-          state_classes + sizes.fetch(size)
-        end
-
-        # Returns the sizes this Field supports.
-        #
-        # This is effectively the SIZES constant, but provided as a method to
-        # return the constant from the current class, not the superclass.
-        #
-        # @return [Hash] A hash mapping size names to their corresponding CSS
-        # classes.
-        def sizes
-          const_get(:SIZES)
-        end
-
-        # rubocop:disable Layout/LineLength
-        def styles
-          Flowbite::Styles.from_hash(
-            {
-              default: {
-                default: ["bg-neutral-secondary-medium", "border", "border-default-medium", "text-heading", "rounded-base", "focus:ring-brand", "focus:border-brand", "block", "w-full", "shadow-xs", "placeholder:text-body"],
-                disabled: ["bg-neutral-secondary-medium", "border", "border-default-medium", "text-fg-disabled", "rounded-base", "focus:ring-brand", "focus:border-brand", "block", "w-full", "shadow-xs", "cursor-not-allowed", "placeholder:text-fg-disabled"],
-                error: ["bg-danger-soft", "border", "border-danger-subtle", "text-fg-danger-strong", "rounded-base", "focus:ring-danger", "focus:border-danger", "block", "w-full", "shadow-xs", "placeholder:text-fg-danger-strong"]
-              }
-            }.freeze
-          )
-        end
-        # rubocop:enable Layout/LineLength
-      end
-
-      def initialize(attribute:, form:, class: nil, disabled: false, options: {}, size: :default)
-        @attribute = attribute
-        @class = Array.wrap(binding.local_variable_get(:class))
-        @disabled = disabled
-        @form = form
-        @options = options || {}
-        @object = form.object
-        @size = size
-      end
-
-      # Returns the HTML to use for the actual input field element.
-      def call
-        @form.send(
-          input_field_type,
-          @attribute,
-          **input_options
-        )
-      end
-
-      # Returns the CSS classes to apply to the input field
-      def classes
-        self.class.classes(size: size, state: state) + @class
-      end
-
-      # Returns the name of the method used to generate HTML for the input field
-      def input_field_type
-        :text_field
-      end
-
-      protected
-
-      # Returns true if the field is disabled
-      def disabled?
-        !!@disabled
-      end
-
-      # Returns true if the object has errors. Returns false if there is no
-      # object.
-      #
-      # @return [Boolean] true if there are errors, false otherwise.
-      def errors?
-        return false unless @object
-
-        @object.errors.include?(@attribute.intern)
-      end
-
-      private
-
-      # Returns the options argument for the input field
-      def input_options
-        {
-          class: classes,
-          disabled: disabled?
-        }.merge(options)
-      end
-
-      def state
-        return DISABLED if disabled?
-        return ERROR if errors?
-
-        DEFAULT
-      end
-    end
-  end
-end