coveragebook_components 0.17.3 → 0.17.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1fc0953881f78a258a61ca7b0f24ea84133a1f63046af384ea9d081cbc2db6d8
-  data.tar.gz: dfc32ff156d2b19aa5271e42a44c540e0337a9c1b0674d470e88e8b4c4e74845
+  metadata.gz: 640690640d1cb09848352d16bf5eab6b24525775a46bff8773c316eadc349333
+  data.tar.gz: 64520da2e244704072216713b5d08376b468015145850bdf393f6636b73a4dd1
 SHA512:
-  metadata.gz: e4730eeebb41cd89b8bd77645fc50779339b83c3157bab022990d3bfcfcfae2a21b217d7f6d03f011830a6491623f5cfd8fe2529d4acf4625d878551ecf0a061
-  data.tar.gz: 3c0929b433a8eab7860b52107965f3cb7f5b481603e6d903cec8c2bf0554e2ee32f26cd0ac695a8074fceb6037682b413b89ab90957c8f28b2756e6be9785062
+  metadata.gz: dd6d5464840a829d94a91093897bebc91c0af1c73d64729088a4563fe89b8f00e401c245067e8c95f50d878fb8ac6af7e394fbbe2022f28113f196fa5573a6f2
+  data.tar.gz: edda3f86449b0cf48c5c2811a4ee9b61b3c5b706727fe8e8259abebf34135e235489d6288cea5cd533ad8401ba3069c7044422a604dd29e82e4dfeb51aabfeeb

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.4",
   repository: "git@github.com:coveragebook/coco.git",
   license: "NO LICENSE",
   author: "Mark Perkins <mark@coveragebook.com>",
@@ -16358,8 +16358,26 @@ 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: () => {
+          return this.$el.firstElementChild;
+        }
+      });
+    }
+  };
+});
+
 // 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,15 @@
+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: () => {
+          return this.$el.firstElementChild;
+        },
+      });
+    },
+  };
+});

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.4"
 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.4
 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