coveragebook_components 0.18.0 → 0.18.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a9024fd2b1372e1c28286a54173750921c33b6f9cee10cce9e2ca5d1fd982d9e
-  data.tar.gz: f6e89d2b38167d6198b967af281344146e3f131964457e9c2dff2ea11f2e2737
+  metadata.gz: 8d1e2c38d35907997a458be41c8d3c58aa1e2bd59a574d859ae79a4249baac99
+  data.tar.gz: 61be0de9cfc48cfa7f1bacd3634f5684515e2f212475690704102ce63ea6ef93
 SHA512:
-  metadata.gz: 131b0f18bf5b4462ba4be9c5cfc55f76aaceeac1b4c671f5144589aee73ae79742bbe01f9b0b8f2846fd1b89fc10b2fb07a453061d95f3a606e64ee9ff5c9546
-  data.tar.gz: 16115cf26b19813e8e44639956d10de3ac45ec39fea45bbd008dbc53aab8a86cbb3eea1ddd5955f9d06f10d9e15af348463d7b962ef758548be873e6455cc32c
+  metadata.gz: 1272f8a3e79da8c29eaad226d0e824782b04b787d126980fb232a208d107be678fa2865b1e2bbfafa4b24dd9babcff78eda1e85622ec3feba3ba7e098b34cd03
+  data.tar.gz: 4413438ae4e3e67299bcd80097b9dd80269bd17c21eea80fc5e755d81321c9873584666c6ee4dd2d1eb474cf41a793c466faf0c98ebf8d63c3dcde15c063d15d

data/app/assets/build/coco/coco.css

@@ -5784,10 +5784,6 @@ select{
   position: fixed
 }
 
-.\!block{
-  display: block !important
-}
-
 .block{
   display: block
 }

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

