hakumi_components 0.1.17.pre → 0.1.19.pre

data/app/components/hakumi/input/password/component.rb

@@ -1,95 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Input
-    module Password
-      # Hakumi Password Input component
-      # A password input with visibility toggle functionality
-      #
-      # @example Basic usage
-      #   <%= render Hakumi::Input::Password::Component.new(
-      #     name: "password",
-      #     label: "Password",
-      #     placeholder: "Enter password"
-      #   ) %>
-      #
-      # @example With size and validation
-      #   <%= render Hakumi::Input::Password::Component.new(
-      #     name: "password",
-      #     label: "Password",
-      #     size: :large,
-      #     required: true,
-      #     errors: ["Password is too short"]
-      #   ) %>
-      class Component < Hakumi::Input::Component
-        def initialize(**options)
-          # Force type to password
-          options[:type] = :password
-
-          # Password fields always have a suffix (visibility toggle)
-          # Store the user's suffix separately if provided
-          @user_suffix = options.delete(:suffix)
-
-          super(**options)
-        end
-
-        private
-
-        def wrapper_attributes
-          base_attrs = super
-
-          # Merge password-specific data attributes
-          base_attrs[:data] ||= {}
-          base_attrs[:data][:controller] = [ base_attrs[:data][:controller], "hakumi--input-password" ].compact.join(" ")
-          base_attrs[:data][:hakumi__input_password_visible_value] = "false"
-
-          base_attrs
-        end
-
-        def suffix_element
-          content_tag(:span, class: "hakumi-input-suffix") do
-            safe_join([
-              user_suffix_content,
-              visibility_toggle_button
-            ].compact)
-          end
-        end
-
-        def has_affix?
-          true # Password always has affix (visibility toggle)
-        end
-
-        def user_suffix_content
-          return nil unless @user_suffix
-
-          @user_suffix
-        end
-
-        def visibility_toggle_button
-          content_tag(:span,
-            class: "hakumi-input-password-icon",
-            role: "button",
-            tabindex: "-1",
-            data: {
-              action: "click->hakumi--input-password#toggle",
-              hakumi__input_password_target: "toggleButton"
-            }
-          ) do
-            render Hakumi::Icon::Component.new(
-              name: :eye_invisible,
-              data: { hakumi__input_password_target: "icon" }
-            )
-          end
-        end
-
-        def input_attributes
-          attrs = super
-          # Add target for Stimulus controller
-          attrs[:data] ||= {}
-          attrs[:data][:hakumi__input_password_target] = "input"
-          attrs
-        end
-      end
-    end
-  end
-end

data/app/components/hakumi/input/text_area/component.rb

@@ -1,131 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Input
-    module TextArea
-      # Hakumi TextArea component
-      # Multi-line text input with optional character count and auto-resize
-      #
-      # @example Basic usage
-      #   <%= render Hakumi::Input::TextArea::Component.new(
-      #     name: "bio",
-      #     label: "Biography",
-      #     rows: 4
-      #   ) %>
-      #
-      # @example With character count
-      #   <%= render Hakumi::Input::TextArea::Component.new(
-      #     name: "description",
-      #     label: "Description",
-      #     show_count: true,
-      #     maxlength: 200
-      #   ) %>
-      class Component < Hakumi::BaseComponent
-        include Hakumi::Concerns::FormField
-
-        SIZES = [ :small, :middle, :large ].freeze
-
-        def initialize(
-          name:,
-          label: nil,
-          caption: nil,
-          value: nil,
-          placeholder: nil,
-          size: :middle,
-          rows: 4,
-          disabled: false,
-          readonly: false,
-          required: false,
-          show_count: false,
-          maxlength: nil,
-          autosize: false,
-          standalone: true,
-          errors: [],
-          **html_options
-        )
-          @name = name
-          @label = label
-          @caption = caption
-          @value = value
-          @placeholder = placeholder
-          @size = size
-          @rows = rows
-          @disabled = disabled
-          @readonly = readonly
-          @required = required
-          @show_count = show_count
-          @maxlength = maxlength
-          @autosize = autosize
-          @standalone = standalone
-          @errors = Array(errors)
-          @html_options = html_options
-
-          validate_props!
-        end
-
-        private
-
-        def validate_props!
-          validate_inclusion!(:size, SIZES)
-        end
-
-        def textarea_classes
-          class_names(
-            "input",
-            {
-              @size => (@size != :middle)
-            },
-            [ @html_options[:class] ]
-          )
-        end
-
-        def wrapper_classes
-          classes = [ "hakumi-input-textarea" ]
-          classes << "hakumi-input-textarea-show-count" if @show_count
-          classes.join(" ")
-        end
-
-        def wrapper_attributes
-          {
-            class: wrapper_classes,
-            data: {
-              controller: "hakumi--input-textarea",
-              hakumi__input_textarea_autosize_value: @autosize.to_s,
-              hakumi__input_textarea_maxlength_value: @maxlength,
-              count: character_count
-            }
-          }
-        end
-
-        def textarea_attributes
-          attrs = {
-            name: @name,
-            id: input_id,
-            class: textarea_classes,
-            rows: @rows,
-            placeholder: @placeholder,
-            disabled: @disabled ? true : nil,
-            readonly: @readonly ? true : nil,
-            "aria-invalid": has_error? ? "true" : nil,
-            "aria-describedby": describedby_ids,
-            data: { action: "input->hakumi--input-textarea#handleInput" }
-          }.compact
-
-          # Merge user data attributes
-          if @html_options[:data]
-            attrs[:data].merge!(@html_options[:data])
-          end
-
-          attrs
-        end
-
-        def character_count
-          current = @value.to_s.length
-          return current.to_s unless @maxlength
-
-          "#{current} / #{@maxlength}"
-        end
-      end
-    end
-  end
-end

data/app/components/hakumi/input_number/component.rb

