ruby_cms 0.2.1.1 → 1.0.0

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_actions.rb

@@ -0,0 +1,104 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableActions < Base
+    include Phlex::Rails::Helpers::LinkTo
+    include Phlex::Rails::Helpers::ButtonTo
+
+    ACTION_BUTTON_CLASS = "inline-flex items-center justify-center size-8 rounded-md transition-colors duration-150"
+    EDIT_CLASS = "#{ACTION_BUTTON_CLASS} text-muted-foreground hover:text-foreground hover:bg-muted"
+    DELETE_CLASS = "#{ACTION_BUTTON_CLASS} text-muted-foreground hover:text-destructive hover:bg-destructive/10 bg-transparent border-0 p-0 cursor-pointer"
+
+    def initialize(edit_path: nil, delete_path: nil, delete_confirm: nil, require_confirm: true,
+                   turbo_frame: nil, controller_name: nil, **user_attrs)
+      @edit_path = edit_path
+      @delete_path = delete_path
+      @delete_confirm = delete_confirm
+      @require_confirm = require_confirm
+      @turbo_frame = turbo_frame
+      @controller_name = controller_name || detect_controller_name
+      super(**user_attrs)
+    end
+
+    def view_template(&)
+      div(**attrs) do
+        render_edit_button if @edit_path
+        render_delete_button if @delete_path
+        yield if block_given?
+      end
+    end
+
+    private
+
+    def default_attrs
+      { class: "flex items-center justify-center gap-1" }
+    end
+
+    def render_edit_button
+      link_options = { class: EDIT_CLASS }
+      link_options[:data] = { turbo_frame: @turbo_frame } if @turbo_frame.present?
+
+      link_to(@edit_path, **link_options) { edit_icon }
+    end
+
+    def render_delete_button
+      if @require_confirm
+        button(
+          type: "button",
+          data: delete_button_data,
+          class: DELETE_CLASS,
+          **{ "data-delete-path": @delete_path.to_s }
+        ) { delete_icon }
+      else
+        button_to(@delete_path, method: :delete, class: DELETE_CLASS, onclick: "event.stopPropagation()") { delete_icon }
+      end
+    end
+
+    def delete_button_data
+      # Convert controller name to Stimulus parameter format
+      # ruby-ui--bulk-action-table -> ruby-ui--bulk-action-table-item-id-param
+      # ruby-ui--admin-table-bulk -> ruby-ui--admin-table-bulk-item-id-param
+      param_id_key = "#{@controller_name}-item-id-param"
+      param_name_key = "#{@controller_name}-item-name-param"
+
+      data = {
+        action: "click->#{@controller_name}#showIndividualDeleteModal"
+      }
+      data[param_id_key] = extract_item_id_from_path(@delete_path)
+      data[param_name_key] = extract_item_name_from_confirm || "this item"
+      data
+    end
+
+    def detect_controller_name
+      if BulkActionTable.current_context
+        BulkActionTable.current_context.controller_name
+      else
+        "ruby-ui--bulk-action-table"
+      end
+    end
+
+    def edit_icon
+      svg(class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24") do |s|
+        s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2",
+               d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z")
+      end
+    end
+
+    def delete_icon
+      svg(class: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24") do |s|
+        s.path(stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "2",
+               d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16")
+      end
+    end
+
+    def extract_item_id_from_path(path)
+      return nil unless path.respond_to?(:to_s)
+      path.to_s.split("/").reject(&:empty?).last&.to_s
+    end
+
+    def extract_item_name_from_confirm
+      return nil unless @delete_confirm.is_a?(String)
+      @delete_confirm.match(/delete\s+(.+?)\?/i)&.[](1)&.strip
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_body.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableBody < Base
+    def view_template(&)
+      tbody(**attrs, &)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "[&_tr:last-child]:border-0 [&_td]:text-sm"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_checkbox_cell.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableCheckboxCell < Base
+    def initialize(item_id:, controller_name: "ruby-ui--bulk-action-table", **user_attrs)
+      @item_id = item_id
+      @controller_name = controller_name
+      super(**user_attrs)
+    end
+
+    def view_template
+      td(**attrs) do
+        div(
+          class: "inline-flex items-center justify-center p-2 -m-2 cursor-pointer",
+          data: { action: "click->#{@controller_name}#stopPropagation" }
+        ) do
+          input(
+            type: "checkbox",
+            role: "checkbox",
+            value: @item_id,
+            data: {
+              "#{@controller_name}_target": "itemCheckbox",
+              item_id: @item_id,
+              action: "change->#{@controller_name}#updateSelection"
+            },
+            class: "size-4 rounded border-border/80 text-primary focus:ring-primary/30 focus:ring-offset-0 cursor-pointer transition-colors"
+          )
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "w-10 p-2 align-middle [&:has([role=checkbox])]:pr-0"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_checkbox_head.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableCheckboxHead < Base
+    def initialize(controller_name: "ruby-ui--bulk-action-table", **user_attrs)
+      @controller_name = controller_name
+      super(**user_attrs)
+    end
+
+    def view_template
+      th(**attrs) do
+        div(class: "inline-flex items-center justify-center p-2 -m-2 cursor-pointer") do
+          input(
+            type: "checkbox",
+            role: "checkbox",
+            data: {
+              "#{@controller_name}_target": "selectAllCheckbox",
+              action: "change->#{@controller_name}#toggleSelectAll"
+            },
+            class: "size-4 rounded border-border/80 text-primary focus:ring-primary/30 focus:ring-offset-0 cursor-pointer transition-colors"
+          )
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "w-10 h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0"
+      }
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_delete_modal.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableDeleteModal < Base
+    def initialize(controller_name: "ruby-ui--bulk-action-table", **user_attrs)
+      @controller_name = controller_name
+      super(**user_attrs)
+    end
+
+    def view_template
+      Modal(data: { "#{@controller_name}_target": "modalOverlay" }) do
+        ModalContent(size: :sm, data: { "#{@controller_name}_target": "modalContent" }) do
+          ModalHeader do
+            ModalTitle(data: { "#{@controller_name}_target": "modalTitle" }) { "Delete Selected Items" }
+          end
+
+          div(
+            data: { "#{@controller_name}_target": "modalMessage" },
+            class: "text-center text-muted-foreground"
+          ) do
+            ModalDescription { "Are you sure you want to delete the selected items?" }
+            ModalDescription(class: "mt-1 text-xs") { "This action cannot be undone." }
+          end
+
+          ModalFooter do
+            ModalCancel(
+              data: { action: "click->ruby-ui--modal#dismiss click->#{@controller_name}#closeModal" }
+            ) { "Cancel" }
+
+            ModalAction(
+              data: {
+                "#{@controller_name}_target": "modalConfirmButton",
+                action: "click->#{@controller_name}#confirmAction"
+              },
+              class: "bg-destructive hover:bg-destructive/90 text-white font-bold hover:text-white-foreground",
+              variant: :destructive
+            ) { "Delete Selected" }
+          end
+        end
+      end
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_header.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableHeader < Base
+    def initialize(headers: nil, **user_attrs)
+      @headers = headers
+      super(**user_attrs)
+    end
+
+    def view_template(&block)
+      thead(**attrs) do
+        if @headers
+          render_header_row
+        elsif block
+          yield
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "sticky top-0 z-20 bg-muted/40 [&_tr]:border-b [&_tr]:border-border/60"
+      }
+    end
+
+    def render_header_row
+      BulkActionTableRow(class: "hover:bg-transparent") do
+        @headers.each do |header|
+          if header.is_a?(Hash)
+            TableHead(class: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", **header.except(:text, :label, :content)) do
+              header[:text] || header[:label] || header[:content] || ""
+            end
+          else
+            TableHead(class: "text-xs font-semibold uppercase tracking-wider text-muted-foreground") { header.to_s }
+          end
+        end
+      end
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_pagination.rb

@@ -0,0 +1,115 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTablePagination < Base
+    include Phlex::Rails::Helpers::Translate
+
+    def initialize(pagination:, path:, turbo_frame: nil, **user_attrs)
+      @pagination = pagination
+      @pagination_path = path
+      @turbo_frame = turbo_frame
+      super(**user_attrs)
+    end
+
+    def view_template
+      return unless @pagination
+
+      div(**attrs) do
+        div(class: "flex items-center justify-between") do
+          div(class: "flex items-center text-xs text-muted-foreground tabular-nums") { pagination_info }
+          render_pagination_controls if @pagination[:total_pages] > 1
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "flex-shrink-0 px-5 py-3 border-t border-border/60 bg-muted/30 w-full sticky bottom-0 z-20"
+      }
+    end
+
+    def render_pagination_controls
+      div(class: "flex items-center justify-center gap-1") do
+        render_prev
+        render_pages
+        render_next
+      end
+    end
+
+    def render_prev
+      if @pagination[:has_previous]
+        nav_link(@pagination[:previous_page]) { t("admin.pages.common.previous") }
+      else
+        disabled_link { t("admin.pages.common.previous") }
+      end
+    end
+
+    def render_pages
+      (1..@pagination[:total_pages]).each do |page|
+        if page == @pagination[:current_page]
+          current_link(page)
+        elsif should_show_page?(page)
+          nav_link(page) { page.to_s }
+        elsif should_show_ellipsis?(page)
+          span(class: "px-2 py-1.5 text-xs font-medium text-muted-foreground select-none") { "..." }
+        end
+      end
+    end
+
+    def render_next
+      if @pagination[:has_next]
+        nav_link(@pagination[:next_page]) { t("admin.pages.common.next") }
+      else
+        disabled_link { t("admin.pages.common.next") }
+      end
+    end
+
+    def nav_link(page, &block)
+      Link(href: @pagination_path.call(page),
+        variant: :outline,
+        size: :md,
+        data: { turbo_frame: @turbo_frame },
+        &block
+      )
+    end
+
+    def current_link(page)
+      Link(
+        href: @pagination_path.call(page),
+        variant: :primary,
+        size: :md,
+        data: { turbo_frame: @turbo_frame },
+        aria_current: "page",
+        class: "bg-primary border-primary text-primary-foreground hover:bg-primary/90 pointer-events-none"
+      ) { page.to_s }
+    end
+
+    def disabled_link(&block)
+      Link(
+        href: "#",
+        variant: :outline,
+        size: :md,
+        disabled: true,
+        &block
+      )
+    end
+
+    def should_show_page?(page)
+      page == 1 || page == @pagination[:total_pages] ||
+        (page >= @pagination[:current_page] - 1 && page <= @pagination[:current_page] + 1)
+    end
+
+    def should_show_ellipsis?(page)
+      page == @pagination[:current_page] - 2 || page == @pagination[:current_page] + 2
+    end
+
+    def pagination_info
+      t("admin.pages.common.showing",
+        start: @pagination[:start_item],
+        end_item: @pagination[:end_item],
+        total: @pagination[:total_count])
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_action_table_row.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActionTableRow < Base
+    def initialize(click_url: nil, cells: nil, **user_attrs)
+      @click_url = click_url
+      @item_id = user_attrs.dig(:data, :item_id)
+      @cells = cells
+      super(**user_attrs)
+    end
+
+    def view_template(&block)
+      tr(**merged_attrs) do
+        render_checkbox if should_render_checkbox?
+
+        if @cells
+          render_cells
+        elsif block
+          yield
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      classes = "border-b border-border/40 transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted/50"
+      classes += " cursor-pointer" if @click_url
+      { class: classes }
+    end
+
+    def merged_attrs
+      base_attrs = attrs.dup
+      base_attrs[:class] = merge_classes(default_attrs[:class], base_attrs[:class])
+
+      if @click_url
+        data_attrs = (base_attrs[:data] || {}).dup
+        controller_name = BulkActionTable.current_context&.controller_name || "ruby-ui--bulk-action-table"
+        data_attrs[:click_url] = @click_url
+        data_attrs[:action] = "click->#{controller_name}#rowClick"
+        base_attrs[:data] = data_attrs
+      end
+
+      base_attrs
+    end
+
+    def merge_classes(*classes)
+      classes.compact.join(" ")
+    end
+
+    def should_render_checkbox?
+      BulkActionTable.current_context&.checkbox
+    end
+
+    def render_checkbox
+      controller_name = BulkActionTable.current_context&.controller_name || "ruby-ui--bulk-action-table"
+
+      if @item_id
+        BulkActionTableCheckboxCell(item_id: @item_id, controller_name: controller_name)
+      else
+        BulkActionTableCheckboxHead(controller_name: controller_name)
+      end
+    end
+
+    def render_cells
+      @cells.each do |cell|
+        if cell.is_a?(Hash)
+          TableCell(**cell.except(:text, :label, :content)) do
+            cell[:text] || cell[:label] || cell[:content] || ""
+          end
+        else
+          TableCell { cell.to_s }
+        end
+      end
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/bulk_action_table/bulk_actions.rb

@@ -0,0 +1,86 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class BulkActions < Base
+    def initialize(
+      url: nil,
+      item_name: "item",
+      buttons: [],
+      controller_name: "ruby-ui--bulk-action-table",
+      **user_attrs
+    )
+      @url = url
+      @item_name = item_name
+      @action_buttons = Array(buttons)
+      @controller_name = controller_name
+      super(**user_attrs)
+    end
+
+    def view_template
+      div(**attrs) do
+        div(class: "flex items-center justify-between gap-4 max-w-full") do
+          render_selection_info
+          div(class: "flex items-center gap-2") do
+            render_buttons
+            render_delete
+          end
+        end
+      end
+    end
+
+    private
+
+    def default_attrs
+      {
+        data: { "#{@controller_name}_target": "bulkBar" },
+        class: "flex-shrink-0 hidden bg-primary/5 border-t border-border/60 px-5 py-3 backdrop-blur-sm"
+      }
+    end
+
+    def render_selection_info
+      div(class: "flex items-center gap-3") do
+        div(class: "flex items-center gap-2") do
+          div(class: "size-6 rounded-full bg-primary/10 flex items-center justify-center") do
+            span(
+              data: { "#{@controller_name}_target": "selectedCount" },
+              class: "text-xs font-bold text-primary tabular-nums"
+            ) { "0" }
+          end
+          span(class: "text-sm font-medium text-foreground") { "selected" }
+        end
+        div(class: "h-4 w-px bg-border/60")
+        button(
+          type: "button",
+          data: {
+            "#{@controller_name}_target": "selectAllButton",
+            action: "click->#{@controller_name}#selectAll"
+          },
+          class: "text-xs font-medium text-muted-foreground hover:text-foreground transition-colors"
+        ) { "Select all" }
+        button(
+          type: "button",
+          data: { action: "click->#{@controller_name}#clearSelection" },
+          class: "text-xs font-medium text-muted-foreground hover:text-foreground transition-colors"
+        ) { "Clear" }
+      end
+    end
+
+    def render_buttons
+      return if @action_buttons.empty?
+
+      @action_buttons.each do |button_config|
+        BulkActionButton(
+          button_config: button_config,
+          controller_name: @controller_name
+        )
+      end
+    end
+
+    def render_delete
+      BulkActionButton(
+        button_config: { type: :delete, label: "Delete Selected", url: @url, class: "border-destructive/30 text-destructive hover:bg-destructive/10 hover:text-destructive font-bold" },
+        controller_name: @controller_name
+      )
+    end
+  end
+end

data/lib/generators/ruby_cms/templates/components/ruby_ui/button/button.rb

@@ -0,0 +1,113 @@
+# frozen_string_literal: true
+
+module RubyUI
+  class Button < Base
+    BASE_CLASSES = [
+      "whitespace-nowrap inline-flex items-center justify-center rounded-md font-medium transition-colors",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+      "aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"
+    ].freeze
+
+    def initialize(type: :button, variant: :primary, size: :md, icon: false, **attrs)
+      @type = type
+      @variant = variant.to_sym
+      @size = size.to_sym
+      @icon = icon
+      super(**attrs)
+    end
+
+    def view_template(&)
+      button(**attrs, &)
+    end
+
+    private
+
+    def size_classes
+      if @icon
+        case @size
+        when :sm then "h-6 w-6"
+        when :md then "h-9 w-9"
+        when :lg then "h-10 w-10"
+        when :xl then "h-12 w-12"
+        end
+      else
+        case @size
+        when :sm then "px-3 py-1.5 h-8 text-xs"
+        when :md then "px-4 py-2 h-9 text-sm"
+        when :lg then "px-4 py-2 h-10 text-base"
+        when :xl then "px-6 py-3 h-12 text-base"
+        end
+      end
+    end
+
+    def primary_classes
+      [
+        BASE_CLASSES,
+        size_classes,
+        "bg-primary text-primary-foreground shadow",
+        "hover:bg-primary/90"
+      ]
+    end
+
+    def link_classes
+      [
+        BASE_CLASSES,
+        size_classes,
+        "text-primary underline-offset-4",
+        "hover:underline"
+      ]
+    end
+
+    def secondary_classes
+      [
+        BASE_CLASSES,
+        size_classes,
+        "bg-secondary text-secondary-foreground",
+        "hover:bg-opacity-80"
+      ]
+    end
+
+    def destructive_classes
+      [
+        BASE_CLASSES,
+        size_classes,
+        "bg-destructive text-white shadow-sm",
+        "[a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20",
+        "dark:focus-visible:ring-destructive/40 dark:bg-destructive/60"
+      ]
+    end
+
+    def outline_classes
+      [
+        BASE_CLASSES,
+        size_classes,
+        "border border-input bg-background shadow-sm",
+        "hover:bg-accent hover:text-accent-foreground"
+      ]
+    end
+
+    def ghost_classes
+      [
+        BASE_CLASSES,
+        size_classes,
+        "hover:bg-accent hover:text-accent-foreground"
+      ]
+    end
+
+    def default_classes
+      case @variant
+      when :primary then primary_classes
+      when :link then link_classes
+      when :secondary then secondary_classes
+      when :destructive then destructive_classes
+      when :outline then outline_classes
+      when :ghost then ghost_classes
+      end
+    end
+
+    def default_attrs
+      { type: @type, class: default_classes }
+    end
+  end
+end