organism-ui 0.2.1 → 0.2.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3065e937e87ba2c40e0b8a30d1c57402330b7c4452faea8d6220e7188906d2fd
-  data.tar.gz: 30cee7eb57cc13b3002c328465c215040e9dbff0e8a86d915005200c46305352
+  metadata.gz: 45abc828f8e47547304444edd15b9ffb4ec4377feb286c5559fe4c60d6e23dfd
+  data.tar.gz: 411a58b849148a4f9c1635a8a318784bc25421a4b146a4911ce0bc4c1cec4dfb
 SHA512:
-  metadata.gz: 2c314d87dc4192fd479015a1b6ae10ad238bb4e5a22b19c5d7a9fb5d31d6b16bd801dff97dbd26743b5931159dd6a3f92e88e3f3116d66a1860451c31bfda36a
-  data.tar.gz: db8edc5cc1a98bb8deb6da1eae88b000d14211d561a47492d221eacbfd474e773e3ea267b71861d523db95b11739fa52ae0c7e83c87b3bce530a462e53ec0dcf
+  metadata.gz: db0d57b58f82cd7cf96aa9afad5f6862f7ce8b11652e383ca1ac13b5b38c4c1d360b4c6ad9bdbb66d28926f8c9cc66f657efc16ccab365ed5df8bbd3b6ce6649
+  data.tar.gz: d75702678ac862483be221af7bd4a3a19fc60e502767214a14688ca2710814b893a33c1a7907857d9b6631596f13dd24425e051148249bf569656a0c57f9fb1b

data/README.md

@@ -1,14 +1,27 @@
-# Ui
-Short description and motivation.
+# Organism Ui
+Ui components made with cells (https://github.com/trailblazer/cells). This library is in ALPHA and subject to change anytime and dramatically before 1.0.
 
 ## Usage
-How to use my plugin.
+
+### Components
+Components are just configurable cells (https://github.com/trailblazer/cells) for basic ui components. Inspired by ant.design.
+
+You render components in your views or controllers:
+```ruby
+<%= cell(
+  Ui::Buttons::Primary,
+  'Primary Button',
+  path: '/'
+) %>
+```
+
+You can see full examples of components in the style guide: https://github.com/nolantait/organism-ui/blob/master/app/views/ui/style_guide/show.html.erb
 
 ## Installation
 Add this line to your application's Gemfile:
 
 ```ruby
-gem 'ui'
+gem 'organism-ui'
 ```
 
 And then execute:
@@ -18,9 +31,20 @@ $ bundle
 
 Or install it yourself as:
 ```bash
-$ gem install ui
+$ gem install organism-ui
 ```
 
+## Style guide
+To quickly style your components you can mount the engine and navigate to an example style guide.
+
+```ruby
+Rails.application.routes.draw do
+  mount Ui::Engine => "/ui"
+end
+```
+
+You can then navigate to localhost:3000/ui/style_guide to see your components.
+
 ## Contributing
 Contribution directions go here.
 

data/app/views/ui/style_guide/show.html.erb

@@ -674,11 +674,10 @@
                 ).()
               }
             ],
-            renderable: ->(item) {
+            item_renderer: ->(item) {
               content_tag(
                 :div,
-                [
-                  content_tag(:p, item),
+                  content_tag(:p, item) +
                   content_tag(
                     :nav,
                     cell(
@@ -687,8 +686,7 @@
                       path: '#',
                       size: :small
                     ).call(:edit)
-                  )
-                ].join(' ').html_safe,
+                  ),
                 class: 'flex flex-row justify-between items-center p-4'
               )
             }
@@ -727,6 +725,32 @@
         </div>
       </section>
 
