formstrap 0.4.2 → 0.4.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ee49a6e7a9f068d3403b4ebfd46c19cf07b6c293e8893f1e561e8ae20ed0af77
-  data.tar.gz: f85517d919e6c9360ac31c7f1aa7b8f2ff3705ea31a2a6a76f0b72ae82f58c30
+  metadata.gz: 9036a76a91e170b7fb332d006940db1273770254f9d26c090365c512ce0e0c16
+  data.tar.gz: 22433a20c6970ddcee18a5df637cc7a4506bc77d4516e73b3c39cc76af3026ab
 SHA512:
-  metadata.gz: ab80f8fd25603f0c9ce6f5ea6c92dc025b62f7b932f0b0e7bd7867bd4432845f902a6f5f7ba6492a6455ae9f3eb93fe411497a9dc2cf346538e3a610a05fd253
-  data.tar.gz: a5db302d1730c5f0cb801ddf248d24a0c5111ec0f8ae6d7aaa24d5a36c0e50913f1939a71df275c47429016162b59e47024a4be0e186e23b661c3393321cb9e4
+  metadata.gz: 733e8dc5350e55ae59df878de51daa8da355159eeccb7875ff5d9c0bfa19fafa7fc6019ed6e8779eca09a07a3657e451145f5e2c98d6f53e3bf91118ccda24d4
+  data.tar.gz: 3c39838520f7dc0d62bc010ca159e91c6df28e179c505c825362d50c941a9b972fb1845657352466e59517d3c903a27a9b86b60769392e4af7d77350c0e6d8ea

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/controllers/select_controller.js

@@ -3,6 +3,10 @@ import TomSelect from 'tom-select'
 import I18n from '../config/i18n'
 
 export default class extends Controller {
+  static values = {
+    selected: Array
+  }
+  
   connect () {
     if (this.element.hasAttribute('multiple') || this.element.dataset.tomSelect === 'true') {
       this.initTomSelect()
@@ -45,7 +49,10 @@ export default class extends Controller {
 
   initTomSelect () {
     const defaultOptions = this.defaultOptions()
-    const options = { create: this.hasTags() }
+    const options = { 
+      create: this.hasTags(),
+      items: this.selectedValue
+    }
 
     /* eslint-disable no-new */
     new TomSelect(this.element, { ...defaultOptions, ...options })

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);
   }
@@ -13429,10 +13435,16 @@ var select_controller_default = class extends Controller {
   }
   initTomSelect() {
     const defaultOptions = this.defaultOptions();
-    const options = { create: this.hasTags() };
+    const options = {
+      create: this.hasTags(),
+      items: this.selectedValue
+    };
     new import_tom_select.default(this.element, { ...defaultOptions, ...options });
   }
 };
+__publicField(select_controller_default, "values", {
+  selected: Array
+});
 
 // app/assets/javascripts/formstrap/controllers/textarea_controller.js
 var textarea_controller_default = class extends Controller {

data/app/models/formstrap/select_view.rb

@@ -47,7 +47,8 @@ module Formstrap
         class: [form_control_class, validation_class],
         data: {
           tags: tags,
-          controller: "select"
+          controller: "select",
+          "select_selected_value": select_options[:selected]
         },
         multiple: tags,
         placeholder: placeholder

data/lib/formstrap/version.rb

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

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontierdotbe/formstrap",
-  "version": "0.4.1",
+  "version": "0.4.4",
   "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.4
 platform: ruby
 authors:
 - Jef Vlamings
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-06-27 00:00:00.000000000 Z
+date: 2024-07-16 00:00:00.000000000 Z
 dependencies: []
 description: An extensive Bootstrap form library to power your Ruby On Rails application.
 email: