organism-ui 0.2.1

data/config/routes.rb

@@ -0,0 +1,3 @@
+Ui::Engine.routes.draw do
+  resource :style_guide, only: [:show], controller: 'style_guide'
+end

data/lib/tasks/ui_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :ui do
+#   # Task goes here
+# end

data/lib/ui.rb

@@ -0,0 +1,64 @@
+require "ui/engine"
+require "cells"
+require "cells-erb"
+require "cells-rails"
+require 'dry-struct'
+
+require "ui/types"
+require "ui/value"
+
+require "ui/actionable"
+require "ui/stylable"
+require "ui/component"
+
+require "ui/buttons/base"
+require "ui/buttons/primary"
+require "ui/buttons/secondary"
+require "ui/buttons/tertiary"
+
+require "ui/breadcrumbs"
+require "ui/breadcrumbs/crumb"
+require 'ui/breadcrumbs/breadcrumb'
+
+require "ui/page_header"
+
+require "ui/menu"
+require "ui/menu/item"
+require "ui/menu/callable"
+require "ui/menu/submenu"
+
+require "ui/dropdown"
+
+require "ui/pagination"
+require "ui/pagination/page_link"
+require "ui/pagination/window"
+
+require "ui/steps"
+require "ui/step"
+
+require "ui/wizard"
+require "ui/wizard/content"
+
+require "ui/card"
+
+require "ui/descriptive_list"
+require "ui/descriptive_list/item"
+
+require "ui/empty"
+
+require "ui/list"
+require "ui/list/item"
+
+require "ui/table"
+require "ui/table/select_all"
+require "ui/table/select"
+require "ui/table/sort"
+
+require "ui/collapse"
+
+require "ui/tooltip"
+
+require "ui/notification"
+
+module Ui
+end

data/lib/ui/actionable.rb

@@ -0,0 +1,19 @@
+module Ui
+  module Actionable
+    def actions
+      render_group(
+        options.fetch(:actions, Array.new).map do |action|
+          action.call(model)
+        end
+      )
+    end
+
+    def actions_length
+      options.fetch(:actions, Array.new).size
+    end
+
+    def has_actions?
+      options.fetch(:actions, []).any?
+    end
+  end
+end

data/lib/ui/breadcrumbs.rb

@@ -0,0 +1,31 @@
+module Ui
+  class Breadcrumbs < Component
+    def show
+      content_tag(:nav, class: 'ui-breadcrumbs') do
+        breadcrumb_links
+      end
+    end
+
+    private
+
+    def breadcrumbs
+      Types::Array.of(Crumb)[model]
+    end
+
+    def breadcrumb_links
+      breadcrumbs.map.with_index do |crumb, index|
+        [item_renderer.call(crumb)].tap do |renderable|
+          renderable.unshift(delimiter) unless index == 0
+        end
+      end.flatten.join(' ').html_safe
+    end
+
+    def delimiter
+      options[:delimiter] || content_tag(:span, '>', class: 'breadcrumb-delimiter')
+    end
+
+    def item_renderer
+      options[:item_renderer] || Ui::Breadcrumbs::Breadcrumb
+    end
+  end
+end

data/lib/ui/breadcrumbs/breadcrumb.rb

@@ -0,0 +1,36 @@
+module Ui
+  class Breadcrumbs < Component
+    class Breadcrumb < Component
+      property :name
+      property :path
+      property :current?
+      property :icon
+
+      def show
+        content_tag(
+          :span,
+          link_to(path) do
+            title.html_safe
+          end,
+          class: style
+        )
+      end
+
+      private
+
+      def title
+        [name].tap do |array|
+          array.unshift(content_tag(:i, nil, class: icon)) if model.try(:icon)
+        end.join(' ')
+      end
+
+      def style
+        [
+          'breadcrumb'
+        ].tap do |array|
+          array << 'breadcrumb--current' if current?
+        end
+      end
+    end
+  end
+end

data/lib/ui/breadcrumbs/crumb.rb

@@ -0,0 +1,15 @@
+module Ui
+  class Breadcrumbs
+    class Crumb < Dry::Struct
+      attribute :name, Types::Strict::String
+      attribute :path, Types::Strict::String.default('#'.freeze)
+      attribute :current, Types::Strict::Bool.default(false.freeze)
+      attribute :icon, Types::Strict::String.default(''.freeze)
+
+      def current?
+        current
+      end
+    end
+  end
+end
+

data/lib/ui/buttons/base.rb

@@ -0,0 +1,146 @@
+module Ui
+  module Buttons
+    class Base < Component
+      def show
+        display(
+          text_with_icon(icon),
+          path,
+          button_options,
+        )
+      end
+
+      def new
+        display(
+          text_with_icon(new_icon),
+          path,
+          button_options
+        )
+      end
+
+      def edit
+        display(
+          text_with_icon(edit_icon),
+          path,
+          button_options
+        )
+      end
+
+      def destroy
+        display(
+          text_with_icon(destroy_icon),
+          path,
+          button_options.merge({
+            method: :delete,
+            data: {
+              confirm: 'Are you sure?'
+            }
+          }),
+        )
+      end
+
+      private
+
+      def display(*args)
+        if disabled?
+          content_tag(
+            :button,
+            args.first,
+            disabled: true,
+            class: button_classes
+          )
+        else
+          if path == '#'
+            content_tag(:button, args.first, **args.last)
+          else
+            link_to(*args)
+          end
+        end
+      end
+
+      def new_icon
+        'fas fa-plus'
+      end
+
+      def edit_icon
+        'fas fa-edit'
+      end
+
+      def destroy_icon
+        'fas fa-trash'
+      end
+
+      def button_classes
+        [
+          "button",
+          style,
+          size,
+          options.fetch(:style, '')
+        ].compact.join(' ')
+      end
+
+      def size
+        case options[:size]
+        when :small
+          'button--small'
+        else
+          ''
+        end
+      end
+
+      def text
+        content_tag(:span, model) unless model.nil?
+      end
+
+      def text_with_icon(icon)
+        if icon
+          content_tag(
+            :span,
+            render_group([
+              content_tag(:i, nil, class: icon),
+              text
+            ].compact)
+          )
+        else
+          text
+        end
+      end
+
+      def style
+        ''
+      end
+
+      def icon
+        options[:icon]
+      end
+
+      def path
+        options[:path] || '#'
+      end
+
+      def data
+        options[:data] || {}
+      end
+
+      def target
+        options[:target]
+      end
+
+      def method
+        options[:method] || :get
+      end
+
+      def disabled?
+        options[:disabled]
+      end
+
+      def button_options
+        {
+          class: button_classes,
+          disabled: disabled?,
+          data: data,
+          method: method
+        }
+      end
+    end
+  end
+end

data/lib/ui/buttons/primary.rb

@@ -0,0 +1,11 @@
+module Ui
+  module Buttons
+    class Primary < Base
+      private
+
+      def style
+        'button--primary'
+      end
+    end
+  end
+end

data/lib/ui/buttons/secondary.rb

@@ -0,0 +1,11 @@
+module Ui
+  module Buttons
+    class Secondary < Base
+      private
+
+      def style
+        'button--secondary'
+      end
+    end
+  end
+end

data/lib/ui/buttons/tertiary.rb

@@ -0,0 +1,11 @@
+module Ui
+  module Buttons
+    class Tertiary < Base
+      private
+
+      def style
+        'button--tertiary'
+      end
+    end
+  end
+end

data/lib/ui/card.rb

@@ -0,0 +1,36 @@
+module Ui
+  class Card < Component
+    include Actionable
+    include Stylable
+
+    def show(&block)
+      render(&block)
+    end
+
+    private
+
+    def cover
+      content_tag(:figure, class: 'ui-card__cover') do
+        image_tag(options[:cover])
+      end if options[:cover]
+    end
+
+    def card_actions
+      content_tag(:nav, class: "ui-card__controls") do
+        actions
+      end if has_actions?
+    end
+
+    def title
+      model
+    end
+
+    def extra
+      options[:extra]
+    end
+
+    def component_style
+      "ui-card"
+    end
+  end
+end

data/lib/ui/card/show.erb

@@ -0,0 +1,16 @@
+<article class="<%= style %>">
+  <%= cover %>
+
+  <% if title || extra %>
+    <header class="ui-card__header">
+      <%= title %>
+      <%= extra %>
+    </header>
+  <% end %>
+
+  <section class="ui-card__content">
+    <%= yield %>
+  </section>
+
+  <%= card_actions %>
+</article>

data/lib/ui/collapse.rb

@@ -0,0 +1,24 @@
+require "ui/collapse/panel"
+
+module Ui
+  class Collapse < Component
+    include Stylable
+
+    def show
+      content_tag(:ul, panels, class: style)
+    end
+
+    private
+
+    def panels
+      cell(
+        Ui::Collapse::Panel,
+        collection: model
+      ).()
+    end
+
+    def component_style
+      "ui-collapse"
+    end
+  end
+end