hakumi_components 0.1.17.pre → 0.1.19.pre

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

@@ -1,158 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Tour
-    class Component < Hakumi::BaseComponent
-      SIZES = %w[small default large].freeze
-      TYPES = %w[default primary].freeze
-      PLACEMENTS = %w[
-        top top_left top_right
-        bottom bottom_left bottom_right
-        left left_top left_bottom
-        right right_top right_bottom
-      ].freeze
-
-      def initialize(
-        steps: [],
-        open: false,
-        current: 0,
-        size: "default",
-        type: "default",
-        placement: "bottom",
-        mask: true,
-        mask_closable: true,
-        closable: true,
-        show_progress: true,
-        **html_attrs
-      )
-        @steps = steps
-        @open = open
-        @current = current
-        @size = size
-        @type = type
-        @placement = placement
-        @mask = mask
-        @mask_closable = mask_closable
-        @closable = closable
-        @show_progress = show_progress
-        @html_attrs = html_attrs
-        @component_id = @html_attrs[:id] || generate_id("hakumi-tour", length: 6)
-
-        validate_props!
-      end
-
-      def component_html_attributes
-        merge_attributes(
-          {
-            id: @component_id,
-            class: component_html_class,
-            data: {
-              controller: "hakumi--tour",
-              hakumi__tour_open_value: @open,
-              hakumi__tour_current_value: @current,
-              hakumi__tour_steps_value: steps_json,
-              hakumi__tour_placement_value: normalized_placement(@placement),
-              hakumi__tour_mask_value: @mask,
-              hakumi__tour_mask_closable_value: @mask_closable,
-              hakumi__tour_closable_value: @closable,
-              hakumi__tour_show_progress_value: @show_progress
-            }
-          },
-          @html_attrs
-        )
-      end
-
-      def title_id
-        "#{@component_id}-title"
-      end
-
-      def body_id
-        "#{@component_id}-body"
-      end
-
-      def current_step_title
-        current_step[:title]
-      end
-
-      def current_step_body
-        current_step[:body]
-      end
-
-      def progress_label
-        return nil unless @show_progress
-        return "0 / 0" if normalized_steps.empty?
-
-        "#{current_index + 1} / #{normalized_steps.length}"
-      end
-
-      def first_step?
-        current_index.zero?
-      end
-
-      def last_step?
-        normalized_steps.any? && current_index == normalized_steps.length - 1
-      end
-
-      private
-
-      def component_html_class
-        modifiers = { "open" => @open }
-        modifiers[@size] = true if @size != "default"
-        modifiers[@type] = true if @type != "default"
-
-        class_names("tour", modifiers, [ @html_attrs[:class] ])
-      end
-
-      def validate_props!
-        validate_inclusion!(:size, SIZES)
-        validate_inclusion!(:type, TYPES)
-        validate_inclusion!(:placement, PLACEMENTS)
-        validate_steps!
-      end
-
-      def validate_steps!
-        Array(@steps).each_with_index do |step, index|
-          step_hash = step.respond_to?(:to_h) ? step.to_h : {}
-          placement = step_hash[:placement] || step_hash["placement"]
-          next if placement.nil?
-          next if PLACEMENTS.include?(placement.to_s)
-
-          raise ArgumentError, "steps[#{index}] placement must be one of #{PLACEMENTS.inspect}, got #{placement.inspect}"
-        end
-      end
-
-      def normalized_steps
-        @normalized_steps ||= Array(@steps).map do |step|
-          step_hash = step.respond_to?(:to_h) ? step.to_h : {}
-          step_hash = step_hash.transform_keys { |key| key.to_sym }
-
-          {
-            title: step_hash[:title].to_s,
-            body: (step_hash[:body] || step_hash[:description]).to_s,
-            target: step_hash[:target].presence,
-            placement: normalized_placement(step_hash[:placement] || @placement)
-          }
-        end
-      end
-
-      def steps_json
-        normalized_steps.to_json
-      end
-
-      def current_step
-        normalized_steps[current_index] || { title: "", body: "" }
-      end
-
-      def current_index
-        return 0 if normalized_steps.empty?
-        index = @current.to_i
-        index = 0 if index.negative?
-        index >= normalized_steps.length ? normalized_steps.length - 1 : index
-      end
-
-      def normalized_placement(value)
-        value.to_s.tr("_", "-")
-      end
-    end
-  end
-end

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

