hakumi_components 0.1.17.pre → 0.1.19.pre

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

@@ -1,165 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Mentions
-    # Hakumi Mentions component
-    # Textarea input with dropdown suggestions for mentions
-    class Component < Hakumi::BaseComponent
-      include Hakumi::Concerns::FormField
-
-      SIZES = %i[small default large].freeze
-      STATUSES = [ nil, :error, :warning ].freeze
-      VARIANTS = %i[outlined borderless filled].freeze
-
-      def initialize(
-        name:,
-        label: nil,
-        caption: nil,
-        value: nil,
-        default_value: nil,
-        options: [],
-        prefix: "@",
-        split: " ",
-        filter_option: :contains,
-        placeholder: nil,
-        disabled: false,
-        readonly: false,
-        required: false,
-        rows: nil,
-        auto_size: false,
-        size: :default,
-        variant: :outlined,
-        status: nil,
-        standalone: true,
-        errors: [],
-        **html_options
-      )
-        @name = name
-        @label = label
-        @caption = caption
-        @value = value.nil? ? default_value : value
-        @default_value = default_value
-        @options = options
-        @prefix = prefix
-        @split = split
-        @filter_option = filter_option
-        @placeholder = placeholder
-        @disabled = disabled
-        @readonly = readonly
-        @required = required
-        @rows = rows
-        @auto_size = auto_size
-        @size = size
-        @variant = variant
-        @status = status
-        @standalone = standalone
-        @errors = Array(errors)
-        @html_options = html_options
-
-        validate_inclusion!(:size, SIZES)
-        validate_inclusion!(:variant, VARIANTS)
-        validate_inclusion!(:status, STATUSES) if @status
-      end
-
-      private
-
-      def single_line?
-        @rows.nil? || @rows == 1
-      end
-
-      def multiline?
-        !single_line?
-      end
-
-      def wrapper_classes
-        class_names(
-          "mentions",
-          {
-            disabled: @disabled,
-            readonly: @readonly,
-            "single": single_line?,
-            "sm": single_line? && @size == :small,
-            "lg": single_line? && @size == :large,
-            "variant-borderless": @variant == :borderless,
-            "variant-filled": @variant == :filled,
-            "status-error": @status == :error || has_error?,
-            "status-warning": @status == :warning
-          },
-          [ @html_options[:class] ]
-        )
-      end
-
-      def wrapper_attributes
-        base_attrs = {
-          class: wrapper_classes,
-          data: {
-            controller: "hakumi--mentions",
-            hakumi__mentions_options_value: normalized_options.to_json,
-            hakumi__mentions_prefix_value: Array(@prefix).to_json,
-            hakumi__mentions_split_value: @split.to_s,
-            hakumi__mentions_filter_option_value: filter_option_value,
-            hakumi__mentions_disabled_value: @disabled ? "true" : "false",
-            hakumi__mentions_readonly_value: @readonly ? "true" : "false",
-            hakumi__mentions_auto_size_value: @auto_size ? "true" : "false"
-          }
-        }
-
-        extra = @html_options.except(:class)
-        merge_attributes(base_attrs, extra)
-      end
-
-      def field_attributes
-        base_attrs = {
-          name: @name,
-          id: input_id,
-          class: field_classes,
-          placeholder: @placeholder,
-          disabled: @disabled ? true : nil,
-          readonly: @readonly ? true : nil,
-          "aria-invalid": has_error? ? "true" : nil,
-          "aria-describedby": describedby_ids,
-          data: {
-            action: "input->hakumi--mentions#handleInput keydown->hakumi--mentions#handleKeydown focus->hakumi--mentions#handleFocus blur->hakumi--mentions#handleBlur",
-            "hakumi--mentions-target": single_line? ? "input" : "textarea"
-          }
-        }
-
-        # Add rows only for textarea (multiline)
-        base_attrs[:rows] = @rows || 3 if multiline?
-
-        # Add scroll handler only for textarea
-        if multiline?
-          base_attrs[:data][:action] += " scroll->hakumi--mentions#handleScroll"
-        end
-
-        base_attrs.compact
-      end
-
-      def field_classes
-        "hakumi-mentions-input hakumi-input"
-      end
-
-      def normalized_options
-        Array(@options).filter_map do |opt|
-          case opt
-          when nil
-            nil
-          when Hash
-            label = opt[:label] || opt["label"]
-            value = opt[:value] || opt["value"] || label
-            { label: label.to_s, value: value.to_s }
-          when Array
-            label, value = opt
-            { label: label.to_s, value: (value || label).to_s }
-          else
-            { label: opt.to_s, value: opt.to_s }
-          end
-        end
-      end
-
-      def filter_option_value
-        @filter_option.nil? ? "contains" : @filter_option.to_s
-      end
-    end
-  end
-end

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

