coveragebook_components 0.10.0 → 0.10.1.beta.0

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

@@ -1,42 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ButtonGroup < Coco::Component
-        include Concerns::ActsAsButtonGroup
-        include Concerns::AcceptsOptions
-
-        accepts_option :size, default: :default, private: true
-        accepts_option :theme, default: :primary, private: true
-        accepts_option :segmented, from: [true, false], default: false
-        accepts_option :floating, from: [true, false], default: false
-        accepts_option :collapsible, from: [true, false, nil]
-
-        before_initialize do |kwargs|
-          if kwargs[:floating] == true
-            kwargs[:segmented] = true
-            kwargs[:theme] = :toolbar_floating
-          end
-          kwargs
-        end
-
-        def button_kwargs(kwargs, type = nil)
-          args = {
-            theme: get_option_value(:theme),
-            size: get_option_value(:size),
-            **kwargs
-          }
-
-          if component_args.key?(:resize)
-            args[:resize] = component_args[:resize]
-          end
-
-          if get_option_value(:collapsible) == false
-            args[:collapsible] = false
-          end
-
-          args
-        end
-      end
-    end
-  end
-end

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

@@ -1,54 +0,0 @@
-module Coco
-  module App
-    module Elements
-      class ButtonTo < Coco::Component
-        include Concerns::WrapsComponent
-        include Concerns::AcceptsOptions
-
-        accepts_option :fit, from: [:auto, :full]
-
-        wraps_component :button do |args|
-          Coco::App::Elements::Button.new(
-            type: :submit,
-            fit: get_option_value(:fit) || :auto,
-            **args
-          )
-        end
-
-        %i[confirmation].each do |slot_name|
-          renders_one slot_name, ->(**kwargs, &block) do
-            button.send("with_#{slot_name}".to_sym, **kwargs, &block)
-          end
-        end
-
-        attr_reader :method, :turbo
-
-        def initialize(form: nil, params: nil, method: :post, action: nil, href: nil, turbo: false, **kwargs)
-          @form_args = form.to_h
-          @action = action || href
-          @method = method
-          @params = params.to_h
-          @turbo = turbo
-        end
-
-        def params
-          to_form_params(@params)
-        end
-
-        def form_args
-          {
-            url: action,
-            method: method,
-            data: {
-              turbo: ("false" if !turbo)
-            }
-          }.deep_merge(@form_args)
-        end
-
-        def action
-          @action.is_a?(String) ? @action : helpers.url_for(@action)
-        end
-      end
-    end
-  end
-end

data/app/components/coco/base/button/button.css

@@ -1,75 +0,0 @@
-@layer components {
-  .coco-button-wrapper {
-    @apply !contents;
-  }
-
-  [data-coco].coco-button {
-    @apply flex transition-colors w-auto bg-transparent text-current border border-transparent select-none flex-none no-underline outline-none focus-visible:outline-0;
-    width: min-content;
-
-    .button-inner {
-      @apply inline-flex items-center text-center mx-auto gap-2;
-      width: fit-content;
-    }
-
-    .button-content {
-      @apply whitespace-nowrap relative leading-none inline-flex items-center order-2;
-    }
-
-    .button-state-content {
-      @apply contents;
-    }
-
-    .button-icon {
-      @apply inline-flex items-center order-1;
-    }
-
-    .button-dropdown {
-      @apply contents rounded-md;
-    }
-
-    .button-toggle {
-      @apply order-3;
-    }
-
-    /* disabled */
-
-    &[data-disabled="true"] {
-      @apply cursor-not-allowed pointer-events-none;
-    }
-
-    /* loading */
-
-    &[data-state="loading"] .button-icon {
-      @apply animate-spin;
-    }
-
-    /* Fit */
-
-    &[data-fit="full"] {
-      @apply w-full;
-    }
-
-    /* Icons */
-
-    &[data-icon-position="end"] {
-      .button-content {
-        @apply order-1;
-      }
-
-      .button-icon {
-        @apply order-2;
-      }
-
-      .button-toggle {
-        @apply order-3;
-      }
-    }
-
-    &.with-icon[data-collapsed="true"] {
-      .button-content {
-        display: none;
-      }
-    }
-  }
-}

data/app/components/coco/base/button/button.html.erb

@@ -1,71 +0,0 @@
-<%= coco_tag(:div, class: "coco-button-wrapper", x: alpine_wrapper_attrs || {}) do %>
-  <%= render component_tag(button_tag,
-      class: {
-        "coco-button": true,
-        "icon-only": icon_only?,
-        "with-icon": (icon? && !icon_only?)
-      },
-      x: {
-        data: x_data("button", alpine_data),
-        bind: "root",
-        ":disabled": "disabled",
-        "dropdown:trigger": (true if dropdown?),
-        "dropdown:anchor": (true if dropdown?),
-        "@click": ("#{"checkConfirmation($event);" if confirm?} #{on_click}" if confirm? || on_click.present?)
-      }
-    ) do %>
-    <span class="button-inner">
-      <% states.each do |name, props| %>
-        <% if props[:icon].present? %>
-          <% if states.many? %>
-            <span
-              class="button-icon"
-              x-ref="<%= name %>Icon"
-              x-show="showIcon('<%= name %>')"
-              <%= "x-cloak" unless name.to_sym == :default %>>
-              <%= props[:icon] %>
-            </span>
-          <% else %>
-            <span class="button-icon" x-ref="defaultIcon">
-              <%= props[:icon] %>
-            </span>
-          <% end %>
-        <% end %>
-      <% end %>
-      
-      <% unless icon_only? %>
-        <% states.each do |name, props| %>
-          <% if states.many? %>
-            <span
-              class="button-content"
-              x-ref="<%= name %>Content"
-              x-show="showContent('<%= name %>')"
-              <%= "x-cloak" unless name.to_sym == :default %>>
-              <%= props[:text] %>
-            </span>
-          <% else %>
-            <span class="button-content" x-ref="defaultContent">
-              <%= props[:text] %>
-            </span>
-          <% end %>
-        <% end %>
-      <% end %>
-
-      <% if toggle? %>
-        <% if toggle_direction == :horizontal %>
-          <%= coco_icon(:chevron_right, class: "button-toggle") %>
-        <% else %>
-          <%= coco_icon(:chevron_down, class: "button-toggle") %>
-        <% end %>
-      <% end %>
-    </span>
-  <% end %>
-
-  <% if dropdown? %>
-    <div x-dropdown:content>
-      <div class="button-dropdown">
-        <%= dropdown %>
-      </div>
-    </div>
-  <% end %>
-<% end %>