@@ -1,173 +0,0 @@
-<div <%= tag.attributes(wrapper_attributes) %>>
-  <div class="hakumi-transfer-panel hakumi-transfer-panel-source">
-    <div class="hakumi-transfer-header">
-      <% if show_select_all? %>
-        <label class="hakumi-checkbox-wrapper hakumi-transfer-select-all">
-          <span class="hakumi-checkbox" data-hakumi--transfer-target="sourceSelectAllWrapper">
-            <input
-              type="checkbox"
-              class="hakumi-checkbox-input"
-              data-hakumi--transfer-target="sourceSelectAll"
-              data-action="change->hakumi--transfer#toggleSelectAll"
-              data-hakumi--transfer-list-param="source"
-              <%= "disabled" if disabled? %>>
-            <span class="hakumi-checkbox-inner"></span>
-          </span>
-        </label>
-      <% end %>
-      <span class="hakumi-transfer-header-title">
-        <span class="hakumi-transfer-title"><%= titles[0] %></span>
-        <span class="hakumi-transfer-count" data-hakumi--transfer-target="sourceCount"></span>
-      </span>
-    </div>
-
-    <% if show_search? %>
-      <div class="hakumi-transfer-search">
-        <span class="hakumi-transfer-search-icon">
-          <%= render Hakumi::Icon::Component.new(name: :search) %>
-        </span>
-        <input
-          type="search"
-          class="hakumi-transfer-search-input"
-          placeholder="<%= search_placeholder %>"
-          data-hakumi--transfer-target="sourceSearch"
-          data-action="input->hakumi--transfer#filterList"
-          data-hakumi--transfer-list-param="source"
-          <%= "disabled" if disabled? %>>
-      </div>
-    <% end %>
-
-    <ul class="hakumi-transfer-list" data-hakumi--transfer-target="sourceList">
-      <% source_items.each_with_index do |item, index| %>
-        <li
-          class="<%= item_classes(item) %>"
-          data-key="<%= item[:key] %>"
-          data-disabled="<%= item[:disabled] ? "true" : "false" %>">
-          <label class="hakumi-checkbox-wrapper hakumi-transfer-item">
-            <span class="hakumi-checkbox<%= " hakumi-checkbox-disabled" if disabled? || item[:disabled] %>">
-              <input
-                type="checkbox"
-                class="hakumi-checkbox-input"
-                id="<%= item_checkbox_id(item, :source, index) %>"
-                name="<%= "#{@name}_source" %>"
-                data-action="change->hakumi--transfer#toggleSelection"
-                data-hakumi--transfer-list-param="source"
-                data-hakumi--transfer-target="sourceCheckbox"
-                <%= "disabled" if disabled? || item[:disabled] %>>
-              <span class="hakumi-checkbox-inner"></span>
-            </span>
-            <span class="hakumi-transfer-item-content">
-              <span class="hakumi-transfer-item-title"><%= item_content(item) %></span>
-              <% if (description = item_description(item)) %>
-                <span class="hakumi-transfer-item-description"><%= description %></span>
-              <% end %>
-            </span>
-          </label>
-        </li>
-      <% end %>
-    </ul>
-
-    <% if pagination? %>
-      <div class="hakumi-transfer-pagination" data-hakumi--transfer-target="sourcePagination"></div>
-    <% end %>
-  </div>
-
-  <div class="hakumi-transfer-controls" data-hakumi--transfer-target="controls">
-    <button
-      type="button"
-      class="hakumi-transfer-control"
-      data-hakumi--transfer-target="moveToTarget"
-      data-action="click->hakumi--transfer#moveToTarget"
-      <%= "disabled" if disabled? %>>
-      <span class="hakumi-transfer-control-icon">
-        <%= render Hakumi::Icon::Component.new(name: operations[:to_target]) %>
-      </span>
-    </button>
-
-    <% unless one_way? %>
-      <button
-        type="button"
-        class="hakumi-transfer-control"
-        data-hakumi--transfer-target="moveToSource"
-        data-action="click->hakumi--transfer#moveToSource"
-        <%= "disabled" if disabled? %>>
-        <span class="hakumi-transfer-control-icon">
-          <%= render Hakumi::Icon::Component.new(name: operations[:to_source]) %>
-        </span>
-      </button>
-    <% end %>
-  </div>
-
-  <div class="hakumi-transfer-panel hakumi-transfer-panel-target">
-    <div class="hakumi-transfer-header">
-      <% if show_select_all? %>
-        <label class="hakumi-checkbox-wrapper hakumi-transfer-select-all">
-          <span class="hakumi-checkbox" data-hakumi--transfer-target="targetSelectAllWrapper">
-            <input
-              type="checkbox"
-              class="hakumi-checkbox-input"
-              data-hakumi--transfer-target="targetSelectAll"
-              data-action="change->hakumi--transfer#toggleSelectAll"
-              data-hakumi--transfer-list-param="target"
-              <%= "disabled" if disabled? %>>
-            <span class="hakumi-checkbox-inner"></span>
-          </span>
-        </label>
-      <% end %>
-      <span class="hakumi-transfer-header-title">
-        <span class="hakumi-transfer-title"><%= titles[1] %></span>
-        <span class="hakumi-transfer-count" data-hakumi--transfer-target="targetCount"></span>
-      </span>
-    </div>
-
-    <% if show_search? %>
-      <div class="hakumi-transfer-search">
-        <span class="hakumi-transfer-search-icon">
-          <%= render Hakumi::Icon::Component.new(name: :search) %>
-        </span>
-        <input
-          type="search"
-          class="hakumi-transfer-search-input"
-          placeholder="<%= search_placeholder %>"
-          data-hakumi--transfer-target="targetSearch"
-          data-action="input->hakumi--transfer#filterList"
-          data-hakumi--transfer-list-param="target"
-          <%= "disabled" if disabled? %>>
-      </div>
-    <% end %>
-
-    <ul class="hakumi-transfer-list" data-hakumi--transfer-target="targetList">
-      <% target_items.each_with_index do |item, index| %>
-        <li
-          class="<%= item_classes(item) %>"
-          data-key="<%= item[:key] %>"
-          data-disabled="<%= item[:disabled] ? "true" : "false" %>">
-          <label class="hakumi-checkbox-wrapper hakumi-transfer-item">
-            <span class="hakumi-checkbox<%= " hakumi-checkbox-disabled" if disabled? || item[:disabled] %>">
-              <input
-                type="checkbox"
-                class="hakumi-checkbox-input"
-                id="<%= item_checkbox_id(item, :target, index) %>"
-                name="<%= "#{@name}_target" %>"
-                data-action="change->hakumi--transfer#toggleSelection"
-                data-hakumi--transfer-list-param="target"
-                data-hakumi--transfer-target="targetCheckbox"
-                <%= "disabled" if disabled? || item[:disabled] %>>
-              <span class="hakumi-checkbox-inner"></span>
-            </span>
-            <span class="hakumi-transfer-item-content">
-              <span class="hakumi-transfer-item-title"><%= item_content(item) %></span>
-              <% if (description = item_description(item)) %>
-                <span class="hakumi-transfer-item-description"><%= description %></span>
-              <% end %>
-            </span>
-          </label>
-        </li>
-      <% end %>
-    </ul>
-
-    <% if pagination? %>
-      <div class="hakumi-transfer-pagination" data-hakumi--transfer-target="targetPagination"></div>
-    <% end %>
-  </div>
-</div>

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

@@ -1,245 +0,0 @@
-# frozen_string_literal: true
-
-module Hakumi
-  module Transfer
-    class Component < Hakumi::BaseComponent
-      DEFAULT_TITLES = [ "Source", "Target" ].freeze
-
-      def self.extract_controller_locals(params)
-        {
-          data_source: parse_data_source(params[:data_source]),
-          target_keys: parse_json_array(params[:target_keys]),
-          titles: parse_json_array(params[:titles]),
-          disabled: boolean_param(params[:disabled]),
-          show_search: boolean_param(params[:show_search]),
-          show_select_all: boolean_param(params[:show_select_all], default: true),
-          one_way: boolean_param(params[:one_way]),
-          pagination: parse_pagination(params[:pagination]),
-          name: params[:name]
-        }.compact
-      end
-
-      def initialize(
-        data_source:,
-        target_keys: [],
-        titles: nil,
-        disabled: false,
-        show_search: false,
-        show_select_all: true,
-        one_way: false,
-        pagination: false,
-        name: nil,
-        render_item: nil,
-        operations: nil,
-        search_placeholder: nil,
-        **html_options
-      )
-        @data_source = normalize_data_source(data_source)
-        @target_keys = Array(target_keys).map(&:to_s)
-        @titles = normalize_titles(titles)
-        @disabled = cast_boolean(disabled)
-        @show_search = cast_boolean(show_search)
-        @show_select_all = cast_boolean(show_select_all)
-        @one_way = cast_boolean(one_way)
-        @pagination = pagination
-        @name = normalize_string(name) || generate_id("transfer")
-        @render_item = render_item
-        @operations = normalize_operations(operations)
-        @search_placeholder = search_placeholder
-        @html_options = html_options
-
-        validate_props!
-      end
-
-      attr_reader :titles, :operations
-
-      def search_placeholder
-        @search_placeholder || "Search"
-      end
-
-      def wrapper_attributes
-        attrs = {
-          class: wrapper_classes,
-          data: data_attributes
-        }
-
-        merge_attributes(attrs, @html_options.except(:class))
-      end
-
-      def source_items
-        @source_items ||= @data_source.reject { |item| @target_keys.include?(item[:key]) }
-      end
-
-      def target_items
-        @target_items ||= begin
-          item_map = @data_source.index_by { |item| item[:key] }
-          @target_keys.filter_map { |key| item_map[key] }
-        end
-      end
-
-      def show_search?
-        @show_search
-      end
-
-      def show_select_all?
-        @show_select_all
-      end
-
-      def disabled?
-        @disabled
-      end
-
-      def one_way?
-        @one_way
-      end
-
-      def pagination?
-        @pagination.present? && @pagination != false
-      end
-
-      def item_classes(item)
-        class_names("transfer-list-item", { disabled: item[:disabled] }, [ item[:class_name] ])
-      end
-
-      def item_checkbox_id(item, panel, index)
-        "#{@name}_#{panel}_#{index}_#{item[:key]}"
-      end
-
-      def item_content(item)
-        if @render_item.respond_to?(:call)
-          render_value(@render_item.call(item))
-        elsif @render_item&.respond_to?(:render_in)
-          render(@render_item)
-        else
-          render_value(item[:title])
-        end
-      end
-
-      def item_description(item)
-        return nil if @render_item.present?
-
-        render_value(item[:description])
-      end
-
-      private
-
-      def wrapper_classes
-        class_names(
-          "transfer",
-          {
-            disabled: @disabled,
-            "show-search": @show_search,
-            "show-select-all": @show_select_all,
-            "one-way": @one_way,
-            "has-pagination": pagination?
-          },
-          [ @html_options[:class] ]
-        )
-      end
-
-      def data_attributes
-        {
-          controller: "hakumi--transfer",
-          hakumi__transfer_disabled_value: @disabled,
-          hakumi__transfer_show_search_value: @show_search,
-          hakumi__transfer_show_select_all_value: @show_select_all,
-          hakumi__transfer_one_way_value: @one_way,
-          hakumi__transfer_target_keys_value: @target_keys.to_json,
-          hakumi__transfer_name_value: @name,
-          hakumi__transfer_pagination_value: pagination_data_value
-        }.compact
-      end
-
-      def pagination_data_value
-        return nil if @pagination.nil? || @pagination == false
-
-        @pagination.is_a?(Hash) ? @pagination.to_json : @pagination
-      end
-
-      def normalize_data_source(data_source)
-        Array(data_source).map.with_index do |item, index|
-          if item.is_a?(Hash)
-            key = item[:key] || item["key"] || index
-            title = item[:title] || item["title"] || key
-            {
-              key: key.to_s,
-              title: title,
-              description: item[:description] || item["description"],
-              disabled: @disabled || cast_boolean(item[:disabled] || item["disabled"]),
-              class_name: item[:class_name] || item["class_name"]
-            }
-          else
-            {
-              key: item.to_s,
-              title: item,
-              description: nil,
-              disabled: @disabled,
-              class_name: nil
-            }
-          end
-        end
-      end
-
-      def normalize_titles(titles)
-        titles = Array(titles).presence
-        left = titles&.[](0) || DEFAULT_TITLES[0]
-        right = titles&.[](1) || DEFAULT_TITLES[1]
-        [ left, right ]
-      end
-
-      def normalize_operations(operations)
-        return { to_target: :right, to_source: :left } if operations.nil?
-
-        {
-          to_target: operations[:to_target] || operations["to_target"] || :right,
-          to_source: operations[:to_source] || operations["to_source"] || :left
-        }
-      end
-
-      def normalize_string(value)
-        return nil if value.nil?
-
-        value = value.to_s.strip
-        value.presence
-      end
-
-      def validate_props!
-        raise ArgumentError, "data_source is required" if @data_source.nil?
-        raise ArgumentError, "data_source must be an Array" unless @data_source.is_a?(Array)
-      end
-
-      def self.parse_data_source(value)
-        return [] if value.blank?
-        return value if value.is_a?(Array)
-
-        JSON.parse(value)
-      rescue JSON::ParserError
-        []
-      end
-
-      def self.parse_json_array(value)
-        return [] if value.blank?
-        return value if value.is_a?(Array)
-
-        JSON.parse(value)
-      rescue JSON::ParserError
-        []
-      end
-
-      def self.parse_pagination(value)
-        return false if value.nil?
-        return value if value.is_a?(Hash) || value == true || value == false
-
-        JSON.parse(value)
-      rescue JSON::ParserError
-        ActiveModel::Type::Boolean.new.cast(value)
-      end
-
-      def self.boolean_param(value, default: false)
-        return default if value.nil?
-
-        ActiveModel::Type::Boolean.new.cast(value)
-      end
-    end
-  end
-end