coveragebook_components 0.17.3 → 0.17.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1fc0953881f78a258a61ca7b0f24ea84133a1f63046af384ea9d081cbc2db6d8
-  data.tar.gz: dfc32ff156d2b19aa5271e42a44c540e0337a9c1b0674d470e88e8b4c4e74845
+  metadata.gz: 6227c973acecf2be12aa99e46d6364995f9f1368ac315bf9a2be1595cb47fa5e
+  data.tar.gz: a8fa2844345495435d8e58749f898984bd53709e778608d2d350f2387f59c264
 SHA512:
-  metadata.gz: e4730eeebb41cd89b8bd77645fc50779339b83c3157bab022990d3bfcfcfae2a21b217d7f6d03f011830a6491623f5cfd8fe2529d4acf4625d878551ecf0a061
-  data.tar.gz: 3c0929b433a8eab7860b52107965f3cb7f5b481603e6d903cec8c2bf0554e2ee32f26cd0ac695a8074fceb6037682b413b89ab90957c8f28b2756e6be9785062
+  metadata.gz: ffd6148a8eac59cfed1beddf84cfe70fe016c274779d2a179c38840c3dcfea2b31a4b4d1951d63f7cbe2b9b4c32bdd5e2029a8a6aca4276e7da854908ccc3382
+  data.tar.gz: b3b05b9945f7ea8d5cf2974281829bf13f386459c479a5140bc42ab48dbc7409924d03ad3db308c6ab9e8763dfdef4ffcc5d5124db59ac2469b7ebfd00ae1703

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

@@ -4383,6 +4383,12 @@ select{
   opacity: 0
 }
 
+[data-coco][data-component="tooltip"] {
+    display: block;
+    width: -moz-fit-content;
+    width: fit-content;
+  }
+
 [data-coco][data-component="modal"]{
   position: fixed;
   inset: 0px;
@@ -6897,9 +6903,6 @@ select{
 
 .tippy-box[data-theme~="coco-tooltip"] .tippy-content{
   max-width: 240px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   padding-top: 0.5rem;

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

@@ -15415,7 +15415,7 @@ var alpine_default = import_alpinejs.default;
 // ../../../package.json
 var package_default = {
   name: "coveragebook-components",
-  version: "0.17.3",
+  version: "0.17.5",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -16358,8 +16358,24 @@ var toast_default = CocoComponent("toast", () => {
   };
 });
 
+// ../../components/coco/messaging/tooltip/tooltip.js
+var tooltip_exports = {};
+__export(tooltip_exports, {
+  default: () => tooltip_default2
+});
+var tooltip_default2 = CocoComponent("tooltip", () => {
+  return {
+    init() {
+      tippy_default(this.$el, {
+        theme: "coco-tooltip",
+        appendTo: () => document.body
+      });
+    }
+  };
+});
+
 // import-glob:/Users/mark/Code/coveragebook/coco/app/assets/js/base|@components/messaging/**/*.js
-var modules7 = [alert_exports, notice_exports, snackbar_exports, system_banner_exports, toast_exports];
+var modules7 = [alert_exports, notice_exports, snackbar_exports, system_banner_exports, toast_exports, tooltip_exports];
 var __default7 = modules7;
 
 // ../../components/coco/modals/modal/modal.js

data/app/assets/css/base/tippy.css

@@ -35,7 +35,7 @@
   @apply bg-background-dark-2 text-white label-sm rounded-lg shadow-xl;
 
   .tippy-content {
-    @apply px-3 py-2 truncate max-w-[240px];
+    @apply px-3 py-2 max-w-[240px];
   }
 
   /* arrow background */

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

@@ -0,0 +1,6 @@
+@layer components {
+  [data-coco][data-component="tooltip"] {
+    display: block;
+    width: fit-content;
+  }
+}

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

@@ -0,0 +1,3 @@
+<%= render component_tag(x:{data: "tooltip"}, data: {tippy_content: text}) do %>
+  <%= content %>
+<% end %>

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

@@ -0,0 +1,13 @@
+import { CocoComponent } from "@assets/js/coco/component";
+import tippy from "@js/base/tippy";
+
+export default CocoComponent("tooltip", () => {
+  return {
+    init() {
+      tippy(this.$el, {
+        theme: "coco-tooltip",
+        appendTo: () => document.body,
+      });
+    },
+  };
+});

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

@@ -0,0 +1,9 @@
+module Coco
+  class Tooltip < Coco::Component
+    attr_reader :text
+
+    def initialize(text:, **)
+      @text = text
+    end
+  end
+end

data/app/helpers/coco/components_helper.rb

@@ -146,6 +146,10 @@ module Coco
 
     # Messaging
 
+    def coco_tooltip(text, **, &)
+      render(Coco::Tooltip.new(text:, **), &)
+    end
+
     def coco_notice(**, &)
       render(Coco::Notice.new(**), &)
     end

data/lib/coco.rb

@@ -1,3 +1,3 @@
 module Coco
-  VERSION = "0.17.3"
+  VERSION = "0.17.5"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: coveragebook_components
 version: !ruby/object:Gem::Version
-  version: 0.17.3
+  version: 0.17.5
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-03-27 00:00:00.000000000 Z
+date: 2024-04-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1653,6 +1653,10 @@ files:
 - app/components/coco/messaging/toast/toast.html.erb
 - app/components/coco/messaging/toast/toast.js
 - app/components/coco/messaging/toast/toast.rb
+- app/components/coco/messaging/tooltip/tooltip.css
+- app/components/coco/messaging/tooltip/tooltip.html.erb
+- app/components/coco/messaging/tooltip/tooltip.js
+- app/components/coco/messaging/tooltip/tooltip.rb
 - app/components/coco/modals/modal/modal.css
 - app/components/coco/modals/modal/modal.html.erb
 - app/components/coco/modals/modal/modal.js