+      <section class="style-guide__example" id="type">
+        <header>
+          <h2>Vertical</h2>
+        </header>
+
+        <div class="space-y-4">
+          <%= cell(
+            Ui::Table,
+            [
+              "Data 1",
+              "Data 2",
+              "Data 3",
+            ],
+            columns: [
+              ["", ->(data) { data } ],
+              ["Column 2", ->(data) { "Column 2 data" } ],
+              ["Column 3", ->(data) { "Column 3 data" } ],
+              ["Actions", ->(data) { cell(Ui::Buttons::Tertiary, 'More')} ],
+            ],
+            header: 'My title',
+            orientation: 'vertical',
+            style: 'my-style'
+          ).() %>
+        </div>
+      </section>
+
       <section class="style-guide__example" id="type">
         <header>
           <h2>Selectable</h2>
@@ -748,6 +772,8 @@
             ],
             header: 'Multi select',
             style: 'my-style',
+            row_renderer: ->(row, columns) {
+            },
             features: {
               selectable: {
                 multiple: true

data/lib/ui.rb

@@ -4,6 +4,8 @@ require "cells-erb"
 require "cells-rails"
 require 'dry-struct'
 
+require "ui/errors/base"
+
 require "ui/types"
 require "ui/value"
 

data/lib/ui/actionable.rb

@@ -1,11 +1,26 @@
 module Ui
   module Actionable
-    def actions
-      render_group(
-        options.fetch(:actions, Array.new).map do |action|
-          action.call(model)
-        end
-      )
+    Actions = Types::Array.default([].freeze).of(Types::Callable)
+
+    def actions(object = model)
+      content_tag(:nav, class: 'ui-actions', role: 'navigation') do
+        render_group(
+          actions_list.map do |action|
+            action.call(object)
+          end
+        )
+      end
+    end
+
+    def actions_list
+      begin
+        Actions[options.fetch(:actions, Array.new)]
+      rescue Dry::Types::ConstraintError
+        raise Ui::Errors::InvalidActions.new(
+          "Actions for #{self.class.to_s} are invalid. Ensure you are passing " \
+          "an array of callable objects that will be passed a model"
+        )
+      end
     end
 
     def actions_length
@@ -13,7 +28,7 @@ module Ui
     end
 
     def has_actions?
-      options.fetch(:actions, []).any?
+      actions_list.any?
     end
   end
 end

data/lib/ui/breadcrumbs.rb

@@ -1,9 +1,9 @@
 module Ui
   class Breadcrumbs < Component
+    include Stylable
+
     def show
-      content_tag(:nav, class: 'ui-breadcrumbs') do
-        breadcrumb_links
-      end
+      content_tag(:nav, render_group(breadcrumb_links.flatten), class: style)
     end
 
     private
@@ -14,10 +14,10 @@ module Ui
 
     def breadcrumb_links
       breadcrumbs.map.with_index do |crumb, index|
-        [item_renderer.call(crumb)].tap do |renderable|
-          renderable.unshift(delimiter) unless index == 0
+        [item_renderer.call(crumb)].tap do |array|
+          array.unshift(delimiter) unless index == 0
         end
-      end.flatten.join(' ').html_safe
+      end
     end
 
     def delimiter
@@ -25,7 +25,20 @@ module Ui
     end
 
     def item_renderer
-      options[:item_renderer] || Ui::Breadcrumbs::Breadcrumb
+      options[:item_renderer] || default_item_renderer
+    end
+
+    def default_item_renderer
+      ->(item) {
+        cell(
+          Ui::Breadcrumbs::Breadcrumb,
+          item
+        ).()
+      }
+    end
+
+    def component_style
+      'ui-breadcrumbs'
     end
   end
 end

data/lib/ui/breadcrumbs/breadcrumb.rb

@@ -1,6 +1,8 @@
 module Ui
   class Breadcrumbs < Component
     class Breadcrumb < Component
+      include Stylable
+
       property :name
       property :path
       property :current?
@@ -9,9 +11,7 @@ module Ui
       def show
         content_tag(
           :span,
-          link_to(path) do
-            title.html_safe
-          end,
+          link_to(render_group(title), path),
           class: style
         )
       end
@@ -19,17 +19,19 @@ module Ui
       private
 
       def title
-        [name].tap do |array|
-          array.unshift(content_tag(:i, nil, class: icon)) if model.try(:icon)
-        end.join(' ')
+        [content_tag(:span, name)].tap do |array|
+          array.unshift(content_tag(:i, nil, class: icon)) if has_icon? 
+        end
       end
 
-      def style
-        [
-          'breadcrumb'
-        ].tap do |array|
-          array << 'breadcrumb--current' if current?
-        end
+      def has_icon?
+        model.try(:icon)
+      end
+
+      def component_style
+        ['ui-breadcrumb'].tap do |array|
+          array << 'ui-breadcrumb--current' if current?
+        end.join(' ')
       end
     end
   end

data/lib/ui/buttons/base.rb

@@ -1,6 +1,8 @@
 module Ui
   module Buttons
     class Base < Component
+      include Stylable
+
       def show
         display(
           text_with_icon(icon),
@@ -38,6 +40,22 @@ module Ui
         )
       end
 
+      def phone
+        display(
+          text_with_icon(phone_icon),
+          "tel:#{path}",
+          button_options
+        )
+      end
+
+      def email
+        mail_to(
+          path,
+          text_with_icon(email_icon),
+          button_options
+        )
+      end
+
       private
 
       def display(*args)
@@ -46,7 +64,7 @@ module Ui
             :button,
             args.first,
             disabled: true,
-            class: button_classes
+            class: style
           )
         else
           if path == '#'
@@ -69,13 +87,12 @@ module Ui
         'fas fa-trash'
       end
 
-      def button_classes
-        [
-          "button",
-          style,
-          size,
-          options.fetch(:style, '')
-        ].compact.join(' ')
+      def phone_icon
+        'fas fa-phone'
+      end
+
+      def email_icon
+        'fas fa-envelope'
       end
 
       def size
@@ -92,25 +109,40 @@ module Ui
       end
 
       def text_with_icon(icon)
-        if icon
-          content_tag(
-            :span,
-            render_group([
-              content_tag(:i, nil, class: icon),
-              text
-            ].compact)
-          )
-        else
-          text
+        order = [text].tap do |array|
+          case icon_position
+          when 'end'
+            array.push(display_icon(icon))
+          else
+            array.unshift(display_icon(icon))
+          end
         end
+
+        render_group(order)
+      end
+
+      def display_icon(icon)
+        content_tag(:i, nil, class: icon) unless icon.blank?
       end
 
-      def style
-        ''
+      def component_style
+        [
+          'button',
+          size,
+        ].join(' ')
       end
 
       def icon
-        options[:icon]
+        icon_options.fetch(:style, '')
+      end
+
+      def icon_position
+        icon_options.fetch(:position, 'start')
+      end
+
+      def icon_options
+        opts = options.fetch(:icon, {})
+        opts.is_a?(Hash) ? opts : { style: opts }
       end
 
       def path
@@ -135,7 +167,7 @@ module Ui
 
       def button_options
         {
-          class: button_classes,
+          class: style,
           disabled: disabled?,
           data: data,
           method: method

data/lib/ui/buttons/primary.rb

@@ -3,8 +3,11 @@ module Ui
     class Primary < Base
       private
 
-      def style
-        'button--primary'
+      def component_style
+        [
+          'button--primary',
+          super
+        ].flatten
       end
     end
   end

data/lib/ui/buttons/secondary.rb

@@ -3,8 +3,11 @@ module Ui
     class Secondary < Base
       private
 
-      def style
-        'button--secondary'
+      def component_style
+        [
+          'button--secondary',
+          super
+        ].flatten
       end
     end
   end

data/lib/ui/buttons/tertiary.rb

@@ -3,8 +3,11 @@ module Ui
     class Tertiary < Base
       private
 
-      def style
-        'button--tertiary'
+      def component_style
+        [
+          'button--tertiary',
+          super
+        ].flatten
       end
     end
   end

data/lib/ui/card.rb

@@ -16,9 +16,7 @@ module Ui
     end
 
     def card_actions
-      content_tag(:nav, class: "ui-card__controls") do
-        actions
-      end if has_actions?
+      actions if has_actions?
     end
 
     def title

data/lib/ui/collapse.rb

@@ -13,7 +13,8 @@ module Ui
     def panels
       cell(
         Ui::Collapse::Panel,
-        collection: model
+        collection: model,
+        actions: options[:actions]
       ).()
     end
 

data/lib/ui/collapse/panel.rb

@@ -1,6 +1,8 @@
 module Ui
   class Collapse < Component
     class Panel < Component
+      include Actionable
+
       def show
         render
       end
@@ -18,11 +20,11 @@ module Ui
       end
 
       def header
-        content_tag(:p, display(model[0]))
+        display(model[0])
       end
 
       def content
-        content_tag(:p, display(model[1]))
+        display(model[1])
       end
 
       def display(item)

data/lib/ui/collapse/panel/show.erb

@@ -1,16 +1,17 @@
 <article 
   class="ui-collapse-panel" 
   data-controller="collapsable"
-  data-collapsable-collapsed-value="false"
+  data-collapsable-collapsed-value="true"
   data-collapsable-hidden-class="hidden"
   data-collapsable-collapsed-class="ui-collapsed">
 
-  <header data-action="click->collapsable#toggle">
+  <header data-action="click->collapsable#toggle" class="ui-collapse-panel__header">
     <%= collapse_icon %>
     <%= header %>
+    <%= actions %>
   </header>
 
-  <div data-collapsable-target="content" class="ui-collapse-panel__content">
+  <section data-collapsable-target="content" class="ui-collapse-panel__content">
     <%= content %>
-  </div>
+  </section>
 </article>

data/lib/ui/component.rb

@@ -6,10 +6,15 @@ module Ui
     include ActionView::Context
 
     VIEWPATH = Pathname.new(__FILE__).join("../..")
-    self.view_paths = [VIEWPATH]
+    self.view_paths << VIEWPATH
 
     def capture(*args)
-      yield(*args).html_safe
+      content = yield(*args)
+      if content.is_a?(String)
+        content.html_safe
+      else
+        content
+      end
     end
 
     def render_group(items)

data/lib/ui/descriptive_list.rb

@@ -25,14 +25,14 @@ module Ui
       content_tag(
         :header,
         render_group([
-          content_tag(:h2, title),
-          content_tag(:nav, actions)
+          options[:header],
+          actions
         ])
-      ) if title || has_actions?
+      ) if display_header?
     end
 
-    def title
-      options[:title]
+    def display_header?
+      options[:header] || has_actions?
     end
 
     def items

data/lib/ui/descriptive_list/item.rb

@@ -5,19 +5,33 @@ module Ui
         content_tag(
           :div,
           render_group([
-            content_tag(:dt, title),
-            content_tag(:dd, value.html_safe)
+            content_tag(:dt, item_title),
+            content_tag(:dd, value)
           ]),
           class: 'ui-descriptive-list__item'
         )
       end
 
-      def title
+      def value
+        render_group([
+          display(item_value)
+        ])
+      end
+
+      def display(value)
+        if value.is_a?(Proc)
+          value.call
+        else
+          value
+        end
+      end
+
+      def item_title
         model[0]
       end
 
-      def value
-        model[1].try(:call) || model[1]
+      def item_value
+        model[1]
       end
     end
   end

data/lib/ui/dropdown.rb

@@ -1,5 +1,7 @@
 module Ui
   class Dropdown < Component
+    include Stylable
+
     Modes = Types::String.enum(
       'click',
       'hover'
@@ -18,5 +20,9 @@ module Ui
     def mode
       Modes[options.fetch(:mode, 'click')]
     end
+
+    def component_style
+      "ui-dropdown"
+    end
   end
 end

data/lib/ui/dropdown/show.erb

@@ -4,7 +4,7 @@
   data-dropdown-expanded-value="false"
   data-dropdown-mode-value="<%= mode %>"
   data-action="click->dropdown#toggle"
-  class="ui-dropdown">
+  class="<%= style %>">
   <%= yield %>
 
   <div data-dropdown-target="expandable" class="ui-dropdown__expandable">

data/lib/ui/empty/show.erb

@@ -4,8 +4,6 @@
 
   <figcaption>
     <%= caption %>
-    <nav>
-      <%= actions %>
-    </nav>
+    <%= actions %>
   </figcaption>
 </figure>

data/lib/ui/engine.rb

@@ -2,6 +2,8 @@ module Ui
   class Engine < ::Rails::Engine
     isolate_namespace Ui
 
+    config.autoload_paths << "#{config.root}/lib"
+
     config.generators do |g|
       g.test_framework :rspec, fixture: false
       g.fixture_replacement :factory_bot

data/lib/ui/errors/base.rb

@@ -0,0 +1,6 @@
+module Ui
+  module Errors
+    class Base < StandardError
+    end
+  end
+end

data/lib/ui/errors/invalid_actions.rb

@@ -0,0 +1,6 @@
+module Ui
+  module Errors
+    class InvalidActions < Base
+    end
+  end
+end

data/lib/ui/errors/invalid_list_items.rb

@@ -0,0 +1,6 @@
+module Ui
+  module Errors
+    class InvalidListItems < Base
+    end
+  end
+end

data/lib/ui/list.rb

@@ -4,6 +4,7 @@ module Ui
     include Actionable
 
     Renderable = Types.Interface(:call)
+    ListItems = Types.Interface(:each, :map, :any?)
 
     def show
       render
@@ -11,21 +12,32 @@ module Ui
 
     private
 
+    def list_data
+      begin
+        ListItems[model]
+      rescue Dry::Types::ConstraintError
+        raise Ui::Errors::InvalidListItems.new(
+          "List items for #{self.class.to_s} are invalid. Ensure you are passing " \
+          "an empty array or array of items that will be passed to the item renderer"
+        )
+      end
+    end
+
     def list
       content_tag(:ul, list_items)
     end
 
     def list_items
-      if list_data.any?
-        render_group(list_data)
+      if rendered_items.any?
+        render_group(rendered_items)
       else
         render_empty
       end
     end
 
-    def list_data
-      model.map do |item|
-        renderable.call(item)
+    def rendered_items
+      list_data.map do |item|
+        item_renderer.call(item)
       end
     end
 
@@ -46,8 +58,8 @@ module Ui
       ) if options[:footer]
     end
 
-    def renderable
-      Renderable[options.fetch(:renderable, default_renderable)]
+    def item_renderer
+      Renderable[options.fetch(:item_renderer, default_renderable)]
     end
 
     def default_renderable
@@ -68,6 +80,10 @@ module Ui
     end
 
     def empty
+      options.fetch(:empty, default_empty)
+    end
+
+    def default_empty
       cell(
         Ui::Empty,
         nil

data/lib/ui/menu/item.rb

@@ -24,7 +24,7 @@ module Ui
       private
 
       def render_item
-        model.html_safe
+        model
       end
 
       def depth

data/lib/ui/pagination/window.rb

@@ -9,7 +9,7 @@ module Ui
           :ul,
           render_group([
             previous_window,
-            page_links.html_safe,
+            page_links,
             next_window
           ]),
           class: 'ui-pagination__window',
@@ -58,15 +58,17 @@ module Ui
 
 
       def page_links
-        pages.inject('') do |content, page|
-          content += content_tag(
-            :li,
-            cell(
-              Ui::Pagination::PageLink,
-              page
-            ).()
-          )
-        end
+        render_group(
+          pages.map do |page|
+            content_tag(
+              :li,
+              cell(
+                Ui::Pagination::PageLink,
+                page
+              ).()
+            )
+          end
+        )
       end
 
       def last_window?

data/lib/ui/table.rb

@@ -1,10 +1,21 @@
 require "ui/table/header"
 require "ui/table/row"
+require "ui/table/vertical"
 
 module Ui
   class Table < Component
     include Actionable
     include Stylable
+    include ::Cell::Builder
+
+    builds do |model, options|
+      case options.fetch(:orientation, 'horizontal')
+      when 'vertical'
+        Ui::Table::Vertical
+      else
+        self
+      end
+    end
 
     def show
       render
@@ -22,6 +33,20 @@ module Ui
     end
 
     def table_headers
+      custom_header_renderer.is_a?(Proc) ?
+        custom_table_headers :
+        default_table_headers
+    end
+
+    def custom_table_headers
+      render_group(
+        columns.map do |column|
+          custom_header_renderer.call(column)
+        end
+      )
+    end
+
+    def default_table_headers
       content_tag(:tr) do
         cell(
           Ui::Table::Header,
@@ -31,31 +56,53 @@ module Ui
     end
 
     def table_rows
-      if rows.any?
-        cell(
-          Ui::Table::Row,
-          collection: rows,
-          columns: columns
-        )
+      if model.any?
+        custom_row_renderer.is_a?(Proc) ?
+          custom_table_rows :
+          default_table_rows
       else
         render_empty
       end
     end
 
+    def custom_table_rows
+      render_group(
+        model.map do |row|
+          custom_row_renderer.call(row, columns)
+        end
+      )
+    end
+
+    def default_table_rows
+      cell(
+        Ui::Table::Row,
+        collection: model,
+        columns: columns
+      ).()
+    end
+
     def table_data_attributes
       {
         controller: table_controllers,
-        "selectable-selected-value": "[]",
-        "selectable-type-value": multi_select? ? 'many' : 'one'
-      }
+      }.tap do |hash|
+        if selectable?
+          hash["selectable-selected-value"] = "[]"
+          hash["selectable-type-value"] = multi_select? ? 'many' : 'one'
+        end
+      end
     end
 
     def table_body_data_attributes
       {
         controller: table_body_controllers,
-        "sortable-update-url-value": sortable_options.fetch(:update_url, '#'),
-        "sortable-input-name-value": sortable_options.fetch(:input_name, "object[position]")
-      }
+      }.tap do |hash|
+        if sortable?
+          hash["sortable-update-url-value"] =
+            sortable_options.fetch(:update_url, '#')
+          hash["sortable-input-name-value"] =
+            sortable_options.fetch(:input_name, "object[position]")
+        end
+      end
     end
 
     def table_controllers
@@ -87,10 +134,6 @@ module Ui
       ) if options[:footer]
     end
 
