beyond-rails 0.0.250 → 0.0.251

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 322787a4c8946f84a187c1d8a6f61ae484e197a5295c872f63aa5cbc7ed43f91
-  data.tar.gz: 64d4fd67dd0c18f3441e3bc09d5d57c4ccb518e2368c5318a7654a025c97a7e9
+  metadata.gz: e7c25c8becf8350b03ce7b3be5e10d7aa6a5e7c748609be8c6004066dfb1b4e2
+  data.tar.gz: 60db926a555eecbd5ab96f3d7018909eb071c35e5415da248c0b8265812fb6f9
 SHA512:
-  metadata.gz: 787409b5d76b822cc1cb20494c71892c48a4277edc0de48f70ccaba4180ccb473f4c88d09cb988015cf3355c9a0e3f48e48f09a439edeb76f5266c104e6f7e11
-  data.tar.gz: db95d7c2437ddebab2e7da69ce48c88fc612b4fc72784ec83cc800ed138339fff8db27a54cc7b8743d2c3175066748b6c069b41832d063dd30bb0feec98a1b3d
+  metadata.gz: f1d4b5d3497fb25c8fe860f73d8cc0428253d05621e110acbbe4a5099ecb96c17c96ba5628d31f272056c336d86db5fa28622efd2ca0d549cdf55509b271d4f1
+  data.tar.gz: d84d78e047382a8c69af7fa8f8826103ae1a3b4bc8705b5ca070015e0b90fbd408a61d2fc8e558bd4629bb36584f74e1d62352bd2bde6e4dd2ed78e776da3d48

data/src/js/components/TagInput.js

@@ -14,6 +14,7 @@ export default class TagInput {
     this.change = options.change || noop
     this.isComposing = false
     this.raf = raf
+    this.id = 0
     this.tags = []
     this.init()
   }
@@ -74,6 +75,24 @@ export default class TagInput {
     }, 500)
   }
 
+  setTag(id, options = {}) {
+    const tag = this.tags.find(tag => tag.id === id)
+    if (! tag) {
+      return
+    }
+    if (options.classname) {
+      const originalClassname = tag.elem.className
+      tag.elem.className = options.classname
+      if (options.classnameTimeout) {
+        setTimeout(() => {
+          if (document.body.contains(tag.elem)) {
+            tag.elem.className = originalClassname
+          }
+        }, options.classnameTimeout)
+      }
+    }
+  }
+
   addTag(inputValue, res) {
     const classname = res.classname ? ` ${res.classname}` : ''
     const tag = document.createElement('div')
@@ -95,7 +114,8 @@ export default class TagInput {
     btn.addEventListener('click', handleBtnClick)
     tag.appendChild(btn)
 
-    this.tags.push({ elem: tag, remove: handleBtnClick, res })
+    this.id += 1
+    this.tags.push({ id: this.id, elem: tag, remove: handleBtnClick, res })
     this.dom.insertBefore(tag, this.inputDiv)
   }
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.250
+  version: 0.0.251
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-19 00:00:00.000000000 Z
+date: 2020-11-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc