coveragebook_components 0.17.4 → 0.17.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 640690640d1cb09848352d16bf5eab6b24525775a46bff8773c316eadc349333
-  data.tar.gz: 64520da2e244704072216713b5d08376b468015145850bdf393f6636b73a4dd1
+  metadata.gz: c269c84dcfebd4fc4eb0e9542d17d84e6a6de8295ec20cf7f17d059de7321b77
+  data.tar.gz: 6e9956db055856d5e4a90edb7357543617ceeb4963fdcd8cf6bf897c64c573f3
 SHA512:
-  metadata.gz: dd6d5464840a829d94a91093897bebc91c0af1c73d64729088a4563fe89b8f00e401c245067e8c95f50d878fb8ac6af7e394fbbe2022f28113f196fa5573a6f2
-  data.tar.gz: edda3f86449b0cf48c5c2811a4ee9b61b3c5b706727fe8e8259abebf34135e235489d6288cea5cd533ad8401ba3069c7044422a604dd29e82e4dfeb51aabfeeb
+  metadata.gz: e4489238d098216b49e077bd9b6573fc9ebdef9ff6ec0cc0b15d53d28aa91e0ff3a1ae6739a98fca8e646099386201fffc4b450da5279589f5994deac053ff50
+  data.tar.gz: 2a0fbad3e33279253d388c0f82077fbf8bada21323039c3be6ffda78342216f1d89d5db9a3b187677eba4db224fc2c1fb70bdc52ddc08795be67d3a7f0481d5e

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

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -179,6 +179,7 @@ textarea {
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
@@ -199,9 +200,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
@@ -669,7 +670,11 @@ select{
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  
 }
 
 ::backdrop{
@@ -719,7 +724,11 @@ select{
   --tw-backdrop-invert:  ;
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  
 }
 
 .coco-button-wrapper{
@@ -3870,7 +3879,7 @@ select{
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
 
-@container (min-width: 576px){
+@container (min-width: 550px){
     [data-coco][data-component="alert"] .alert-container{
     align-items: center;
     padding-top: 0.625rem;
@@ -3964,7 +3973,6 @@ select{
   }
 
       [data-coco][data-component="alert"][data-single-line="true"]:not(.force-multi-line)[data-dismissable="true"] .alert-container{
-    padding-left: 3rem;
     padding-right: 3rem
   }
 
@@ -6043,7 +6051,6 @@ select{
 }
 
 .alert-single-line[data-dismissable="true"] .alert-container{
-  padding-left: 3rem;
   padding-right: 3rem
 }
 

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

@@ -7381,8 +7381,8 @@ var require_module_cjs = __commonJS({
         });
       });
     }
-    function destroyTree(root) {
-      walk(root, (el) => {
+    function destroyTree(root, walker = walk) {
+      walker(root, (el) => {
         cleanupAttributes(el);
         cleanupElement(el);
       });
@@ -7579,7 +7579,7 @@ var require_module_cjs = __commonJS({
         if (name == Symbol.unscopables)
           return false;
         return objects.some(
-          (obj) => Object.prototype.hasOwnProperty.call(obj, name)
+          (obj) => Object.prototype.hasOwnProperty.call(obj, name) || Reflect.has(obj, name)
         );
       },
       get({ objects }, name, thisProxy) {
@@ -7587,7 +7587,7 @@ var require_module_cjs = __commonJS({
           return collapseProxies;
         return Reflect.get(
           objects.find(
-            (obj) => Object.prototype.hasOwnProperty.call(obj, name)
+            (obj) => Reflect.has(obj, name)
           ) || {},
           name,
           thisProxy
@@ -7616,6 +7616,8 @@ var require_module_cjs = __commonJS({
         Object.entries(Object.getOwnPropertyDescriptors(obj)).forEach(([key, { value, enumerable }]) => {
           if (enumerable === false || value === void 0)
             return;
+          if (typeof value === "object" && value !== null && value.__v_skip)
+            return;
           let path = basePath === "" ? key : `${basePath}.${key}`;
           if (typeof value === "object" && value !== null && value._x_interceptor) {
             obj[key] = value.initialize(data2, path, key);
@@ -8537,7 +8539,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         "checked",
         "required",
         "readonly",
-        "hidden",
         "open",
         "selected",
         "autofocus",
@@ -8745,7 +8746,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       get raw() {
         return raw;
       },
-      version: "3.13.5",
+      version: "3.13.8",
       flushAndStopDeferringMutations,
       dontAutoEvaluateFunctions,
       disableEffectScheduling,
@@ -8828,12 +8829,10 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     });
     function getArrayOfRefObject(el) {
       let refObjects = [];
-      let currentEl = el;
-      while (currentEl) {
-        if (currentEl._x_refs)
-          refObjects.push(currentEl._x_refs);
-        currentEl = currentEl.parentNode;
-      }
+      findClosest(el, (i2) => {
+        if (i2._x_refs)
+          refObjects.push(i2._x_refs);
+      });
       return refObjects;
     }
     var globalIdMemo = {};
@@ -9183,7 +9182,9 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       });
       if (modifiers.includes("fill")) {
         if ([void 0, null, ""].includes(getValue()) || el.type === "checkbox" && Array.isArray(getValue())) {
-          el.dispatchEvent(new Event(event, {}));
+          setValue(
+            getInputValue(el, modifiers, { target: el }, getValue())
+          );
         }
       }
       if (!el._x_removeModelListeners)
@@ -9252,12 +9253,25 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
             return option.value || option.text;
           });
         } else {
+          let newValue;
+          if (el.type === "radio") {
+            if (event.target.checked) {
+              newValue = event.target.value;
+            } else {
+              newValue = currentValue;
+            }
+          } else {
+            newValue = event.target.value;
+          }
           if (modifiers.includes("number")) {
-            return safeParseNumber(event.target.value);
+            return safeParseNumber(newValue);
           } else if (modifiers.includes("boolean")) {
-            return safeParseBoolean(event.target.value);
+            return safeParseBoolean(newValue);
+          } else if (modifiers.includes("trim")) {
+            return newValue.trim();
+          } else {
+            return newValue;
           }
-          return modifiers.includes("trim") ? event.target.value.trim() : event.target.value;
         }
       });
     }
@@ -9306,7 +9320,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       });
     });
     mapAttributes(startingWith(":", into(prefix("bind:"))));
-    var handler2 = (el, { value, modifiers, expression, original }, { effect: effect3 }) => {
+    var handler2 = (el, { value, modifiers, expression, original }, { effect: effect3, cleanup }) => {
       if (!value) {
         let bindingProviders = {};
         injectBindingProviders(bindingProviders);
@@ -9328,6 +9342,10 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         }
         mutateDom(() => bind(el, value, result, modifiers));
       }));
+      cleanup(() => {
+        el._x_undoAddedClasses && el._x_undoAddedClasses();
+        el._x_undoAddedStyles && el._x_undoAddedStyles();
+      });
     };
     handler2.inline = (el, { value, modifiers, expression }) => {
       if (!value)
@@ -9457,13 +9475,21 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         if (isObject2(items)) {
           items = Object.entries(items).map(([key, value]) => {
             let scope2 = getIterationScopeVariables(iteratorNames, value, key, items);
-            evaluateKey((value2) => keys.push(value2), { scope: { index: key, ...scope2 } });
+            evaluateKey((value2) => {
+              if (keys.includes(value2))
+                warn("Duplicate key on x-for", el);
+              keys.push(value2);
+            }, { scope: { index: key, ...scope2 } });
             scopes.push(scope2);
           });
         } else {
           for (let i2 = 0; i2 < items.length; i2++) {
             let scope2 = getIterationScopeVariables(iteratorNames, items[i2], i2, items);
-            evaluateKey((value) => keys.push(value), { scope: { index: i2, ...scope2 } });
+            evaluateKey((value) => {
+              if (keys.includes(value))
+                warn("Duplicate key on x-for", el);
+              keys.push(value);
+            }, { scope: { index: i2, ...scope2 } });
             scopes.push(scope2);
           }
         }
@@ -9511,7 +9537,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
           let marker = document.createElement("div");
           mutateDom(() => {
             if (!elForSpot)
-              warn(`x-for ":key" is undefined or invalid`, templateEl);
+              warn(`x-for ":key" is undefined or invalid`, templateEl, keyForSpot, lookup);
             elForSpot.after(marker);
             elInSpot.after(elForSpot);
             elForSpot._x_currentIfEl && elForSpot.after(elForSpot._x_currentIfEl);
@@ -9538,7 +9564,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
           };
           mutateDom(() => {
             lastEl.after(clone2);
-            initTree(clone2);
+            skipDuringClone(() => initTree(clone2))();
           });
           if (typeof key === "object") {
             warn("x-for key cannot be an object, it must be a string or an integer", templateEl);
@@ -9618,7 +9644,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         addScopeToNode(clone2, {}, el);
         mutateDom(() => {
           el.after(clone2);
-          initTree(clone2);
+          skipDuringClone(() => initTree(clone2))();
         });
         el._x_currentIfEl = clone2;
         el._x_undoIf = () => {
@@ -15415,7 +15441,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.17.4",
+  version: "0.17.6",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -15464,7 +15490,7 @@ var package_default = {
     "@tailwindcss/container-queries": "^0.1.0",
     "@tailwindcss/forms": "^0.5.6",
     "alias-hq": "^6.2.2",
-    alpinejs: "^3.13.5",
+    alpinejs: "^3.13.8",
     autoprefixer: "^10.4.16",
     "container-query-polyfill": "^1.0.2",
     del: "^7.1.0",
@@ -15472,7 +15498,7 @@ var package_default = {
     "esbuild-plugin-copy": "^2.0.2",
     "fast-glob": "^3.3.1",
     "fast-sort": "^3.2.1",
-    husky: "^8.0.3",
+    husky: "^9.0.11",
     "js-cookie": "^3.0.5",
     "lint-staged": "^15.2.2",
     "lodash.camelcase": "^4.3.0",
@@ -15483,10 +15509,10 @@ var package_default = {
     postcss: "^8.4.31",
     "postcss-cli": "^11.0.0",
     "postcss-value-parser": "^4.2.0",
-    prettier: "^3.1.1",
+    prettier: "^3.2.5",
     "release-it": "^17.0.1",
     svgo: "^3.0.2",
-    tailwindcss: "^3.4.0",
+    tailwindcss: "^3.4.3",
     "tippy.js": "^6.3.7"
   },
   "release-it": {
@@ -16368,9 +16394,7 @@ var tooltip_default2 = CocoComponent("tooltip", () => {
     init() {
       tippy_default(this.$el, {
         theme: "coco-tooltip",
-        appendTo: () => {
-          return this.$el.firstElementChild;
-        }
+        appendTo: () => document.body
       });
     }
   };

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

@@ -11,6 +11,10 @@
         "dropdown:trigger": (true if dropdown?),
         "dropdown:anchor": (true if dropdown?),
         "@click": ("#{"checkConfirmation($event);" if confirm?} #{on_click}" if confirm? || on_click.present?)
+      },
+      data: {
+        turbo: turbo_data_attr_value,
+        turbo_frame: turbo_frame
       }
     ) do %>
     <span class="button-inner">

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

@@ -72,15 +72,17 @@ module Coco
       @states[name.to_sym] = kwargs.except!(:name)
     end
 
-    attr_reader :on_click, :resize
+    attr_reader :on_click, :resize, :turbo_frame
 
-    def initialize(click: nil, resize: nil, states: nil, loading: false, active: false, static: nil, **kwargs)
+    def initialize(click: nil, resize: nil, states: nil, loading: false, active: false, static: nil, turbo: nil, turbo_frame: nil, **kwargs)
       @on_click = click
       @resize = resize.to_h
       @states = states.to_h
       @loading = loading
       @static = static
       @active = active
+      @turbo = turbo
+      @turbo_frame = turbo_frame
     end
 
     def with_dropdown(...)
@@ -186,6 +188,14 @@ module Coco
       {tooltips: state_tooltips} if state_tooltips.present?
     end
 
+    def turbo_data_attr_value
+      if @turbo == false
+        "false"
+      elsif @turbo == true
+        "true"
+      end
+    end
+
     private
 
     def default_states

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

@@ -19,14 +19,15 @@ module Coco
       end
     end
 
-    attr_reader :method, :turbo
+    attr_reader :method
 
-    def initialize(form: nil, params: nil, method: :post, action: nil, href: nil, turbo: false, **kwargs)
+    def initialize(form: nil, params: nil, method: :post, action: nil, href: nil, turbo: false, turbo_frame: nil, **kwargs)
       @form_args = form.to_h
       @action = action || href
       @method = method
       @params = params.to_h
       @turbo = turbo
+      @turbo_frame = turbo_frame
     end
 
     def params
@@ -38,11 +39,20 @@ module Coco
         url: action,
         method: method,
         data: {
-          turbo: ("false" if !turbo)
+          turbo: turbo_data_attr_value,
+          turbo_frame: @turbo_frame
         }
       }.deep_merge(@form_args)
     end
 
+    def turbo_data_attr_value
+      if @turbo == false
+        "false"
+      elsif @turbo == true
+        "true"
+      end
+    end
+
     def action
       @action.is_a?(String) ? @action : helpers.url_for(@action)
     end

data/app/components/coco/messaging/alert/alert.css

@@ -103,7 +103,7 @@
 
     /* Layout */
 
-    @apply alert-stacked @[576px]:alert-multi-line;
+    @apply alert-stacked @[550px]:alert-multi-line;
 
     &[data-single-line="true"]:not(.force-multi-line) {
       @apply @[1000px]:alert-single-line;
@@ -311,7 +311,7 @@
       }
 
       .alert-container {
-        @apply px-12;
+        @apply pr-12;
       }
 
       .alert-dismiss {

data/app/components/coco/messaging/alert/alert.html.erb

@@ -4,7 +4,7 @@
   show: "!dismissed",
   cloak: (true if cloak?)
 }, class: {
-  "with-title": title?,
+  "with-title": title? && title.present?,
   "with-action": action? || secondary_action?,
   "vivid": vivid?
 }) do %>
@@ -15,13 +15,15 @@
     
     <div class="alert-body">
       <div class="alert-content" data-role="content">
-        <% if title? %>
+        <% if title? && title.present? %>
           <h4 class="alert-title"><%= title %></h4>
         <% end %>
 
-        <p class="alert-message"<% if single_line? %> x-dimensions="checkSingleLineWrap(dimensions)"<% end %>>
-          <%= message? ? message : content %>
-        </p>
+        <% if message? || content %>
+          <p class="alert-message"<% if single_line? %> x-dimensions="checkSingleLineWrap(dimensions)"<% end %>>
+            <%= message? ? message : content %>
+          </p>
+        <% end %>       
 
         <% if link? %>
           <div class="alert-link" data-role="link">

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

@@ -35,7 +35,7 @@ module Coco
       unless tag_attr?(:id)
         set_tag_attr(:id, "alert-#{rand(1000)}")
       end
-      with_title { @title } unless title?
+      with_title { @title } unless title? || title.nil?
     end
 
     def initialize(title: nil, **kwargs)

data/app/components/coco/messaging/notice/notice.rb

@@ -3,10 +3,10 @@ module Coco
     include Concerns::AcceptsOptions
     include Concerns::WrapsComponent
 
-    accepts_option :dismissable, from: [true, false], default: true
+    accepts_option :dismissable, from: [true, false], default: false
 
     wraps_component :alert do |args|
-      Coco::Alert.new(**args, dismissable: get_option_value(:dismissable))
+      Coco::Alert.new(**args, cloak: false, dismissable: get_option_value(:dismissable))
     end
 
     %i[title action secondary_action link].each do |slot_name|
@@ -16,7 +16,7 @@ module Coco
     end
 
     before_render do
-      with_title { @title } unless title?
+      with_title { @title } unless title? || @title.nil?
     end
 
     def initialize(title: nil, **kwargs)

data/app/components/coco/messaging/tooltip/tooltip.js

@@ -6,9 +6,7 @@ export default CocoComponent("tooltip", () => {
     init() {
       tippy(this.$el, {
         theme: "coco-tooltip",
-        appendTo: () => {
-          return this.$el.firstElementChild;
-        },
+        appendTo: () => document.body,
       });
     },
   };

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.17.4"
+  VERSION = "0.17.6"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.17.4
+  version: 0.17.6
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-04-10 00:00:00.000000000 Z
+date: 2024-04-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -28,16 +28,22 @@ dependencies:
   name: view_component
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.9'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 3.9.0
+        version: '3.13'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.9'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 3.9.0
+        version: '3.13'
 - !ruby/object:Gem::Dependency
   name: turbo-rails
   requirement: !ruby/object:Gem::Requirement