@@ -15260,7 +15260,7 @@ function dropdown_default(Alpine3) {
       const settings = tippyModifiers(modifiers);
       const result = expression ? evaluate(expression) : {};
       const directiveConfig = isObject(result) ? result : {};
-      let { triggerTarget, contentTarget, anchorTarget, ...config } = directiveConfig;
+      let { triggerTarget, contentTarget, anchorTarget, flip, ...config } = directiveConfig;
       contentTarget = contentTarget || el.querySelector("[x-dropdown\\:content]");
       const content = isNode(contentTarget) ? contentTarget.firstElementChild : contentTarget;
       triggerTarget = triggerTarget || el.querySelector("[x-dropdown\\:trigger]") || el;
@@ -15288,6 +15288,9 @@ function dropdown_default(Alpine3) {
           interactive: true,
           animation: false,
           maxWidth: 380,
+          popperOptions: {
+            modifiers: [{ name: "flip", enabled: flip !== false }]
+          },
           triggerTarget,
           content,
           onShow: (...args) => {
@@ -15441,7 +15444,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.18.0",
+  version: "0.18.2",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -15650,7 +15653,11 @@ var button_default = CocoComponent("button", (data = {}) => {
       if (this.approving) {
         event.stopPropagation();
         this.confirmed = true;
-        this.dropdown.trigger.click();
+        if (this.dropdown.trigger.getAttribute("type") === "submit") {
+          this.$root.closest("form").requestSubmit();
+        } else {
+          this.dropdown.trigger.click();
+        }
         this.dropdown.hide();
         this.confirmed = false;
         this.approving = false;

data/app/assets/js/base/alpine/directives/dropdown.js

@@ -16,7 +16,7 @@ export default function (Alpine) {
       const settings = buildConfig(modifiers);
       const result = expression ? evaluate(expression) : {};
       const directiveConfig = isObject(result) ? result : {};
-      let { triggerTarget, contentTarget, anchorTarget, ...config } =
+      let { triggerTarget, contentTarget, anchorTarget, flip, ...config } =
         directiveConfig;
 
       contentTarget =
@@ -61,6 +61,9 @@ export default function (Alpine) {
           interactive: true,
           animation: false,
           maxWidth: 380,
+          popperOptions: {
+            modifiers: [{ name: "flip", enabled: flip !== false }],
+          },
 
           triggerTarget,
           content,

data/app/components/coco/buttons/button/button.js

@@ -84,7 +84,11 @@ export default CocoComponent("button", (data = {}) => {
       if (this.approving) {
         event.stopPropagation();
         this.confirmed = true;
-        this.dropdown.trigger.click();
+        if (this.dropdown.trigger.getAttribute("type") === "submit") {
+          this.$root.closest("form").requestSubmit();
+        } else {
+          this.dropdown.trigger.click();
+        }
         this.dropdown.hide();
         this.confirmed = false;
         this.approving = false;

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

@@ -55,6 +55,7 @@ module Coco
       dd.accepts_option :placement,
         from: %w[top top-start top-end right right-start right-end bottom bottom-start bottom-end left left-start left-end auto auto-start auto-end],
         private: true
+      dd.accepts_option :flip, from: [true, false], default: true, private: true
     end
 
     renders_one :text, Coco::Content
@@ -154,7 +155,7 @@ module Coco
       if dropdown? || confirm?
         {
           data: x_data("buttonDropdown"),
-          dropdown: jsify_data({placement: get_option_value(:dropdown, :placement)}.compact),
+          dropdown: jsify_data({placement: get_option_value(:dropdown, :placement), flip: get_option_value(:dropdown, :flip)}.compact),
           bind: "root"
         }
       end

data/app/components/coco/concerns/acts_as_button_group.rb

@@ -16,21 +16,17 @@ module Coco
           divider: ->(**kwargs) { tag.div(class: "divider") },
           html: ->(&block) { block.call },
           button: ->(*args, **kwargs, &block) { coco_button(*args, **button_kwargs(kwargs, :button), &block) },
-          menu_button: ->(*args, **kwargs, &block) { instantiate_button(:menu, *args, **kwargs, &block) },
-          color_picker_button: ->(*args, **kwargs, &block) { instantiate_button(:color_picker, *args, **kwargs, &block) },
-          image_picker_button: ->(*args, **kwargs, &block) { instantiate_button(:image_picker, *args, **kwargs, &block) },
-          layout_picker_button: ->(*args, **kwargs, &block) { instantiate_button(:layout_picker, *args, **kwargs, &block) }
+          menu_button: ->(*args, **kwargs, &block) { instantiate_button(:menu, args.first, nil, **kwargs, &block) },
+          color_picker_button: ->(*args, **kwargs, &block) { instantiate_button(:color_picker, args.first, nil, **kwargs, &block) },
+          image_picker_button: ->(*args, **kwargs, &block) { instantiate_button(:image_picker, args.first, nil, **kwargs, &block) },
+          layout_picker_button: ->(*args, **kwargs, &block) { instantiate_button(:layout_picker, args.first, nil, **kwargs, &block) }
         }
       end
 
       def instantiate_button(type, *args, **kwargs, &block)
-        href, content = if block
-          [args.first, nil]
-        else
-          (args.size == 1) ? [nil, args.first] : args[0..2].reverse!
-        end
-        component = BUTTON_TYPES[type].constantize.new(href: href, **button_kwargs(kwargs, type))
-        component.with_content(content) if !block && content.present?
+        href, content = (args.size == 1) ? [nil, args.first] : args[0..2].reverse!
+        component = BUTTON_TYPES[type].constantize.new(text: content, href: href, **button_kwargs(kwargs, type))
+        component.with_text(content) if content.present?
         component
       end
 

data/app/helpers/coco/components_helper.rb

@@ -27,8 +27,8 @@ module Coco
       render(Coco::ButtonGroup.new(**), &)
     end
 
-    def coco_menu_button(**, &)
-      render(Coco::MenuButton.new(**), &)
+    def coco_menu_button(text = nil, **, &)
+      render(Coco::MenuButton.new(text: text, **), &)
     end
 
     def coco_menu_item(type, **, &)

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.18.0"
+  VERSION = "0.18.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.18.0
+  version: 0.18.2
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-24 00:00:00.000000000 Z
+date: 2024-05-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails