plutonium 0.15.11 → 0.15.12

data/app/views/plutonium/_flash_alerts.html.erb

@@ -20,7 +20,6 @@
 %>
 
 <div data-controller="resource-dismiss"
-    data-resource-dismiss-target="target"
     data-resource-dismiss-after-value="6000"
     class="flex items-center p-4 mb-4 text-<%= color %>-800 rounded-lg bg-<%= color %>-50 dark:bg-stone-300 dark:text-<%= color %>-400"
     role="alert">
@@ -45,7 +44,7 @@
   <div class="ms-3 text-sm font-normal"><%= msg %></div>
   <button type="button"
     class="ms-auto -mx-1.5 -my-1.5 bg-<%= color %>-50 text-<%= color %>-500 rounded-lg focus:ring-2 focus:ring-<%= color %>-400 p-1.5 hover:bg-<%= color %>-200 inline-flex items-center justify-center h-8 w-8 dark:bg-stone-300 dark:text-<%= color %>-400 dark:hover:bg-gray-700"
-    data-resource-dismiss-target="trigger"
+    data-action="click->resource-dismiss#dismiss"
     aria-label="Close">
       <span class="sr-only">Close</span>
       <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">

data/app/views/plutonium/_flash_toasts.html.erb

@@ -19,7 +19,6 @@
 %>
 
 <div data-controller="resource-dismiss"
-    data-resource-dismiss-target="target"
     data-resource-dismiss-after-value="6000"
     class="fixed z-50 top-16 inset-x-0 mx-auto flex items-center w-full max-w-md p-4 text-gray-500 bg-<%= color %>-50 rounded-lg shadow dark:text-<%= color %>-400 dark:bg-gray-800 dark:border dark:border-gray-700 dark:shadow-none"
     role="alert">
@@ -47,7 +46,7 @@
   <div class="ms-3 text-sm font-normal"><%= msg %></div>
   <button type="button"
     class="ms-auto -mx-1.5 -my-1.5 bg-<%= color %>-50 text-<%= color %>-400 rounded-lg focus:ring-2 focus:ring-<%= color %>-400 p-1.5 hover:bg-<%= color %>-200 inline-flex items-center justify-center h-8 w-8 dark:text-<%= color %>-400 dark:bg-gray-800 dark:hover:bg-gray-700"
-    data-resource-dismiss-target="trigger"
+    data-action="click->resource-dismiss#dismiss"
     aria-label="Close">
       <span class="sr-only">Close</span>
       <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">

data/lib/plutonium/ui/dyna_frame/host.rb

@@ -12,7 +12,7 @@ module Plutonium
         end
 
         def view_template(&)
-          turbo_frame_tag(@id, src: @src, loading: @loading, **@attributes, class: 'dyna', &)
+          turbo_frame_tag(@id, src: @src, loading: @loading, **@attributes, class: "dyna", refresh: "morph", &)
         end
       end
     end

data/lib/plutonium/version.rb

@@ -1,5 +1,5 @@
 module Plutonium
-  VERSION = "0.15.11"
+  VERSION = "0.15.12"
   NEXT_MAJOR_VERSION = VERSION.split(".").tap { |v|
     v[1] = v[1].to_i + 1
     v[2] = 0

data/src/js/controllers/resource_dismiss_controller.js

@@ -1,11 +1,7 @@
 import { Controller } from "@hotwired/stimulus"
-import { Dismiss } from 'flowbite';
-
 
 // Connects to data-controller="resource-dismiss"
 export default class extends Controller {
-  static targets = ["trigger", "target"]
-
   static values = {
     after: Number,
   }
@@ -13,14 +9,9 @@ export default class extends Controller {
   connect() {
     console.log(`resource-dismiss connected: ${this.element}`)
 
-    // https://flowbite.com/docs/components/alerts/#javascript-behaviour
-    this.dismiss = new Dismiss(this.targetTarget, this.triggerTarget);
-
-    console.log(this.hasAfterValue)
-    console.log(this.afterValue)
     if (this.hasAfterValue && this.afterValue > 0) {
       this.autoDismissTimeout = setTimeout(() => {
-        this.hide()
+        this.dismiss()
         this.autoDismissTimeout = null
       }, this.afterValue);
     }
@@ -29,11 +20,10 @@ export default class extends Controller {
   disconnect() {
     if (this.autoDismissTimeout) clearTimeout(this.autoDismissTimeout)
 
-    this.dismiss = null
     this.autoDismissTimeout = null
   }
 
-  hide() {
-    this.dismiss.hide()
+  dismiss() {
+    this.element.remove()
   }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: plutonium
 version: !ruby/object:Gem::Version
-  version: 0.15.11
+  version: 0.15.12
 platform: ruby
 authors:
 - Stefan Froelich