@@ -1,198 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module InputNumber
-    # Hakumi InputNumber component
-    # Numeric input with precision, formatter, and spinner controls
-    #
-    # @example Basic usage
-    #   <%= render Hakumi::InputNumber::Component.new(name: :amount, value: 10) %>
-    #
-    # @example With formatter and prefix
-    #   <%= render Hakumi::InputNumber::Component.new(
-    #     name: :price,
-    #     value: 199.95,
-    #     prefix: "$",
-    #     formatter: { style: "currency", currency: "USD", minimumFractionDigits: 2 }
-    #   ) %>
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
-
-      SIZES = [ :small, :middle, :large ].freeze
-      VARIANTS = [ :default, :filled, :borderless ].freeze
-      STATUSES = [ :default, :success, :warning, :error ].freeze
-
-      def initialize(
-        name:,
-        label: nil,
-        caption: nil,
-        value: nil,
-        placeholder: nil,
-        min: nil,
-        max: nil,
-        step: 1,
-        precision: nil,
-        size: :middle,
-        variant: :default,
-        status: :default,
-        disabled: false,
-        readonly: false,
-        required: false,
-        prefix: nil,
-        suffix: nil,
-        controls: true,
-        keyboard: true,
-        wheel: false,
-        formatter: nil,
-        standalone: true,
-        rules: nil,
-        errors: [],
-        **html_attrs
-      )
-        @name = name
-        @label = label
-        @caption = caption
-        @value = value
-        @placeholder = placeholder
-        @min = min
-        @max = max
-        @step = step
-        @precision = precision
-        @size = size
-        @variant = variant
-        @status = status
-        @disabled = disabled
-        @readonly = readonly
-        @required = required
-        @prefix = prefix
-        @suffix = suffix
-        @controls = controls
-        @keyboard = keyboard
-        @wheel = wheel
-        @formatter = formatter
-        @standalone = standalone
-        @rules = rules
-        @errors = Array(errors)
-        @html_attrs = html_attrs
-
-        validate_props!
-      end
-
-      private
-
-      def validate_props!
-        validate_inclusion!(:size, SIZES)
-        validate_inclusion!(:variant, VARIANTS)
-        validate_inclusion!(:status, STATUSES)
-        validate_numeric_like!(@step, "step")
-        validate_numeric_like!(@min, "min") if @min
-        validate_numeric_like!(@max, "max") if @max
-        validate_numeric_like!(@precision, "precision") if @precision
-
-        return if @formatter.nil? || @formatter.is_a?(Hash)
-
-        raise ArgumentError, "formatter must be a Hash of Intl.NumberFormat options"
-      end
-
-      def validate_numeric_like!(value, name)
-        return if value.is_a?(Numeric) || value.is_a?(String)
-
-        raise ArgumentError, "#{name} must be a number or string"
-      end
-
-      def component_html_class
-        class_names(
-          "input-number",
-          {
-            @size => @size != :middle,
-            @variant => @variant != :default,
-            disabled: @disabled,
-            readonly: @readonly,
-            "no-controls": !@controls,
-            "has-prefix": @prefix.present?,
-            "has-suffix": @suffix.present?,
-            status: @status != :default ? @status : nil
-          },
-          @html_attrs[:wrapper_class]
-        )
-      end
-
-      def wrapper_attributes
-        merge_attributes(
-          {
-            class: component_html_class,
-            data: {
-              controller: "hakumi--input-number",
-              hakumi__input_number_step_value: @step,
-              hakumi__input_number_min_value: @min,
-              hakumi__input_number_max_value: @max,
-              hakumi__input_number_precision_value: @precision,
-              hakumi__input_number_keyboard_value: @keyboard,
-              hakumi__input_number_wheel_value: @wheel,
-              hakumi__input_number_disabled_value: @disabled,
-              hakumi__input_number_formatter_options_value: formatter_options_json
-            }.compact
-          },
-          {
-            id: @html_attrs[:id],
-            data: @html_attrs[:data]
-          }.compact
-        )
-      end
-
-      def input_classes
-        class_names("input-number-input", {}, @html_attrs[:class])
-      end
-
-      def input_attributes
-        merge_attributes(
-          {
-            type: "text",
-            inputmode: "decimal",
-            name: @name,
-            id: input_id,
-            value: @value,
-            placeholder: @placeholder,
-            class: input_classes,
-            disabled: @disabled ? true : nil,
-            readonly: @readonly ? true : nil,
-            autocomplete: "off",
-            role: "spinbutton",
-            "aria-invalid": has_error? ? "true" : nil,
-            "aria-describedby": describedby_ids,
-            "aria-valuemin": @min,
-            "aria-valuemax": @max,
-            "aria-valuenow": @value,
-            data: {
-              action: "input->hakumi--input-number#handleInput focus->hakumi--input-number#handleFocus blur->hakumi--input-number#handleBlur keydown->hakumi--input-number#handleKeydown wheel->hakumi--input-number#handleWheel",
-              hakumi__input_number_target: "input"
-            }
-          }.compact,
-          @html_attrs.except(:id, :wrapper_class)
-        )
-      end
-
-      def prefix_element
-        return nil unless @prefix.present?
-
-        content_tag(:span, render_value(@prefix), class: "hakumi-input-number-prefix")
-      end
-
-      def suffix_element
-        return nil unless @suffix.present?
-
-        content_tag(:span, render_value(@suffix), class: "hakumi-input-number-suffix")
-      end
-
-      def controls?
-        @controls
-      end
-
-      def formatter_options_json
-        return nil unless @formatter.present?
-
-        @formatter.to_json
-      end
-    end
-  end
-end

data/app/components/hakumi/layout/component.html.erb

@@ -1 +0,0 @@
-<section <%= tag.attributes(html_attributes) %>><%= content %></section>

data/app/components/hakumi/layout/component.rb

@@ -1,21 +0,0 @@
-class Hakumi::Layout::Component < Hakumi::BaseComponent
-  def initialize(has_sider: false, **html_options)
-    @has_sider = has_sider
-    @html_options = html_options
-  end
-
-  private
-
-  def html_attributes
-    attrs = @html_options.dup
-    attrs[:class] = css_classes
-    attrs
-  end
-
-  def css_classes
-    classes = [ "hakumi-layout" ]
-    classes << "hakumi-layout-has-sider" if @has_sider
-    classes << @html_options[:class] if @html_options[:class]
-    classes.join(" ")
-  end
-end

data/app/components/hakumi/layout/content/component.html.erb

@@ -1 +0,0 @@
-<main <%= tag.attributes(html_attributes) %>><%= content %></main>

data/app/components/hakumi/layout/content/component.rb

@@ -1,19 +0,0 @@
-class Hakumi::Layout::Content::Component < Hakumi::BaseComponent
-  def initialize(**html_options)
-    @html_options = html_options
-  end
-
-  private
-
-  def html_attributes
-    attrs = @html_options.dup
-    attrs[:class] = css_classes
-    attrs
-  end
-
-  def css_classes
-    classes = [ "hakumi-layout-content" ]
-    classes << @html_options[:class] if @html_options[:class]
-    classes.join(" ")
-  end
-end

data/app/components/hakumi/layout/footer/component.html.erb

@@ -1 +0,0 @@
-<footer <%= tag.attributes(html_attributes) %>><%= content %></footer>

data/app/components/hakumi/layout/footer/component.rb

@@ -1,19 +0,0 @@
-class Hakumi::Layout::Footer::Component < Hakumi::BaseComponent
-  def initialize(**html_options)
-    @html_options = html_options
-  end
-
-  private
-
-  def html_attributes
-    attrs = @html_options.dup
-    attrs[:class] = css_classes
-    attrs
-  end
-
-  def css_classes
-    classes = [ "hakumi-layout-footer" ]
-    classes << @html_options[:class] if @html_options[:class]
-    classes.join(" ")
-  end
-end

data/app/components/hakumi/layout/header/component.html.erb

@@ -1 +0,0 @@
-<header <%= tag.attributes(html_attributes) %>><%= content %></header>

data/app/components/hakumi/layout/header/component.rb

@@ -1,19 +0,0 @@
-class Hakumi::Layout::Header::Component < Hakumi::BaseComponent
-  def initialize(**html_options)
-    @html_options = html_options
-  end
-
-  private
-
-  def html_attributes
-    attrs = @html_options.dup
-    attrs[:class] = css_classes
-    attrs
-  end
-
-  def css_classes
-    classes = [ "hakumi-layout-header" ]
-    classes << @html_options[:class] if @html_options[:class]
-    classes.join(" ")
-  end
-end

data/app/components/hakumi/layout/sider/component.html.erb

@@ -1 +0,0 @@
-<aside <%= tag.attributes(html_attributes) %>><%= content %></aside>

data/app/components/hakumi/layout/sider/component.rb

@@ -1,56 +0,0 @@
-class Hakumi::Layout::Sider::Component < Hakumi::BaseComponent
-  def initialize(
-    width: 200,
-    collapsed_width: 80,
-    collapsible: false,
-    collapsed: false,
-    theme: :dark,
-    breakpoint: nil,
-    **html_options
-  )
-    @width = width
-    @collapsed_width = collapsed_width
-    @collapsible = collapsible
-    @collapsed = collapsed
-    @theme = theme
-    @breakpoint = breakpoint
-    @html_options = html_options
-  end
-
-  private
-
-  def html_attributes
-    attrs = @html_options.dup
-    attrs[:class] = css_classes
-    attrs[:style] = inline_styles
-    attrs
-  end
-
-  def css_classes
-    classes = [ "hakumi-layout-sider" ]
-    classes << "hakumi-layout-sider-dark" if @theme.to_sym == :dark
-    classes << "hakumi-layout-sider-light" if @theme.to_sym == :light
-    classes << "hakumi-layout-sider-collapsed" if @collapsed
-    classes << "hakumi-layout-sider-has-trigger" if @collapsible
-    classes << @html_options[:class] if @html_options[:class]
-    classes.join(" ")
-  end
-
-  def inline_styles
-    styles = []
-    if @collapsed
-      styles << "flex: 0 0 #{@collapsed_width}px"
-      styles << "max-width: #{@collapsed_width}px"
-      styles << "min-width: #{@collapsed_width}px"
-      styles << "width: #{@collapsed_width}px"
-    else
-      styles << "flex: 0 0 #{@width}px"
-      styles << "max-width: #{@width}px"
-      styles << "min-width: #{@width}px"
-      styles << "width: #{@width}px"
-    end
-    combined_styles = styles.join("; ")
-    combined_styles += "; #{@html_options[:style]}" if @html_options[:style]
-    combined_styles
-  end
-end