-    def component_style
-      "ui-table"
-    end
-
     def columns
       @columns ||= options.fetch(:columns, Array.new).tap do |columns|
         columns.unshift(selectable_column) if selectable?
@@ -140,8 +183,12 @@ module Ui
       options.fetch(:features, Hash.new)
     end
 
-    def rows
-      model
+    def custom_row_renderer
+      options.fetch(:row_renderer, nil)
+    end
+
+    def custom_header_renderer
+      options.fetch(:header_renderer, nil)
     end
 
     def render_empty
@@ -158,5 +205,9 @@ module Ui
         colspan: columns.size
       )
     end
+
+    def component_style
+      "ui-table ui-table--horizontal"
+    end
   end
 end

data/lib/ui/table/header.rb

@@ -1,20 +1,30 @@
 module Ui
   class Table < Component
     class Header < Component
+      include Stylable
+
       def show
-        content_tag(:th, title)
+        content_tag(:th, title, class: style)
       end
 
       private
 
+      def component_style
+        'ui-table__header'
+      end
+
       def title
         case
-        when model[0].is_a?(Proc)
-          model[0].call
+        when column_title.is_a?(Proc)
+          column_title.call
         else
-          model[0]
+          column_title
         end
       end
+
+      def column_title
+        model[0]
+      end
     end
   end
 end

data/lib/ui/table/row.rb

@@ -1,12 +1,18 @@
 module Ui
   class Table < Component
     class Row < Component
+      include Stylable
+
       def show
-        content_tag(:tr, render_group(table_data))
+        content_tag(:tr, render_group(table_data), class: style)
       end
 
       private
 
+      def component_style
+        'ui-table__row'
+      end
+
       def table_data
         columns.map do |column|
           content_tag(:td, apply(column))

data/lib/ui/table/vertical.rb

@@ -0,0 +1,45 @@
+module Ui
+  class Table < Component
+    class Vertical < Table
+
+      private
+
+      def table_rows
+        if model.any?
+          cell(
+            row_renderer,
+            collection: columns[1..-1],
+            data: model
+          )
+        else
+          render_empty
+        end
+      end
+
+      def table_headers
+        content_tag(:tr) do
+          render_group([
+            content_tag(:th, columns[0].try(:first)),
+            cell(
+              header_renderer,
+              collection: model,
+              column: columns[0],
+            )
+          ])
+        end
+      end
+
+      def row_renderer
+        Ui::Table::Vertical::Row
+      end
+
+      def header_renderer
+        Ui::Table::Vertical::Header
+      end
+
+      def component_style
+        "ui-table ui-table--vertical"
+      end
+    end
+  end
+end

data/lib/ui/table/vertical/header.rb

@@ -0,0 +1,26 @@
+module Ui
+  class Table < Component
+    class Vertical < Table
+      class Header < Ui::Table::Header
+        def show
+          content_tag(:th, title)
+        end
+
+        private
+
+        def title
+          case
+          when column[1].is_a?(Proc)
+            column[1].call(model)
+          else
+            model.to_s
+          end
+        end
+
+        def column
+          options[:column]
+        end
+      end
+    end
+  end
+end

data/lib/ui/table/vertical/row.rb

@@ -0,0 +1,34 @@
+module Ui
+  class Table < Component
+    class Vertical < Table
+      class Row < Ui::Table::Row
+
+        private
+
+        def table_data
+          data.map do |item|
+            content_tag(:td, apply(item))
+          end.tap do |array|
+            array.unshift(content_tag(:th, column_title))
+          end
+        end
+
+        def apply(item)
+          column[1].call(item)
+        end
+
+        def column
+          model
+        end
+
+        def column_title
+          column[0]
+        end
+
+        def data
+          options.fetch(:data, Array.new)
+        end
+      end
+    end
+  end
+end

data/lib/ui/types.rb

@@ -3,5 +3,7 @@ require 'dry-types'
 module Ui
   module Types
     include Dry.Types()
+
+    Callable = Types.Interface(:call)
   end
 end

data/lib/ui/version.rb

@@ -1,3 +1,3 @@
 module Ui
-  VERSION = '0.2.1'
+  VERSION = '0.2.16'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: organism-ui
 version: !ruby/object:Gem::Version
-  version: 0.2.1
+  version: 0.2.16
 platform: ruby
 authors:
 - Nolan Tait
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-13 00:00:00.000000000 Z
+date: 2021-03-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -156,6 +156,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 11.1.3
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
 description: A collection of ui components implemented in cells.
 email:
 - nolanjtait@gmail.com
@@ -201,6 +215,9 @@ files:
 - lib/ui/empty.rb
 - lib/ui/empty/show.erb
 - lib/ui/engine.rb
+- lib/ui/errors/base.rb
+- lib/ui/errors/invalid_actions.rb
+- lib/ui/errors/invalid_list_items.rb
 - lib/ui/list.rb
 - lib/ui/list/item.rb
 - lib/ui/list/show.erb
@@ -231,6 +248,9 @@ files:
 - lib/ui/table/select_all.rb
 - lib/ui/table/show.erb
 - lib/ui/table/sort.rb
+- lib/ui/table/vertical.rb
+- lib/ui/table/vertical/header.rb
+- lib/ui/table/vertical/row.rb
 - lib/ui/tooltip.rb
 - lib/ui/tooltip/show.erb
 - lib/ui/types.rb
@@ -243,7 +263,7 @@ homepage: https://github.com/nolantait/organism-ui
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -259,7 +279,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.4
-signing_key: 
+signing_key:
 specification_version: 4
 summary: A collection of ui components implemented in cells.
 test_files: []