hakumi_components 0.1.17.pre → 0.1.19.pre

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

@@ -1,169 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module ColorPicker
-    # Hakumi Color Picker component
-    # A comprehensive color picker with saturation/brightness panel, hue and alpha sliders.
-    # Inspired by Ant Design's ColorPicker component.
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
-
-      SIZES = [ :small, :middle, :large ].freeze
-      TRIGGERS = [ :click, :hover ].freeze
-      FORMATS = [ :hex, :rgb, :hsl, :hsb ].freeze
-      DEFAULT_PRESET_COLORS = %w[#F5222D #FA541C #FA8C16 #FAAD14 #FADB14 #A0D911 #52C41A #13C2C2 #1677FF #2F54EB #722ED1 #EB2F96].freeze
-
-      def initialize(
-        name: nil,
-        label: nil,
-        caption: nil,
-        value: nil,
-        default_value: nil,
-        format: :hex,
-        show_text: false,
-        show_format_select: true,
-        disabled: false,
-        disabled_alpha: false,
-        allow_clear: false,
-        show_preset_colors: true,
-        default_preset_label: "Recommended",
-        presets: [],
-        size: :middle,
-        trigger: :click,
-        placement: :bottom_left,
-        standalone: true,
-        errors: [],
-        **html_attrs
-      )
-        @name = name || generate_id("color_picker")
-        @label = label
-        @caption = caption
-        @value = value
-        @default_value = default_value || "#1677ff"
-        @format = format&.to_sym
-        @show_text = cast_boolean(show_text)
-        @show_format_select = cast_boolean(show_format_select)
-        @disabled = cast_boolean(disabled)
-        @disabled_alpha = cast_boolean(disabled_alpha)
-        @allow_clear = cast_boolean(allow_clear)
-        @show_preset_colors = cast_boolean(show_preset_colors)
-        @default_preset_label = default_preset_label
-        @presets = normalize_presets(presets)
-        @size = size
-        @trigger = trigger
-        @placement = placement
-        @standalone = cast_boolean(standalone)
-        @errors = Array(errors)
-        @html_attrs = html_attrs
-
-        validate_props!
-      end
-
-      def wrapper_attributes
-        base_attrs = {
-          class: component_classes,
-          data: {
-            controller: "hakumi--color-picker",
-            "hakumi--color-picker-format-value": @format.to_s,
-            "hakumi--color-picker-trigger-value": @trigger.to_s,
-            "hakumi--color-picker-placement-value": @placement.to_s,
-            "hakumi--color-picker-disabled-value": @disabled,
-            "hakumi--color-picker-disabled-alpha-value": @disabled_alpha,
-            "hakumi--color-picker-allow-clear-value": @allow_clear,
-            "hakumi--color-picker-show-text-value": @show_text,
-            "hakumi--color-picker-show-format-select-value": @show_format_select,
-            "hakumi--color-picker-value-value": data_value(@value),
-            "hakumi--color-picker-default-value-value": data_value(@default_value)
-          }.compact
-        }
-
-        merge_attributes(base_attrs, @html_attrs.except(:class))
-      end
-
-      def trigger_size_class
-        case @size
-        when :small then "hakumi-color-picker-trigger-sm"
-        when :large then "hakumi-color-picker-trigger-lg"
-        else "hakumi-color-picker-trigger-md"
-        end
-      end
-
-      def display_value
-        @value.presence || @default_value.presence || ""
-      end
-
-      def presets?
-        @presets.any?
-      end
-
-      def preset_groups
-        @presets
-      end
-
-      def default_presets
-        return [] if @presets.any? # Don't show defaults if custom presets provided
-        return [] unless @show_preset_colors
-
-        [
-          {
-            label: @default_preset_label,
-            colors: DEFAULT_PRESET_COLORS
-          }
-        ]
-      end
-
-      def all_preset_groups
-        groups = default_presets + preset_groups
-        groups.reject { |g| g[:colors].empty? }
-      end
-
-      private
-
-      def validate_props!
-        validate_inclusion!(:size, SIZES)
-        validate_inclusion!(:trigger, TRIGGERS)
-        validate_inclusion!(:format, FORMATS)
-      end
-
-      def component_classes
-        class_names(
-          "color-picker",
-          {
-            sm: @size == :small,
-            lg: @size == :large,
-            disabled: @disabled,
-            "allow-clear": @allow_clear,
-            "show-text": @show_text,
-            "hover-trigger": @trigger == :hover
-          },
-          @html_attrs[:class]
-        )
-      end
-
-      def data_value(value)
-        return nil if value.nil?
-
-        value.to_s
-      end
-
-      def normalize_presets(presets)
-        return [] if presets.blank?
-
-        if presets.is_a?(Hash)
-          presets.map do |label, colors|
-            { label: label, colors: Array(colors).compact }
-          end
-        elsif presets.is_a?(Array) && presets.first.is_a?(Hash)
-          presets.map do |preset|
-            {
-              label: preset[:label] || preset["label"],
-              colors: Array(preset[:colors] || preset["colors"]).compact
-            }
-          end
-        else
-          [ { label: "Presets", colors: Array(presets).compact } ]
-        end
-      end
-    end
-  end
-end

data/app/components/hakumi/concerns/form_field.rb

@@ -1,135 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Concerns
-    # Shared behavior for form field components
-    # Provides common methods for handling errors, labels, captions, and accessibility
-    module FormField
-      attr_reader :name, :label, :caption, :errors, :required, :size, :standalone
-
-      # Check if field has validation errors
-      #
-      # @return [Boolean]
-      def has_error?
-        @errors.any?
-      end
-
-      # Check if component is in standalone mode
-      #
-      # @return [Boolean]
-      def standalone?
-        @standalone
-      end
-
-      # Get the input field ID
-      # Works with both @html_options and @html_attrs
-      #
-      # @return [String]
-      def input_id
-        options = instance_variable_defined?(:@html_options) ? @html_options : @html_attrs
-        options&.dig(:id) || @name
-      end
-
-      # Generate CSS classes for form item wrapper
-      #
-      # @return [String]
-      def form_item_classes
-        class_names(
-          "form-item",
-          {
-            "has-error": has_error?,
-            "with-help": has_error? || @caption
-          }
-        )
-      end
-
-      # Generate aria-describedby attribute value
-      #
-      # @return [String, nil]
-      def describedby_ids
-        # @type var ids: Array[String]
-        ids = []
-        ids << "#{@name}_caption" if @caption
-        ids << "#{@name}_error" if has_error?
-        ids.any? ? ids.join(" ") : nil
-      end
-
-      # Get first error message
-      #
-      # @return [String, nil]
-      def error_message
-        @errors.first if has_error?
-      end
-
-      # Render label element (wraps label in div for proper styling)
-      #
-      # @param field_id [String] ID of the input field
-      # @return [String, nil]
-      def render_label(field_id: nil)
-        return nil if @label.blank?
-
-        content_tag(:div, class: "hakumi-form-item-label") do
-          content_tag(:label, for: field_id || @name) do
-            safe_join([
-              (@required ? content_tag(:span, "*", class: "hakumi-form-item-required-mark") : nil),
-              @label
-            ].compact)
-          end
-        end
-      end
-
-      # Render caption (help text) element
-      #
-      # @return [String, nil]
-      def render_caption
-        return nil if @caption.blank?
-
-        content_tag(:div, @caption, class: "hakumi-form-item-extra", id: "#{@name}_caption")
-      end
-
-      # Render error message element
-      #
-      # @return [String, nil]
-      def render_error
-        return nil unless has_error?
-
-        content_tag(:div, error_message,
-          class: "hakumi-form-item-explain-error",
-          id: "#{@name}_error",
-          role: "alert"
-        )
-      end
-
-      # Render explain section (caption or error)
-      #
-      # @return [String, nil]
-      def render_explain
-        return nil unless @caption || has_error?
-
-        content_tag(:div, class: "hakumi-form-item-explain") do
-          has_error? ? render_error : render_caption
-        end
-      end
-
-      # Generate form item wrapper attributes
-      #
-      # @param additional_data [Hash] Additional data attributes
-      # @return [Hash]
-      def form_item_attributes(additional_data: {})
-        data_attrs = additional_data.dup
-
-        # Add controller if rules exist
-        if defined?(@rules) && @rules
-          data_attrs[:controller] = "hakumi--form-item"
-          data_attrs[:hakumi__form_item_field_name_value] = @name.to_s
-          data_attrs[:hakumi__form_item_rules_value] = @rules.to_json
-        end
-
-        {
-          class: form_item_classes,
-          data: data_attrs.empty? ? nil : data_attrs
-        }.compact
-      end
-    end
-  end
-end

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

@@ -1,140 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module DatePicker
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
-      include SharedRendering
-
-      def initialize(
-        name: nil,
-        label: nil,
-        caption: nil,
-        value: nil,
-        default_value: nil,
-        format: nil,
-        display_format: nil,
-        picker: :date,
-        show_time: false,
-        show_seconds: nil,
-        disabled: false,
-        disabled_date: nil,
-        allow_clear: false,
-        placeholder: nil,
-        size: :middle,
-        bordered: true,
-        required: false,
-        errors: [],
-        standalone: true,
-        **html_options
-      )
-        @name = name || generate_id("date_picker")
-        @label = label
-        @caption = caption
-        @value = value
-        @default_value = default_value
-        @format = format
-        @display_format = display_format
-        @picker = picker
-        @show_time = show_time
-        @show_seconds = show_seconds.nil? ? show_time : show_seconds
-        @disabled = disabled
-        @disabled_date = disabled_date
-        @allow_clear = allow_clear
-        @placeholder = placeholder
-        @size = size
-        @bordered = bordered
-        @required = required
-        @errors = Array(errors)
-        @standalone = standalone
-        @html_options = html_options
-
-        validate_props!
-      end
-
-      def wrapper_attributes
-        base_attrs = {
-          class: base_wrapper_classes(base: "date-picker", extra_classes: @html_options[:class]),
-          data: {
-            controller: "hakumi--date-picker",
-            hakumi__date_picker_allow_clear_value: @allow_clear ? "true" : "false",
-            hakumi__date_picker_disabled_value: @disabled ? "true" : "false",
-            hakumi__date_picker_picker_value: @picker.to_s,
-            hakumi__date_picker_show_time_value: @show_time ? "true" : "false",
-            hakumi__date_picker_show_seconds_value: @show_seconds ? "true" : "false",
-            hakumi__date_picker_display_format_value: js_display_format
-          }
-        }
-
-        merge_attributes(base_attrs, @html_options.except(:class))
-      end
-
-      # Hidden input for form submission - always ISO format
-      def hidden_input_attributes
-        {
-          type: :hidden,
-          name: @name,
-          id: input_id,
-          value: iso_value(@value),
-          disabled: @disabled ? true : nil,
-          data: {
-            "hakumi--date-picker-target": "hiddenInput"
-          }
-        }.compact
-      end
-
-      # Visible input for display - shows formatted value
-      def visible_input_attributes
-        {
-          type: :text,
-          value: display_value,
-          placeholder: placeholder_text,
-          class: "hakumi-date-picker-input-field",
-          readonly: true,
-          disabled: @disabled ? true : nil,
-          "aria-invalid": has_error? ? "true" : nil,
-          "aria-describedby": describedby_ids,
-          data: {
-            "hakumi--date-picker-target": "displayInput",
-            action: "focus->hakumi--date-picker#focus blur->hakumi--date-picker#blur"
-          }
-        }.compact
-      end
-
-      # Legacy support - returns visible input attributes
-      def input_attributes
-        visible_input_attributes
-      end
-
-      def display_value
-        formatted_value(@value || @default_value)
-      end
-
-      private
-
-      def validate_props!
-        validate_inclusion!(:size, SIZES)
-        validate_inclusion!(:picker, PICKERS)
-      end
-
-      # Time picker helper methods (used when show_time: true)
-      def formatted_hours
-        hours = if use_12_hours?
-          (1..12).to_a
-        else
-          (0..23).to_a
-        end
-
-        hours.map { |hour| format("%02d", hour) }
-      end
-
-      def formatted_minutes
-        (0..59).map { |minute| format("%02d", minute) }
-      end
-
-      def formatted_seconds
-        (0..59).map { |second| format("%02d", second) }
-      end
-    end
-  end
-end

data/app/components/hakumi/date_picker/range_picker.rb

@@ -1,136 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module DatePicker
-    class RangePicker < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
-      include SharedRendering
-
-      def initialize(
-        name: nil,
-        label: nil,
-        caption: nil,
-        start_value: nil,
-        end_value: nil,
-        default_value: nil,
-        format: nil,
-        picker: :date,
-        show_time: false,
-        disabled: false,
-        disabled_date: nil,
-        allow_clear: false,
-        placeholder: nil,
-        size: :middle,
-        bordered: true,
-        required: false,
-        errors: [],
-        standalone: true,
-        **html_options
-      )
-        @name = name || generate_id("range_picker")
-        @label = label
-        @caption = caption
-        @start_value = start_value
-        @end_value = end_value
-        @value = @start_value || @end_value
-        @default_value = default_value
-        @format = format
-        @picker = picker
-        @show_time = show_time
-        @disabled = disabled
-        @disabled_date = disabled_date
-        @allow_clear = allow_clear
-        @placeholder = placeholder
-        @size = size
-        @bordered = bordered
-        @required = required
-        @errors = Array(errors)
-        @standalone = standalone
-        @html_options = html_options
-
-        validate_props!
-      end
-
-      def wrapper_attributes
-        base_attrs = {
-          class: base_wrapper_classes(base: "date-picker", extra_classes: [ "hakumi-range-picker", @html_options[:class] ]),
-          data: {
-            controller: "hakumi--date-picker",
-            hakumi__date_picker_allow_clear_value: @allow_clear ? "true" : "false",
-            hakumi__date_picker_disabled_value: @disabled ? "true" : "false",
-            hakumi__date_picker_format_value: display_format,
-            hakumi__date_picker_picker_value: @picker.to_s,
-            hakumi__date_picker_range_value: "true"
-          }
-        }
-
-        merge_attributes(base_attrs, @html_options.except(:class))
-      end
-
-      def start_input_attributes
-        {
-          type: :text,
-          name: start_input_name,
-          id: start_input_id,
-          value: formatted_value(@start_value),
-          placeholder: range_placeholders[0],
-          class: "hakumi-date-picker-input-field",
-          readonly: true,
-          disabled: @disabled ? true : nil,
-          "aria-invalid": has_error? ? "true" : nil,
-          "aria-describedby": describedby_ids,
-          data: {
-            "hakumi--date-picker-target": "startInput",
-            action: "click->hakumi--date-picker#activateStart"
-          }
-        }.compact
-      end
-
-      def end_input_attributes
-        {
-          type: :text,
-          name: end_input_name,
-          id: end_input_id,
-          value: formatted_value(@end_value),
-          placeholder: range_placeholders[1],
-          class: "hakumi-date-picker-input-field",
-          readonly: true,
-          disabled: @disabled ? true : nil,
-          "aria-invalid": has_error? ? "true" : nil,
-          "aria-describedby": describedby_ids,
-          data: {
-            "hakumi--date-picker-target": "endInput",
-            action: "click->hakumi--date-picker#activateEnd"
-          }
-        }.compact
-      end
-
-      def start_input_name
-        "#{@name}_start"
-      end
-
-      def end_input_name
-        "#{@name}_end"
-      end
-
-      def start_input_id
-        @html_options[:start_id] || "#{@name}_start"
-      end
-
-      def end_input_id
-        @html_options[:end_id] || "#{@name}_end"
-      end
-
-      def display_values
-        [ formatted_value(@start_value), formatted_value(@end_value) ]
-      end
-
-      private
-
-      def validate_props!
-        validate_inclusion!(:size, SIZES)
-        validate_inclusion!(:picker, PICKERS)
-      end
-    end
-  end
-end