coveragebook_components 0.12.1 → 0.13.0

data/app/assets/js/app/setup.js

@@ -1,23 +0,0 @@
-import { navigateTo } from "@helpers/location";
-
-// Global JS navigation handler.
-// Optionally uses Turbo for the page navigation.
-window.addEventListener("app:navigate", (event) => {
-  const url = event.detail.url;
-  if (url) {
-    delete event.detail.url;
-    navigateTo(url, event.detail);
-  }
-});
-
-// Uodate the value of the `--app-height` css variable
-// when the viewport size changes. To help work around the
-// issues when using 100vh on mobile safari (https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8)
-function setAppHeightProperty() {
-  document.documentElement.style.setProperty(
-    "--app-height",
-    `${window.innerHeight}px`
-  );
-}
-window.addEventListener("resize", setAppHeightProperty);
-setAppHeightProperty();

data/app/assets/js/book/components.js

@@ -1,4 +0,0 @@
-import { registerComponents } from "@helpers/alpine";
-import bookComponents from "@bookComponents/**/*.js";
-
-export default registerComponents(bookComponents);

data/app/assets/js/shared/components.js

@@ -1,4 +0,0 @@
-import { registerComponents } from "@helpers/alpine";
-import sharedComponents from "@sharedComponents/**/*.js";
-
-export default registerComponents(sharedComponents);

data/app/components/coco/app/blocks/contact_callout/contact_callout.rb

@@ -1,23 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      class ContactCallout < Coco::Component
-        renders_one :avatar, ->(*args, **kwargs) do
-          coco_avatar(*args, **kwargs, size: :full)
-        end
-
-        renders_one :action, ->(*args, **kwargs, &block) do
-          coco_button(*args, theme: :primary, **kwargs, &block)
-        end
-
-        renders_many :contact_numbers, ->(region, number) do
-          @contact_numbers << {region:, number:}
-        end
-
-        def initialize(**kwargs)
-          @contact_numbers = []
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/faqs/faqs.rb

@@ -1,16 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      class Faqs < Coco::Component
-        renders_many :entries, ->(question, id: nil, &block) do
-          @entries << {question:, answer: block.call, id:}
-        end
-
-        def initialize(title: "Frequently asked questions", **)
-          @title = title
-          @entries = []
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/header/header.rb

@@ -1,35 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      class Header < Coco::Component
-        renders_one :primary_nav, ->(**kwargs) do
-          Coco::ButtonGroup.new(
-            theme: :text_neutral_light,
-            collapsible: false,
-            size: :xs,
-            **kwargs
-          )
-        end
-
-        renders_one :secondary_nav, ->(**kwargs) do
-          Coco::ButtonGroup.new(
-            theme: :text_neutral_light,
-            collapsible: false,
-            size: :xs,
-            **kwargs
-          )
-        end
-
-        renders_one :mobile_nav, ->(**kwargs) do
-          Coco::App::Blocks::NavDrawer.new(**kwargs)
-        end
-
-        attr_reader :home_path
-
-        def initialize(home_path: nil, **)
-          @home_path = home_path
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/nav_drawer/nav_drawer.rb

@@ -1,34 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      class NavDrawer < Coco::Component
-        renders_many :items, types: {
-          html: ->(&block) { block.call },
-          divider: ->(&block) { tag.div class: "nav-drawer-divider" },
-          heading: ->(text, **kwargs, &block) do
-            tag.h4(text, class: "nav-drawer-heading")
-          end,
-          button: ->(*args, **kwargs, &block) do
-            coco_button(*args, **kwargs, theme: nil, size: :md, fit: :full, class: "nav-drawer-button", &block)
-          end
-        }
-
-        def with_divider(...)
-          with_item_divider(...)
-        end
-
-        def with_html(...)
-          with_item_html(...)
-        end
-
-        def with_button(...)
-          with_item_button(...)
-        end
-
-        def with_heading(...)
-          with_item_heading(...)
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/plan_picker/plan_picker.rb

@@ -1,27 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      class PlanPicker < Coco::Component
-        include Concerns::AcceptsOptions
-
-        accepts_option :slider, from: [true, false], default: false
-
-        renders_one :currency_selector, "Coco::App::Elements::OptionBar"
-        renders_one :interval_selector, "Coco::App::Elements::OptionBar"
-        renders_one :view_toggle, ->(*args, **kwargs, &block) do
-          coco_button(*args, icon: :award, theme: :secondary, size: :md, **kwargs, &block)
-        end
-
-        renders_many :plans, ->(**kwargs, &block) do
-          if kwargs.any?
-            Coco::App::Elements::PlanCard.new(**kwargs)
-          else
-            block.call
-          end
-        end
-
-        def slider? = get_option_value(:slider) == true
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/sidebar_nav/item/item.rb