@@ -1,126 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Menu
-    class Component < Hakumi::BaseComponent
-      MODES = %i[horizontal vertical inline].freeze
-      TRIGGER_SUBMENU_ACTIONS = %i[hover click].freeze
-
-      renders_many :items, types: {
-        item: {
-          renders: ->(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **options, &block) do
-            Hakumi::Menu::Item::Component.new(
-              key: key,
-              label: label,
-              icon: icon,
-              disabled: disabled,
-              danger: danger,
-              href: href,
-              target: target,
-              **options,
-              &block
-            )
-          end,
-          as: :item
-        },
-        submenu: {
-          renders: ->(key:, label: nil, icon: nil, disabled: false, **options, &block) do
-            Hakumi::Menu::SubMenu::Component.new(
-              key: key,
-              label: label,
-              icon: icon,
-              disabled: disabled,
-              mode: @mode,
-              **options,
-              &block
-            )
-          end,
-          as: :submenu
-        },
-        group: {
-          renders: ->(label:, **options, &block) do
-            Hakumi::Menu::Group::Component.new(label: label, **options, &block)
-          end,
-          as: :group
-        },
-        divider: {
-          renders: -> { Hakumi::Menu::Divider::Component.new },
-          as: :divider
-        }
-      }
-
-      def initialize(
-        mode: :vertical,
-        selectable: true,
-        multiple: false,
-        inline_collapsed: false,
-        inline_indent: 24,
-        default_selected_keys: [],
-        default_open_keys: [],
-        trigger_submenu_action: :hover,
-        **html_options
-      )
-        @mode = mode
-        @selectable = selectable
-        @multiple = multiple
-        @inline_collapsed = inline_collapsed
-        @inline_indent = inline_indent
-        @default_selected_keys = Array(default_selected_keys)
-        @default_open_keys = Array(default_open_keys)
-        @trigger_submenu_action = trigger_submenu_action
-        @html_options = html_options
-
-        validate_props!
-      end
-
-      attr_reader :mode, :inline_indent
-
-      def menu_classes
-        classes = [ "hakumi-menu" ]
-        classes << "hakumi-menu-root"
-        classes << "hakumi-menu-#{@mode}"
-        classes << "hakumi-menu-inline-collapsed" if @inline_collapsed && @mode == :inline
-        classes.join(" ")
-      end
-
-      def stimulus_controller
-        "hakumi--menu"
-      end
-
-      def stimulus_values
-        {
-          mode: @mode.to_s,
-          selectable: @selectable,
-          multiple: @multiple,
-          inline_collapsed: @inline_collapsed,
-          inline_indent: @inline_indent,
-          default_selected_keys: @default_selected_keys.to_json,
-          default_open_keys: @default_open_keys.to_json,
-          trigger_submenu_action: @trigger_submenu_action.to_s
-        }
-      end
-
-      def wrapper_attributes
-        base_attrs = {
-          class: menu_classes,
-          role: "menu",
-          data: {
-            controller: stimulus_controller
-          }.merge(stimulus_data_attributes)
-        }
-        merge_attributes(base_attrs, @html_options)
-      end
-
-      private
-
-      def stimulus_data_attributes
-        stimulus_values.transform_keys { |k| "#{stimulus_controller}-#{k.to_s.dasherize}-value" }
-      end
-
-      def validate_props!
-        validate_inclusion!(:mode, MODES)
-        validate_inclusion!(:trigger_submenu_action, TRIGGER_SUBMENU_ACTIONS)
-      end
-    end
-  end
-end

data/app/components/hakumi/menu/group/component.rb

@@ -1,47 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Menu
-    module Group
-      class Component < Hakumi::BaseComponent
-        renders_many :items, types: {
-          item: {
-            renders: ->(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **options, &block) do
-              Hakumi::Menu::Item::Component.new(
-                key: key,
-                label: label,
-                icon: icon,
-                disabled: disabled,
-                danger: danger,
-                href: href,
-                target: target,
-                **options,
-                &block
-              )
-            end,
-            as: :item
-          }
-        }
-
-        def initialize(label:, **html_options)
-          @label = label
-          @html_options = html_options
-        end
-
-        attr_reader :label
-
-        def group_classes
-          "hakumi-menu-item-group"
-        end
-
-        def title_classes
-          "hakumi-menu-item-group-title"
-        end
-
-        def list_classes
-          "hakumi-menu-item-group-list"
-        end
-      end
-    end
-  end
-end

data/app/components/hakumi/menu/item/component.rb

