bulma-phlex 0.7.0 → 0.8.0

data/lib/components/bulma/tab_components/tab.rb

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-module Components
-  module Bulma
-    module TabComponents
-      # # Tab
-      #
-      # This component represents a single tab within the Bulma Tabs component.
-      #
-      # The component can be used if you need to create or update a tab dynamically.
-      #
-      # ## Arguments
-      #
-      # - `id`: Unique identifier for the tab.
-      # - `title`: The text displayed on the tab.
-      # - `icon`: Optional icon to display on the tab.
-      # - `active`: Boolean indicating if the tab is currently active.
-      # - `data_attributes_proc`: A proc that generates data attributes for the tab.
-      class Tab < Components::Bulma::Base
-        def initialize(id:, title:, icon:, active:,
-                       data_attributes_proc: Components::Bulma::Tabs::StimulusDataAttributes.new("bulma--tabs").method(:for_tab))
-          @id = id
-          @title = title
-          @icon = icon
-          @active = active
-          @data_attributes_proc = data_attributes_proc
-        end
-
-        def view_template(&)
-          li(
-            id: "#{@id}-tab",
-            data: @data_attributes_proc.call(@id),
-            class: @active ? "is-active" : ""
-          ) do
-            a do
-              icon_span(@icon, "mr-1") if @icon
-              span { @title }
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/lib/components/bulma/table.rb

@@ -1,150 +0,0 @@
-# frozen_string_literal: true
-
-module Components
-  module Bulma
-    # Table component for data display
-    #
-    # This component implements the [Bulma table](https://bulma.io/documentation/elements/table/)
-    # interface, providing a way to display data in rows and columns with customizable
-    # headers and formatting options.
-    #
-    # ## Example
-    #
-    # ```ruby
-    # users = User.all
-    #
-    # Bulma::Table(users) do |table|
-    #   table.column "Name" do |user|
-    #     user.full_name
-    #   end
-    #
-    #   table.column "Email" do |user|
-    #     user.email
-    #   end
-    #
-    #   table.column "Actions" do |user|
-    #     link_to "Edit", edit_user_path(user), class: "button is-small"
-    #   end
-    # end
-    # ```
-    #
-    class Table < Components::Bulma::Base
-      def initialize(rows, id_or_options = nil, **options)
-        @rows = rows
-        @id, @table_class = parse_id_and_options(id_or_options, options, rows)
-        @columns = []
-      end
-
-      def view_template(&)
-        vanish(&)
-
-        table(id: @id, class: @table_class) do
-          thead do
-            @columns.each do |column|
-              table_header(column)
-            end
-          end
-
-          tbody do
-            @rows.each do |row|
-              tr do
-                @columns.each do |column|
-                  td(**column[:html_attributes]) { column[:content].call(row) }
-                end
-              end
-            end
-          end
-
-          pagination
-        end
-      end
-
-      def column(header, **html_attributes, &content)
-        @columns << { header:, html_attributes:, content: }
-      end
-
-      def date_column(header, format: "%Y-%m-%d", **html_attributes, &content)
-        column(header, **html_attributes) do |row|
-          content.call(row)&.strftime(format)
-        end
-      end
-
-      def conditional_icon(header, icon_class: "fas fa-check", **html_attributes, &content)
-        html_attributes[:class] = [html_attributes[:class], "has-text-centered"].compact.join(" ")
-
-        column(header, **html_attributes) do |row|
-          icon_span(icon_class) if content.call(row)
-        end
-      end
-
-      def paginate(&path_builder)
-        @path_builder = path_builder
-      end
-
-      private
-
-      def parse_id_and_options(id_or_options, options, rows)
-        if id_or_options.is_a?(String)
-          id = id_or_options
-          opts = options
-        else
-          opts = (id_or_options || {}).merge(options)
-          id = opts.delete(:id) || id_from_array_or_arel(rows)
-        end
-        table_class = "table #{parse_table_classes(opts)}"
-        [id, table_class]
-      end
-
-      def id_from_array_or_arel(rows)
-        if rows.respond_to? :model
-          rows.model.model_name.plural
-        elsif rows.empty?
-          "table"
-        else
-          rows.first.model_name.plural
-        end
-      rescue StandardError
-        "table"
-      end
-
-      def parse_table_classes(options)
-        options.slice(*%i[bordered striped narrow hoverable fullwidth])
-               .transform_keys { |key| "is-#{key}" }
-               .select { |_, value| value }
-               .keys
-               .join(" ")
-      end
-
-      # this derives a th class from the column html attributes
-      # perhaps a better way would be pre-defined pairs?
-      def table_header(column)
-        attributes = {}
-        attributes[:class] = header_alignment(column[:html_attributes])
-        th(**attributes) { column[:header] }
-      end
-
-      def header_alignment(html_attributes)
-        classes = html_attributes[:class]
-        return if classes.nil?
-
-        if classes&.include?("has-text-right") || classes&.include?("amount-display")
-          "has-text-right"
-        elsif classes&.include?("has-text-centered")
-          "has-text-centered"
-        end
-      end
-
-      def pagination
-        return unless @path_builder
-
-        tfoot do
-          tr do
-            td(class: "py-0", colspan: @columns.size) do
-              Pagination(@rows, @path_builder)
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/lib/components/bulma/tabs.rb