@@ -1,50 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      module SidebarNav
-        class Item < Coco::Component
-          include Concerns::Extendable
-          include Concerns::AcceptsOptions
-
-          tag_attr :href
-          component_name :app_sidebar_nav_item
-
-          accepts_option :active, from: [true, false]
-          accepts_option :emphasise, from: [true, false]
-
-          renders_one :icon
-          renders_one :menu
-
-          before_render do
-            if @icon && !icon?
-              with_icon { coco_icon(@icon, size: :full) }
-            end
-
-            if link? && get_option_value(:active).nil?
-              set_option_value(:active, helpers.current_page?(tag_attr(:href)))
-            end
-          end
-
-          attr_reader :label
-
-          def initialize(label:, icon: nil, **)
-            @label = label
-            @icon = icon
-          end
-
-          def link?
-            tag_attr?(:href) && !menu?
-          end
-
-          def item_tag
-            link? ? :a : :button
-          end
-
-          def menu_id
-            "#{tag_attr(:id)}-menu" if tag_attr?(:id)
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/sidebar_nav/menu/menu.rb

@@ -1,48 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      module SidebarNav
-        class Menu < Coco::Component
-          component_name :app_sidebar_nav_menu
-
-          renders_many :items, types: {
-            link: ->(label, href, qualifier: nil, **kwargs, &block) do
-              if items.size < max_links
-                coco_link(href, **kwargs, theme: nil, underline: false) do
-                  tag.span(label, class: "menu-item-label") +
-                    tag.span(qualifier, class: "menu-item-qualifier")
-                end
-              else
-                overflow_items << ["#{label}#{qualifier.present? ? " (#{qualifier})" : ""}", href]
-                nil
-              end
-            end,
-            block_link: ->(href, **kwargs, &block) do
-              coco_link(href, **kwargs, theme: nil, underline: false, &block)
-            end
-          }
-
-          renders_one :action, ->(*args, **kwargs, &block) do
-            coco_button(*args, theme: :primary, **kwargs, size: :sm, fit: :full, &block)
-          end
-
-          attr_reader :max_links, :overflow_items, :prompt
-
-          def initialize(max_links: 6, prompt: "More links...", **kwargs)
-            @max_links = max_links
-            @prompt = prompt
-            @overflow_items = []
-          end
-
-          def with_link(...)
-            with_item_link(...)
-          end
-
-          def with_block_link(...)
-            with_item_block_link(...)
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/sidebar_nav/navbar/navbar.rb

@@ -1,50 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      module SidebarNav
-        class Navbar < Coco::Component
-          tag_name :nav
-          component_name :app_sidebar_nav
-
-          renders_many :actions, ->(label, href, icon:, **kwargs) do
-            actions_data << {label: label, href: href, icon: icon, **kwargs}
-          end
-
-          renders_many :items, types: {
-            link: ->(label, href, show_on_mobile: true, **kwargs, &block) do
-              nav_item(mobile: show_on_mobile) do
-                render Coco::App::Blocks::SidebarNav::Item.new(label: label, href: href, **kwargs), &block
-              end
-            end,
-            menu: ->(label, show_on_mobile: true, **kwargs, &block) do
-              nav_item(mobile: show_on_mobile) do
-                render Coco::App::Blocks::SidebarNav::Item.new(label: label, **kwargs) do |item|
-                  item.with_menu(&block)
-                end
-              end
-            end
-          }
-
-          attr_reader :actions_data
-
-          def initialize(**)
-            @actions_data = []
-            @menus_data = {}
-          end
-
-          def nav_item(mobile: true, &block)
-            tag.div(class: "nav-item", data: {show_on_mobile: mobile.to_s}, &block)
-          end
-
-          def with_link(...)
-            with_item_link(...)
-          end
-
-          def with_menu(...)
-            with_item_menu(...)
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/blocks/slide_editor/slide_editor.rb

@@ -1,116 +0,0 @@
-module Coco
-  module App
-    module Blocks
-      class SlideEditor < Coco::Component
-        include Coco::AppHelper
-        include Coco::BookHelper
-        include Coco::FormatHelper
-
-        DEFAULT_LAYOUT = "one-col-title"
-
-        renders_one :title, ->(value = nil, **textarea_options) do
-          Coco::App::Elements::SeamlessTextarea.new(**textarea_options,
-            value: value,
-            multiline: false,
-            focus: true,
-            data: {role: "title-editor"},
-            x: {modelable: "value", model: "title"})
-        end
-
-        renders_one :text_1, ->(value = nil, **textarea_options) do
-          Coco::App::Elements::SeamlessTextarea.new(**textarea_options,
-            value: value,
-            multiline: true,
-            data: {role: "text-1-editor"},
-            x: {modelable: "value", model: "text1"})
-        end
-
-        renders_one :text_2, ->(value = nil, **textarea_options) do
-          Coco::App::Elements::SeamlessTextarea.new(**textarea_options,
-            value: value,
-            multiline: true,
-            data: {role: "text-2-editor"},
-            x: {modelable: "value", model: "text2"})
-        end
-
-        renders_one :image_1, ->(src = nil, **image_options) do
-          @image_1_options = {src: src, **image_options}
-        end
-
-        renders_one :image_2, ->(src = nil, **image_options) do
-          @image_2_options = {src: src, **image_options}
-        end
-
-        renders_one :bg_color, ->(value = nil, **input_options) do
-          @bg_color_options = {selected: value, **input_options}
-        end
-
-        renders_one :text_color, ->(value = nil, **input_options) do
-          @text_color_options = {selected: value, **input_options}
-        end
-
-        renders_one :bg_image, ->(src = nil, **input_options) do
-          @bg_image_options = {src: src, **input_options}
-        end
-
-        renders_one :layout, ->(value = DEFAULT_LAYOUT, **input_options) do
-          @layout_options = {selected: value&.to_s&.tr("_", "-"), **input_options}
-        end
-
-        def initialize(generate_thumbnail: true, **kwargs)
-          @generate_thumbnail = generate_thumbnail
-        end
-
-        def generate_thumbnail? = @generate_thumbnail
-
-        def slide_args
-          {
-            bg_image: bg_image_src,
-            bg_color_hex: bg_color_css,
-            text_color_hex: text_color_css,
-            layout: current_layout,
-            render_empty: true
-          }
-        end
-
-        def alpine_props
-          {
-            bg_color: bg_color_css,
-            text_color: text_color_css,
-            title: title&.value,
-            text_1: text_1&.value,
-            text_2: text_2&.value,
-            image_1: image_1_src,
-            image_2: image_2_src,
-            bg_image: bg_image_src,
-            layout: current_layout
-          }
-        end
-
-        def bg_color_css
-          @bg_color_options[:selected] if @bg_color_options
-        end
-
-        def text_color_css
-          @text_color_options[:selected] if @text_color_options
-        end
-
-        def bg_image_src
-          @bg_image_options[:src] if @bg_image_options
-        end
-
-        def image_1_src
-          @image_1_options[:src] if @image_1_options
-        end
-
-        def image_2_src
-          @image_2_options[:src] if @image_2_options
-        end
-
-        def current_layout
-          @layout_options&.fetch(:selected, DEFAULT_LAYOUT) || DEFAULT_LAYOUT
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/elements/alert/alert.rb

@@ -1,79 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class Alert < Coco::Component
-        include Concerns::AcceptsOptions
-        include Concerns::AcceptsTheme
-
-        THEMES = %W[positive warning negative info positive-vivid warning-vivid negative-vivid info-vivid]
-
-        accepts_option :dismissable, from: [true, false], default: false
-        accepts_option :dismiss_after_action, from: [true, false], default: true
-        accepts_option :banner, from: [true, false], default: false
-        accepts_option :theme, from: THEMES, default: "info"
-        accepts_option :single_line, from: [true, false]
-        accepts_option :cloak, from: [true, false], default: true, private: true
-        accepts_option :condensed, from: [true, false], default: false
-
-        renders_one :title
-        renders_one :message
-
-        renders_one :action, ->(*args, **kwargs, &block) do
-          theme = vivid? ? "neutral-dark" : get_option_value(:theme)
-          @action_data = {args: args, kwargs: kwargs.merge(theme: theme), block: block}
-        end
-
-        renders_one :secondary_action, ->(*args, **kwargs, &block) do
-          theme = vivid? ? "neutral-light" : "text-#{get_option_value(:theme)}"
-          @secondary_action_data = {args: args, kwargs: kwargs.merge(theme: theme), block: block}
-        end
-
-        renders_one :link, ->(*args, **kwargs, &block) do
-          theme = vivid? ? nil : unvividify(get_option_value(:theme))
-          @link_data = {args: args, kwargs: kwargs.merge(theme: theme), block: block}
-        end
-
-        before_render do
-          unless tag_attr?(:id)
-            set_tag_attr(:id, "alert-#{rand(1000)}")
-          end
-        end
-
-        def dismissable?
-          get_option_value(:dismissable)
-        end
-
-        def single_line?
-          get_option_value(:single_line)
-        end
-
-        def cloak?
-          get_option_value(:cloak)
-        end
-
-        def vivid?
-          theme = get_option_value(:theme)
-          theme.to_s.match?(/vivid$/)
-        end
-
-        def unvividify(theme)
-          theme.to_s.match?(/vivid$/) ? theme.to_s.underscore.gsub("_vivid", "").to_sym : theme
-        end
-
-        def button_size
-          get_option_value(:condensed) ? :xs : :sm
-        end
-
-        def stamp
-          type = unvividify(get_option_value(:theme))&.to_sym
-          style = if get_option_value(:banner)
-            :compact
-          else
-            vivid? ? :inverse : :subtle
-          end
-          coco_stamp(type, style:)
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/elements/color_picker/color_picker.rb

@@ -1,53 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ColorPicker < Coco::Component
-        include Concerns::AcceptsOptions
-        include Coco::AppHelper
-
-        DEFAULT_SWATCHES = [
-          {color: "#111827"},
-          {color: "#F3F4F6"},
-          {color: "#FFFFFF"},
-          {color: "#FEC878"},
-          {color: "#FC5C0E"},
-          {color: "#D50201"},
-          {color: "#1A8871"},
-          {color: "#C1DAA9"},
-          {color: "#F5EEE6"},
-          {color: "#91C7E1"},
-          {color: "#0164FF"},
-          {color: "#3A2D86"}
-        ]
-
-        accepts_option :size, from: [:xs, :sm, :md, nil], default: :sm
-
-        before_render do
-          content unless content_evaluated?
-
-          if @swatches.empty?
-            @swatches = DEFAULT_SWATCHES
-          end
-
-          args[:resize]&.each { set_tag_data_attr("size-#{_1}", _2) }
-        end
-
-        renders_many :swatches,
-          ->(color, name = nil) do
-            @swatches << {name: name, color: color}
-          end
-
-        attr_reader :selected
-
-        def initialize(selected: "FFFFFF", **kwargs)
-          @selected = selected
-          @swatches = []
-        end
-
-        def color_swatches
-          @swatches
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/elements/color_picker_button/color_picker_button.rb

@@ -1,58 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ColorPickerButton < Coco::Component
-        include Concerns::WithDropdownOptions
-        include Concerns::WrapsComponent
-        include Coco::AppHelper
-
-        wraps_component :button do |args|
-          Coco::Button.new(**args)
-        end
-
-        renders_one :text, Coco::Content
-
-        renders_one :picker, ->(picker = nil, **kwargs, &block) do
-          if picker.is_a?(Coco::App::Elements::ColorPicker)
-            picker
-          else
-            picker&.to_s.presence || Coco::App::Elements::ColorPicker.new(
-              size: @size,
-              resize: @resize,
-              selected: @selected,
-              **kwargs
-            )
-          end
-        end
-
-        renders_one :icon, ->(&block) do
-          tag.span class: "picker-icon", style: "color: #{@selected}", ":style": "{color: selectedColor}", &block
-        end
-
-        before_render do
-          with_picker(selected: @selected) unless picker?
-          unless icon?
-            with_icon do
-              tag.span class: "picker-button-color", ":style": "{backgroundColor: selectedColor}"
-            end
-          end
-        end
-
-        attr_reader :selected
-
-        def initialize(selected: nil, **kwargs)
-          @selected = selected
-
-          @size = kwargs.fetch(:size, :default)&.to_sym
-          if @size.in?(Coco::Button::SIZE_ALIASES.keys) && !kwargs.key?(:resize)
-            @size, @resize = Coco::Button::SIZE_ALIASES.fetch(@size)
-          end
-        end
-
-        def button_text
-          text || content
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/elements/confirm_panel/confirm_panel.rb

@@ -1,23 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ConfirmPanel < Coco::Component
-        renders_one :button, ->(**kwargs, &block) do
-          coco_button(theme: :negative, **kwargs, fit: :full, size: :sm, &block)
-        end
-
-        renders_one :cancel, ->(**kwargs, &block) do
-          coco_button(theme: :secondary, **kwargs, fit: :full, size: :sm, &block)
-        end
-
-        renders_one :text, Coco::Content
-
-        before_render do
-          unless button?
-            raise ArgumentError, "No confirmation button defined"
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/coco/app/elements/image_picker/image_picker.rb

@@ -1,25 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ImagePicker < Coco::Component
-        include Concerns::AcceptsOptions
-        include Coco::AppHelper
-
-        accepts_option :size, from: [:sm, :md, nil], default: :sm
-
-        renders_one :blank_state_text
-
-        before_render do
-          args[:resize]&.each { set_tag_data_attr("size-#{_1}", _2) }
-        end
-
-        attr_reader :uploader_args, :src
-
-        def initialize(src: nil, accept: "image/*", **kwargs)
-          @src = src
-          @uploader_args = {accept: accept}
-        end
-      end
-    end
-  end
-end