@@ -1,47 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Menu
-    module Item
-      class Component < Hakumi::BaseComponent
-        def initialize(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **html_options)
-          @key = key
-          @label = label
-          @icon = icon
-          @disabled = disabled
-          @danger = danger
-          @href = href
-          @target = target
-          @html_options = html_options
-        end
-
-        attr_reader :key, :label, :icon, :disabled, :danger, :href, :target
-
-        def item_classes
-          classes = [ "hakumi-menu-item" ]
-          classes << "hakumi-menu-item-disabled" if disabled
-          classes << "hakumi-menu-item-danger" if danger
-          classes.join(" ")
-        end
-
-        def link?
-          href.present?
-        end
-
-        def display_label
-          content.presence || label
-        end
-
-        def icon_component
-          return nil unless icon
-
-          if icon.is_a?(Symbol)
-            Hakumi::Icon::Component.new(name: icon)
-          else
-            icon
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/hakumi/menu/sub_menu/component.rb

@@ -1,92 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Menu
-    module SubMenu
-      class Component < Hakumi::BaseComponent
-        renders_many :items, types: {
-          item: {
-            renders: ->(key:, label: nil, icon: nil, disabled: false, danger: false, href: nil, target: nil, **options, &block) do
-              Hakumi::Menu::Item::Component.new(
-                key: key,
-                label: label,
-                icon: icon,
-                disabled: disabled,
-                danger: danger,
-                href: href,
-                target: target,
-                **options,
-                &block
-              )
-            end,
-            as: :item
-          },
-          submenu: {
-            renders: ->(key:, label: nil, icon: nil, disabled: false, **options, &block) do
-              Hakumi::Menu::SubMenu::Component.new(
-                key: key,
-                label: label,
-                icon: icon,
-                disabled: disabled,
-                mode: @mode,
-                **options,
-                &block
-              )
-            end,
-            as: :submenu
-          },
-          group: {
-            renders: ->(label:, **options, &block) do
-              Hakumi::Menu::Group::Component.new(label: label, **options, &block)
-            end,
-            as: :group
-          },
-          divider: {
-            renders: -> { Hakumi::Menu::Divider::Component.new },
-            as: :divider
-          }
-        }
-
-        def initialize(key:, label: nil, icon: nil, disabled: false, mode: :vertical, **html_options)
-          @key = key
-          @label = label
-          @icon = icon
-          @disabled = disabled
-          @mode = mode
-          @html_options = html_options
-        end
-
-        attr_reader :key, :label, :icon, :disabled, :mode
-
-        def submenu_classes
-          classes = [ "hakumi-menu-submenu" ]
-          classes << "hakumi-menu-submenu-#{popup? ? 'popup' : 'inline'}"
-          classes << "hakumi-menu-submenu-disabled" if disabled
-          classes.join(" ")
-        end
-
-        def title_classes
-          "hakumi-menu-submenu-title"
-        end
-
-        def popup?
-          mode != :inline
-        end
-
-        def display_label
-          content.presence || label
-        end
-
-        def icon_component
-          return nil unless icon
-
-          if icon.is_a?(Symbol)
-            Hakumi::Icon::Component.new(name: icon)
-          else
-            icon
-          end
-        end
-      end
-    end
-  end
-end

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

@@ -1,106 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Message
-    class Component < Hakumi::BaseComponent
-      TYPES = %i[success info warning error loading].freeze
-
-      # Extracts locals from controller params for dynamic rendering
-      # @param params [ActionController::Parameters]
-      # @return [Hash] Arguments for initialize
-      def self.extract_controller_locals(params)
-        {
-          message: params[:message].presence || "Generated message content.",
-          type: params[:type]&.to_sym,
-          duration: params[:duration]&.to_f,
-          key: params[:key],
-          icon: params[:icon],
-          closable: ActiveModel::Type::Boolean.new.cast(params[:closable]),
-          max_count: params[:max_count]&.to_i,
-          top: params[:top]&.to_i
-        }
-      end
-
-      def initialize(
-        message: nil,
-        type: nil,
-        duration: 3,
-        key: nil,
-        icon: nil,
-        closable: false,
-        max_count: nil,
-        top: nil,
-        **html_options
-      )
-        @message = message
-        @type = type
-        @duration = duration.nil? ? 3 : duration
-        @key = key
-        @icon = icon
-        @closable = closable
-        @max_count = max_count
-        @top = top
-        @html_options = html_options
-
-        validate_props!
-      end
-
-      def root_attributes
-        base_attrs = {
-          class: wrapper_classes,
-          data: data_attributes,
-          role: "status",
-          "aria-live": "polite",
-          "aria-atomic": "true"
-        }
-
-        base_attrs[:style] = inline_style if inline_style
-
-        merge_attributes(base_attrs, @html_options)
-      end
-
-      def data_attributes
-        attrs = {
-          controller: "hakumi--message",
-          hakumi__message_duration_value: @duration,
-          hakumi__message_max_count_value: @max_count,
-          hakumi__message_top_value: @top
-        }
-
-        payload = initial_payload
-        attrs[:hakumi__message_payload_value] = payload.to_json if payload.present?
-
-        attrs
-      end
-
-      def wrapper_classes
-        class_names("message", {}, [ @html_options[:class] ])
-      end
-
-      def inline_style
-        styles = []
-        styles << "--hakumi-message-top: #{@top}px" if @top
-        styles.join("; ") if styles.any?
-      end
-
-      private
-
-      def initial_payload
-        payload = {
-          message: @message,
-          type: @type,
-          duration: @duration,
-          key: @key,
-          icon: @icon,
-          closable: @closable
-        }.compact
-
-        payload.presence
-      end
-
-      def validate_props!
-        validate_inclusion!(:type, TYPES)
-      end
-    end
-  end
-end

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

