formstrap 0.4.2 → 0.4.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ee49a6e7a9f068d3403b4ebfd46c19cf07b6c293e8893f1e561e8ae20ed0af77
-  data.tar.gz: f85517d919e6c9360ac31c7f1aa7b8f2ff3705ea31a2a6a76f0b72ae82f58c30
+  metadata.gz: 50b7aa8b45373a4b43cd424293b56eeb64590fc55c065a9b651e5158109535fe
+  data.tar.gz: 7d1a6a62da8d0f14ff326b3613378b3f7c0f55362944923d2fab8a2d9e8668bc
 SHA512:
-  metadata.gz: ab80f8fd25603f0c9ce6f5ea6c92dc025b62f7b932f0b0e7bd7867bd4432845f902a6f5f7ba6492a6455ae9f3eb93fe411497a9dc2cf346538e3a610a05fd253
-  data.tar.gz: a5db302d1730c5f0cb801ddf248d24a0c5111ec0f8ae6d7aaa24d5a36c0e50913f1939a71df275c47429016162b59e47024a4be0e186e23b661c3393321cb9e4
+  metadata.gz: e9b5821af79d4065266e3a9e61e74fadc07588f04079ee00d273ddc722f8b2a6ecd31db3012019de739006bbcc90cb219f95fc2f9cb9ca215a8a0677d4bc66d5
+  data.tar.gz: e90836b7abe84b63a3cf7df7bb17df0e48ba9cdad8b7eb52b58e8304d19cbba459c12451f950df889035548432260b20a3306dd7b65533fc979266c9dc695acf

data/app/assets/javascripts/formstrap/controllers/media_controller.js

@@ -197,7 +197,8 @@ export default class extends Controller {
 
   createItem (item) {
     // Copy template
-    const templateHtml = this.templateTarget.innerHTML
+    let templateHtml = this.templateTarget
+    templateHtml = this.randomizeIds(templateHtml)
     this.thumbnailsTarget.insertAdjacentHTML('beforeend', templateHtml)
 
     // Set new values
@@ -217,6 +218,12 @@ export default class extends Controller {
     oldThumbnail.parentNode.replaceChild(newThumbnail, oldThumbnail)
   }
 
+  randomizeIds (template) {
+    const regex = new RegExp(template.dataset.templateIdRegex, 'g')
+    const randomNumber = crypto.randomUUID().substring(0, 8)
+    return template.innerHTML.replace(regex, randomNumber)
+  }
+
   removeAllDeselectedItems (items) {
     this.removeDeselectedItems(items, this.itemTargets)
   }

data/app/assets/javascripts/formstrap.js

@@ -11221,7 +11221,8 @@ var media_controller_default = class extends Controller {
     item.classList.remove("d-none");
   }
   createItem(item) {
-    const templateHtml = this.templateTarget.innerHTML;
+    let templateHtml = this.templateTarget;
+    templateHtml = this.randomizeIds(templateHtml);
     this.thumbnailsTarget.insertAdjacentHTML("beforeend", templateHtml);
     const newItem = this.itemTargets.pop();
     newItem.querySelector('input[name*="[blob_id]"]').value = item.blobId;
@@ -11234,6 +11235,11 @@ var media_controller_default = class extends Controller {
     const newThumbnail = item.thumbnail.cloneNode(true);
     oldThumbnail.parentNode.replaceChild(newThumbnail, oldThumbnail);
   }
+  randomizeIds(template) {
+    const regex = new RegExp(template.dataset.templateIdRegex, "g");
+    const randomNumber = crypto.randomUUID().substring(0, 8);
+    return template.innerHTML.replace(regex, randomNumber);
+  }
   removeAllDeselectedItems(items) {
     this.removeDeselectedItems(items, this.itemTargets);
   }

data/lib/formstrap/version.rb

@@ -1,3 +1,3 @@
 module Formstrap
-  VERSION = "0.4.2"
+  VERSION = "0.4.3"
 end

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontierdotbe/formstrap",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Bootstrap-powered Form Helpers",
   "module": "app/assets/javascripts/formstrap.js",
   "main": "app/assets/javascripts/formstrap.js",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: formstrap
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.4.3
 platform: ruby
 authors:
 - Jef Vlamings
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-06-27 00:00:00.000000000 Z
+date: 2024-07-08 00:00:00.000000000 Z
 dependencies: []
 description: An extensive Bootstrap form library to power your Ruby On Rails application.
 email: