coveragebook_components 0.19.12 → 0.19.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7e0f9a30dba1c286da84de804833227d291b80fb86bb91ff43e9504fcf521355
-  data.tar.gz: 3ce27724012404ebb44c46f35a6fe2869628483a144f9560ce11d10efad281f0
+  metadata.gz: 52831c88c2451c454bdc92e3236b09a653825ad3f9764b988df3b9f5cf207cf1
+  data.tar.gz: af8169c8f760d5f48611610ca099c8ef68fdfed5248274852a4a1bf3ad0c1970
 SHA512:
-  metadata.gz: d6a43fd41ce274e7311018bda1377b4d36680743eec3af4488efaadf4882c9188f0746cc66235c593eb53f0aad47df95ec6b4dc3bc9dcf0f7286a1fdca1b3746
-  data.tar.gz: ae62f94c47a4ab394b4ac7178795be91613c280568c0dbc8f69763a20154abba34a1c2083aa7c8ef5a37e53ff47eae2d223d848e42950d88ebefc04e7e7b7b5e
+  metadata.gz: fae19112cfb2acac8a4947359f7cea0f578be89c03c05c269e0f783cc8f54b12ef8fc4e69a327b62014e31aee238925b7f0f8e81f3bb4da411799934ba369903
+  data.tar.gz: 23b11d2d6300225ce07640627f6432d841146ffe6c84b51f4f6eae30c5ea43be0d7b82d97f9d64a0fc2f0b838932d84d81649cb1eaf8401b36d8747a1c1b28ff

data/app/assets/build/coco/coco.js

@@ -15343,7 +15343,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.19.12",
+  version: "0.19.13",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -15436,7 +15436,7 @@ var package_default = {
         "npm run build"
       ],
       "after:version:bump": "bundle exec rake coco:gem:bump_version[${version}] && bundle && cd lookbook && bundle",
-      "after:release": "rake coco:gem:release[${version}]"
+      "after:release": 'rake "coco:gem:release[${version}]"'
     }
   },
   devDependencies: {

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.19.12"
+  VERSION = "0.19.13"
 end

data/lookbook/app/helpers/application_helper.rb

@@ -0,0 +1,28 @@
+require "redcarpet"
+require "faker"
+
+module ApplicationHelper
+  def markdown(&block)
+    md = Redcarpet::Markdown.new(Redcarpet::Render::HTML)
+    content = capture { block.call }
+    md.render(content).html_safe
+  end
+
+  def lorem
+    Faker::Lorem
+  end
+
+  def avatar
+    Faker::Avatar.image
+  end
+
+  def placeholder_prose_html(paragraphs: 1)
+    markdown do
+      (0..paragraphs).map { lorem.paragraph(sentence_count: 2, supplemental: true, random_sentences_to_add: 4) }.join("\n\n\n")
+    end
+  end
+
+  def dev?
+    Rails.env.development? || (Rails.env.test? && !ENV.include?("CI"))
+  end
+end

data/lookbook/app/previews/buttons/button_group_preview.rb

@@ -0,0 +1,148 @@
+module Buttons
+  class ButtonGroupPreview < Coco::Preview
+    # @!group Basic
+
+    def basic
+      coco_button_group do |group|
+        group.with_button(tooltip: "one") { "Button one" }
+        group.with_button(tooltip: "two") { "Button two" }
+        group.with_button(tooltip: "three") { "Button three" }
+      end
+    end
+
+    def with_dividers
+      coco_button_group do |group|
+        group.with_button { "Button one" }
+        group.with_button { "Button two" }
+        group.with_divider
+        group.with_button { "Button three" }
+        group.with_button { "Button four" }
+        group.with_divider
+        group.with_button { "Button five" }
+      end
+    end
+
+    def segmented
+      coco_button_group(segmented: true, theme: :toolbar) do |group|
+        group.with_button(action: "#", method: :post) { "Form button" }
+        group.with_button { "Regular button" }
+        group.with_button(href: "#") { "Link button" }
+        group.with_menu_button("Menu button") do |button|
+          button.with_menu do |menu|
+            menu.with_button { "Menu item one" }
+            menu.with_button { "Menu item 2" }
+          end
+        end
+        group.with_button do |button|
+          button.with_confirmation do |confirm|
+            confirm.with_text { "Are you sure?" }
+            confirm.with_button { "YES" }
+          end
+          "Button with confirmation"
+        end
+      end
+    end
+
+    def floating
+      coco_button_group(floating: true, theme: :toolbar) do |group|
+        group.with_button(tooltip: "one") { "Button one" }
+        group.with_button(tooltip: "two") { "Button two" }
+        group.with_button(tooltip: "three") { "Button three" }
+      end
+    end
+
+    def reversed
+      coco_button_group(reversed: true) do |group|
+        group.with_button(tooltip: "one") { "Button one" }
+        group.with_button(tooltip: "two") { "Button two" }
+        group.with_button(tooltip: "three") { "Button three" }
+      end
+    end
+
+    # @!group Themes
+
+    def with_theme
+      coco_button_group(theme: :negative) do |group|
+        group.with_button { "Button one" }
+        group.with_button { "Button two" }
+        group.with_button { "Button three" }
+      end
+    end
+
+    def mixed_buttons
+      coco_button_group do |group|
+        group.with_button { "Default" }
+        group.with_button(theme: :secondary) { "Secondary" }
+        group.with_button(theme: :negative) { "Negative" }
+      end
+    end
+
+    # @!group Button types
+
+    def with_secondary_actions
+      coco_button_group do |group|
+        group.with_button(tooltip: "This is a tooltip") { "With tooltip" }
+
+        group.with_button do |button|
+          button.with_confirmation do |confirm|
+            confirm.with_text { "Are you sure you want to do that?" }
+            confirm.with_button { "Yes, continue" }
+          end
+
+          "With confirmation"
+        end
+
+        group.with_menu_button do |button|
+          button.with_menu do |menu|
+            menu.with_button(icon: :globe) { "Menu item one" }
+            menu.with_button(icon: :carrot) { "Menu item 2" }
+            menu.with_button(icon: :bell) { "A third menu item" }
+          end
+
+          "With menu"
+        end
+      end
+    end
+
+    def custom_buttons
+      coco_button_group do |group|
+        group.with_button_html do
+          "<button>Custom button 1</button>".html_safe
+        end
+
+        group.with_button_html do
+          "<button>Custom button 2</button>".html_safe
+        end
+      end
+    end
+
+    # @!group Collapsible
+
+    # @label All collapsible
+    def collapsible
+      coco_button_group(collapsible: true) do |group|
+        group.with_button(icon: :smile) { "Button one" }
+        group.with_button(icon: :frown) { "Button two" }
+        group.with_button(icon: :carrot) { "Button three" }
+      end
+    end
+
+    # @label Some collapsible
+    def some_collapsible
+      coco_button_group(collapsible: true) do |group|
+        group.with_button(icon: :check) { "Collapsible" }
+        group.with_button(icon: :x, collapsible: false) { "Not collapsible" }
+        group.with_button(icon: :check) { "Collapsible" }
+      end
+    end
+
+    # @label None collapsible
+    def none_collapsible
+      coco_button_group(collapsible: false) do |group|
+        group.with_button(icon: :x) { "Not Collapsible" }
+        group.with_button(icon: :x) { "Not collapsible" }
+        group.with_button(icon: :x) { "Not Collapsible" }
+      end
+    end
+  end
+end