coveragebook_components 0.8.9 → 0.9.0

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

@@ -16,10 +16,7 @@ module Coco
 
     DEFAULT_THEME = nil
 
-    BUTTON_ATTRS = %i[type value name disabled href target]
-
-    tag_name :button
-    tag_attr(*BUTTON_ATTRS)
+    tag_attr :type, :value, :name, :disabled, :href, :target
 
     accepts_option :disabled, from: [true, false]
     accepts_option :confirm, from: [true, false, nil], default: nil
@@ -58,34 +55,22 @@ module Coco
         set_option_value(:state, "active")
       end
 
-      @button_attrs = tag_attrs.slice(*BUTTON_ATTRS).merge(@button_element_attrs)
-      tag_attrs.except!(*BUTTON_ATTRS)
-
-      if disabled?
-        button_attrs[:disabled] = true
-      end
-
-      if dropdown?
-        set_option_value(:dropdown, :placement, "bottom-start") unless get_option(:dropdown, :placement).present?
-      end
+      set_tag_attr(:disabled, true) if disabled?
+      set_tag_attr(:type, "button") unless tag_attr?(:type) || link?
 
-      unless button_attrs[:type] || link?
-        button_attrs[:type] = "button"
+      if dropdown? || confirm? && get_option(:dropdown, :placement).blank?
+        set_option_value(:dropdown, :placement, "bottom-start")
       end
     end
 
-    attr_reader :on_click, :resize, :button_attrs
+    attr_reader :on_click, :resize
 
-    def initialize(click: nil, resize: nil, states: nil, loading: false, active: false, button_element: {}, **kwargs)
+    def initialize(click: nil, resize: nil, states: nil, loading: false, active: false, tooltip: nil, **kwargs)
       @on_click = click
       @resize = resize.to_h
       @states = states.to_h
       @loading = loading
       @active = active
-      @alpine_data = {}
-      @button_element_attrs = button_element
-
-      super(**kwargs)
     end
 
     def toggle?
@@ -96,8 +81,8 @@ module Coco
       get_option_value(:toggle)
     end
 
-    def button_tag_name
-      button_attrs[:href].present? ? :a : :button
+    def button_tag
+      tag_attr(:href).present? ? :a : :button
     end
 
     def button_text
@@ -121,11 +106,11 @@ module Coco
     end
 
     def link?
-      button_tag_name == :a
+      button_tag == :a
     end
 
     def button?
-      button_tag_name == :button
+      button_tag == :button
     end
 
     def icon_only?
@@ -136,25 +121,17 @@ module Coco
       false
     end
 
-    def dropdown_opts
-      if dropdown?
-        jsify_data({
-          appendTo: "parent",
-          offset: [0, 1],
-          placement: get_option_value(:dropdown, :placement)
-        }.compact)
-      end
-    end
-
-    def component_classes
-      [
-        "coco-button",
-        tag_attrs[:class],
+    def alpine_wrapper_attrs
+      if dropdown? || confirm?
         {
-          "icon-only": icon_only?,
-          "with-icon": (icon? && !icon_only?)
+          data: x_data("buttonDropdown"),
+          dropdown: jsify_data({offset: [0, 1], placement: get_option_value(:dropdown, :placement)}.compact),
+          "@dropdown:show": ("button.setState('active')" if dropdown?),
+          "@dropdown:hide": ("button.resetState()" if dropdown?),
+          "@confirmation:confirm": ("button.approveAndRun($event)" if confirm?),
+          "@confirmation:cancel": ("button.cancelConfirmation($event)" if confirm?)
         }
-      ]
+      end
     end
 
     def states
@@ -188,23 +165,26 @@ module Coco
     private
 
     def default_states
-      states = {
-        default: {
-          text: button_text,
-          icon: icon,
-          tooltip: get_option_value(:tooltip, :content)
-        }
-      }
+      {
+        default: default_state,
+        loading: (loading_state if @states&.key?(:loading))
+      }.compact
+    end
 
-      if @states.key?(:loading)
-        states[:loading] = {
-          text: "Loading...",
-          icon: :loader_2,
-          tooltip: nil
-        }
-      end
+    def default_state
+      {
+        text: button_text,
+        icon: icon,
+        tooltip: get_option_value(:tooltip, :content)
+      }
+    end
 
-      states
+    def loading_state
+      {
+        text: "Loading...",
+        icon: :loader_2,
+        tooltip: nil
+      }
     end
 
     def render_icon(icon)

data/app/components/coco/base/button/button_dropdown.js

@@ -0,0 +1,27 @@
+import { CocoComponent } from "@js/coco.js";
+import { getComponent } from "@helpers/alpine";
+
+export default CocoComponent("buttonDropdown", (data = {}) => {
+  return {
+    dropdown: null,
+    button: null,
+
+    init() {
+      this.$nextTick(() => {
+        this.button = getComponent(this.$el.querySelector(".coco-button"));
+      });
+    },
+
+    hideDropdown() {
+      if (this.dropdown) {
+        this.dropdown.hide();
+      }
+    },
+
+    showDropdown() {
+      if (this.dropdown) {
+        this.dropdown.show();
+      }
+    },
+  };
+});

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.8.9"
+  VERSION = "0.9.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.8.9
+  version: 0.9.0
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-17 00:00:00.000000000 Z
+date: 2023-11-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -74,12 +74,8 @@ extensions: []
 extra_rdoc_files: []
 files:
 - app/assets/build/coco/app.css
-- app/assets/build/coco/app.dev.css
-- app/assets/build/coco/app.dev.js
 - app/assets/build/coco/app.js
 - app/assets/build/coco/book.css
-- app/assets/build/coco/book.dev.css
-- app/assets/build/coco/book.dev.js
 - app/assets/build/coco/book.js
 - app/assets/build/coco/icons/accessibility.svg
 - app/assets/build/coco/icons/activity-square.svg
@@ -1622,6 +1618,7 @@ files:
 - app/components/coco/base/button/button.html.erb
 - app/components/coco/base/button/button.js
 - app/components/coco/base/button/button.rb
+- app/components/coco/base/button/button_dropdown.js
 - app/components/coco/base/content/content.rb
 - app/components/coco/base/dropdown/dropdown.css
 - app/components/coco/base/dropdown/dropdown.html.erb