@@ -1,99 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Modal
-    class Component < Hakumi::BaseComponent
-      # Slots for content
-      renders_one :header
-      renders_one :body
-      renders_one :footer
-      renders_one :extra
-
-      # Extracts locals from controller params for programmatic rendering
-      # @param params [ActionController::Parameters]
-      # @return [Hash] Arguments for initialize
-      def self.extract_controller_locals(params)
-        {
-          title: params[:title],
-          message: params[:message],
-          open: ActiveModel::Type::Boolean.new.cast(params[:open]),
-          width: params[:width]&.to_i,
-          centered: ActiveModel::Type::Boolean.new.cast(params[:centered]),
-          closable: ActiveModel::Type::Boolean.new.cast(params[:closable]),
-          mask: ActiveModel::Type::Boolean.new.cast(params[:mask]),
-          mask_closable: ActiveModel::Type::Boolean.new.cast(params[:mask_closable]),
-          keyboard: ActiveModel::Type::Boolean.new.cast(params[:keyboard]),
-          confirm_loading: ActiveModel::Type::Boolean.new.cast(params[:confirm_loading])
-        }
-      end
-
-      def initialize(
-        open: false,
-        width: 520,
-        centered: false,
-        closable: true,
-        mask: true,
-        mask_closable: true,
-        keyboard: true,
-        confirm_loading: false,
-        **html_attributes
-      )
-        @open = open
-        @width = width
-        @centered = centered
-        @closable = closable
-        @mask = mask
-        @mask_closable = mask_closable
-        @keyboard = keyboard
-        @confirm_loading = confirm_loading
-        @html_attributes = html_attributes
-        super()
-      end
-
-      private
-
-      def classes
-        base_classes = [ "hakumi-modal-root" ]
-        base_classes << @html_attributes[:class] if @html_attributes[:class]
-        base_classes.compact.join(" ")
-      end
-
-      def style
-        @html_attributes[:style]
-      end
-
-      def data_attributes
-        {
-          controller: "hakumi--modal",
-          hakumi__modal_open_value: @open,
-          hakumi__modal_mask_closable_value: @mask_closable,
-          hakumi__modal_keyboard_value: @keyboard,
-          hakumi__modal_confirm_loading_value: @confirm_loading
-        }.merge(@html_attributes[:data] || {})
-      end
-
-      def modal_classes
-        classes = [ "hakumi-modal" ]
-        classes << "hakumi-modal-centered" if @centered
-        classes.join(" ")
-      end
-
-      def modal_style
-        "width: #{@width}px;"
-      end
-
-      def render_header?
-        header? || @closable || extra?
-      end
-
-      def render_footer?
-        footer?
-      end
-
-      # Content resolution: body slot > block content
-      def body_content
-        body? ? body : content
-      end
-    end
-  end
-end

data/app/components/hakumi/modal/confirm/component.html.erb

@@ -1,23 +0,0 @@
-<%= render Hakumi::Modal::Component.new(
-  id: @id,
-  open: @open,
-  mask_closable: false,
-  closable: false,
-  **@html_attributes
-) do |modal| %>
-  <% modal.with_header do %>
-    <%= @title %>
-  <% end %>
-
-  <div class="hakumi-modal-confirm-body-wrapper">
-    <%= render Hakumi::Icon::Component.new(name: icon_name, theme: :filled, color: icon_color, size: 22) %>
-    <div class="hakumi-modal-confirm-content">
-      <p><%= content %></p>
-    </div>
-  </div>
-
-  <% modal.with_footer do %>
-    <%= render(Hakumi::Button::Component.new(data: { "hakumi-action": "cancel" })) { "Cancel" } %>
-    <%= render(Hakumi::Button::Component.new(type: :primary, data: { "hakumi-action": "confirm" })) { "OK" } %>
-  <% end %>
-<% end %>