@@ -1,119 +0,0 @@
-# frozen_string_literal: true
-
-module Components
-  module Bulma
-    # Tabs component for toggling between different content sections
-    #
-    # This component implements the [Bulma tabs](https://bulma.io/documentation/components/tabs/)
-    # interface, providing a way to toggle between different content sections using
-    # tabbed navigation. Includes support for icons and active state management.
-    #
-    # Classes can be assigned to either the tabs or contents wrappers. The tabs div is where Bulma
-    # options such as `is-boxed`, `is-centered`, or `is-small` can be added.
-    #
-    # Use method `right_content` to add content to the right of the tabs, such as a button.
-    #
-    # The tabs behavior can be managed by the data attributes provided by the `data_attributes_builder` argument. By
-    # default, this will use the `StimulusDataAttributes` class with the controller name `bulma--tabs`. That controller
-    # is not provided by this library, but you can create your own Stimulus controller to handle the tab switching
-    # logic. Here is [an implementation of a Stimulus controller for Bulma tabs](https://github.com/RockSolt/bulma-rails-helpers/blob/main/app/javascript/controllers/bulma/tabs_controller.js).
-    #
-    # ## Example
-    #
-    # ```ruby
-    # Bulma::Tabs() do |tabs|
-    #   tabs.tab(id: "profile", title: "Profile", active: true) do
-    #     "Profile content goes here"
-    #   end
-    #
-    #   tabs.tab(id: "settings", title: "Settings", icon: "fas fa-cog") do
-    #     "Settings content goes here"
-    #   end
-    #
-    #   tabs.tab(id: "notifications", title: "Notifications", icon: "fas fa-bell") do
-    #     "Notifications content goes here"
-    #   end
-    # end
-    # ```
-    #
-    class Tabs < Components::Bulma::Base
-      StimulusDataAttributes = Data.define(:stimulus_controller) do
-        def for_container
-          { controller: stimulus_controller }
-        end
-
-        def for_tab(id)
-          {
-            target_key => "tab",
-            tab_content: id,
-            action: "click->#{stimulus_controller}#showTabContent"
-          }
-        end
-
-        def for_content(_id)
-          { target_key => "content" }
-        end
-
-        private
-
-        def target_key
-          "#{stimulus_controller}-target"
-        end
-      end
-
-      def initialize(id: nil, tabs_class: nil, contents_class: nil,
-                     data_attributes_builder: StimulusDataAttributes.new("bulma--tabs"))
-        @id = id || "tabs"
-        @tabs_class = tabs_class
-        @contents_class = contents_class
-        @data_attributes_builder = data_attributes_builder
-        @tabs = []
-        @contents = []
-      end
-
-      def tab(id:, title:, icon: nil, active: false, &)
-        @tabs << TabComponents::Tab.new(id:, title:, icon:, active:,
-                                        data_attributes_proc: @data_attributes_builder.method(:for_tab))
-        @contents << TabComponents::Content.new(id:, active:,
-                                                data_attributes_proc: @data_attributes_builder.method(:for_content),
-                                                &)
-      end
-
-      def right_content(&content)
-        @right_content = content
-      end
-
-      def view_template(&)
-        vanish(&)
-
-        div(id: @id, data: @data_attributes_builder.for_container) do
-          build_tabs_with_optional_right_content
-          div(id: "#{@id}-content", class: @contents_class) { build_content }
-        end
-      end
-
-      private
-
-      def build_tabs_with_optional_right_content
-        return build_tabs if @right_content.nil?
-
-        div(class: "columns") do
-          div(class: "column") { build_tabs }
-          div(class: "column is-narrow") { @right_content.call }
-        end
-      end
-
-      def build_tabs
-        div(class: "tabs #{@tabs_class}".strip) do
-          ul(id: "#{@id}-tabs") do
-            @tabs.each { render it }
-          end
-        end
-      end
-
-      def build_content
-        @contents.each { render it }
-      end
-    end
-  end
-end