formstrap 0.4.3 → 0.4.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 50b7aa8b45373a4b43cd424293b56eeb64590fc55c065a9b651e5158109535fe
-  data.tar.gz: 7d1a6a62da8d0f14ff326b3613378b3f7c0f55362944923d2fab8a2d9e8668bc
+  metadata.gz: '0379b9b80ad9551b56d07884264fcc37132b72d5539976ec4034800a09adaeb2'
+  data.tar.gz: bbd8d0892fce51fa07375b3e6a414e169344825f5da142c5a06ab87a7696424b
 SHA512:
-  metadata.gz: e9b5821af79d4065266e3a9e61e74fadc07588f04079ee00d273ddc722f8b2a6ecd31db3012019de739006bbcc90cb219f95fc2f9cb9ca215a8a0677d4bc66d5
-  data.tar.gz: e90836b7abe84b63a3cf7df7bb17df0e48ba9cdad8b7eb52b58e8304d19cbba459c12451f950df889035548432260b20a3306dd7b65533fc979266c9dc695acf
+  metadata.gz: '0788d10916489c6fabe8798a87ffa10a75d46a4e57a2cd8c73455cc64630414ebbdbcfe213041437b22d108df2a3fa986e3692e8ea46ba25fdc28bb068142a42'
+  data.tar.gz: 3fba876a0ce0c7be868100726d60af6b1b5aae1b8af675e4861b9ba016405920b1ff35f537a12ce9aa10865fb1e599662170446d999a9bc6e69752f9cf2dc252

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/vendor/redactor/plugins/linkstyles.js

@@ -31,11 +31,13 @@ Redactor.add('plugin', 'linkstyles', {
       }
     },
     'link.change': function (e) {
-      const link = e.params.element.nodes[0]
+      let link = e.params.element.nodes[0]
+      link = this.ensureValidProtocol(link)
       this.applyStylingToLink(link)
     },
     'link.add': function (e) {
-      const link = e.params.element.nodes[0]
+      let link = e.params.element.nodes[0]
+      link = this.ensureValidProtocol(link)
       this.applyStylingToLink(link)
     }
   },
@@ -47,6 +49,7 @@ Redactor.add('plugin', 'linkstyles', {
     const stack = this.app.modal.getStack()
 
     const item = stack.getFormItem('url')
+
     const box = this.dom('<div>').addClass('rx-form-item')
 
     // Add a select
@@ -69,6 +72,18 @@ Redactor.add('plugin', 'linkstyles', {
       link.classList.add(className)
     })
   },
+  ensureValidProtocol (link) {
+    let url = link.getAttribute('href')
+
+    // Match valid protocols
+    const regex = /^(https?:\/\/|mailto:|ftp:\/\/)/i
+    if (!regex.test(url)) {
+      url = `https://${url}`
+    }
+
+    link.setAttribute('href', url)
+    return link
+  },
   buildSelect () {
     // Create a select node
     const select = this.dom('<select>').addClass('rx-form-select')

data/app/assets/javascripts/formstrap.js

@@ -13435,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 {
@@ -14456,11 +14462,13 @@ Redactor.add("plugin", "linkstyles", {
       }
     },
     "link.change": function(e) {
-      const link = e.params.element.nodes[0];
+      let link = e.params.element.nodes[0];
+      link = this.ensureValidProtocol(link);
       this.applyStylingToLink(link);
     },
     "link.add": function(e) {
-      const link = e.params.element.nodes[0];
+      let link = e.params.element.nodes[0];
+      link = this.ensureValidProtocol(link);
       this.applyStylingToLink(link);
     }
   },
@@ -14484,6 +14492,15 @@ Redactor.add("plugin", "linkstyles", {
       link.classList.add(className);
     });
   },
+  ensureValidProtocol(link) {
+    let url = link.getAttribute("href");
+    const regex = /^(https?:\/\/|mailto:|ftp:\/\/)/i;
+    if (!regex.test(url)) {
+      url = `https://${url}`;
+    }
+    link.setAttribute("href", url);
+    return link;
+  },
   buildSelect() {
     const select = this.dom("<select>").addClass("rx-form-select");
     const items = this.opts.get("linkstyles.items");

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/app/views/formstrap/_link.html.erb

@@ -0,0 +1,3 @@
+<%= link_to url, options do %>
+  <%= yield %>
+<% end %>

data/lib/formstrap/form_builder.rb

@@ -11,15 +11,15 @@ module Formstrap
       render_input(:association, attribute, options)
     end
 
-    def preview_button(value = nil, options = {}, &block)
+    def preview_button(url = nil, options = {}, &block)
       default_options = {
         data: {
           controller: "preview",
-          "preview-url-value": options[:url]
-        },
-        type: nil
+          preview_url_value: url
+        }
       }
-      button value, default_options.deep_merge(options.except(:url)), &block
+
+      @template.render("formstrap/link", form: self, url: url, options: default_options.deep_merge(options), &block)
     end
 
     def checkbox(attribute, formstrap: true, **options)

data/lib/formstrap/version.rb

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

data/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontierdotbe/formstrap",
-  "version": "0.4.3",
+  "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.3
+  version: 0.4.5
 platform: ruby
 authors:
 - Jef Vlamings
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-07-08 00:00:00.000000000 Z
+date: 2024-11-21 00:00:00.000000000 Z
 dependencies: []
 description: An extensive Bootstrap form library to power your Ruby On Rails application.
 email:
@@ -142,6 +142,7 @@ files:
 - app/views/formstrap/_hint.html.erb
 - app/views/formstrap/_input_group.html.erb
 - app/views/formstrap/_label.html.erb
+- app/views/formstrap/_link.html.erb
 - app/views/formstrap/_media.html.erb
 - app/views/formstrap/_number.html.erb
 - app/views/formstrap/_password.html.erb