beyond-rails 0.0.263 → 0.0.268

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c68a62a7a7cb119c6c0b31ec428dca33fd34fafd15f78a57351a5f504c39bb54
-  data.tar.gz: 936f0f2f04b0340ac662e096688d517165628bbcd8bcd97d31c37c935f06a844
+  metadata.gz: a80d33b12a4f62600a763bcf01d21cd3e68cbd279e26c35c0ba87c995875c4fa
+  data.tar.gz: 1722caa06e09243aaec6dfc4e09f81bdd48e70245d9bb548709cd39809eb6c2c
 SHA512:
-  metadata.gz: 4540fa5e0475f803440896c5506207749ed03c85d84422a3640e1511fc1bec599b8f1914d7d0d1f678dee1aecf0b017870074f240ec61854d030871e3dc364cc
-  data.tar.gz: f5e971151429d2113f35ec0fcc7c89250d16571470a8ca534a8d0729f29016caa859556fe2b2555840755e900e3797f5cc0a5241e7ad6177baa169d34c3fa173
+  metadata.gz: 95830b23c996b9f04bebd8d8a0f0a4907d6c974f3eb0e9e24eb80bae26f8ad3a142743ace98ff3be2381126b449d34ad84e4dc8d1a0ded6d5bd0752947b6fda6
+  data.tar.gz: ed4b9a8faa36c1718ccfbdd15a55f8f04109179abaaddc5120ee037029632e577534f61f475acc8355f857f9c6cb700db18b01df0725ac1cff3342d373f4a4d3

data/src/js/components/Modal.js

@@ -59,6 +59,8 @@ export default class Modal {
 
     if (this.isVisible && html) {
       this.replace(html)
+      this.modal.classList.add('js-active')
+      this.modal.style.display = 'block'
       return this.triggerShowEventIfNeeded()
     }
 

data/src/js/components/TagInput.js

@@ -12,7 +12,6 @@ export default class TagInput {
     this.validate = options.validate || (() => ({ isTag: true }))
     this.suggest = options.suggest || noop
     this.change = options.change || noop
-    this.remove = options.remove || noop
     this.isComposing = false
     this.raf = raf
     this.id = 0
@@ -69,11 +68,11 @@ export default class TagInput {
     return nextWidth
   }
 
-  shake() {
+  shake(duration = 500) {
     this.dom.classList.add('shake')
     setTimeout(() => {
       this.dom.classList.remove('shake')
-    }, 500)
+    }, duration)
   }
 
   setTagAttrs(id, rows = [], options = {}) {
@@ -108,50 +107,63 @@ export default class TagInput {
     }
   }
 
-  getTag(inputValue, options = {}) {
+  getTag(row) {
 
     this.id += 1
 
     const id = this.id
-    const classname = options.classname ? ` ${options.classname}` : ''
+    const classname = row.classname ? ` ${row.classname}` : ''
     const tag = document.createElement('div')
 
     tag.className = 'tag' + classname
-    tag.textContent = inputValue
+    tag.textContent = row.text
 
     const btn = document.createElement('button')
     btn.type = 'button'
 
     // https://wesbos.com/times-html-entity-close-button
     btn.textContent = '×'
-    const handleBtnClick = () => {
+    const handleBtnClick = event => {
       this.tags = this.tags.filter(row => row.elem !== tag)
       btn.removeEventListener('click', handleBtnClick)
       tag.remove()
-      this.remove(id)
-      this.change(this.tags.slice())
+
+      if (event) {
+        this.change({
+          type: 'remove',
+          removedId: id,
+          tags: this.tags.slice()
+        })
+      }
     }
     btn.addEventListener('click', handleBtnClick)
     tag.appendChild(btn)
 
-    return { id, elem: tag, remove: handleBtnClick, options }
+    return { id, elem: tag, remove: handleBtnClick, ...row }
   }
 
   setTags(rows) {
+    this.tags.forEach(tag => tag.remove())
     const { dom, inputDiv } = this
-    const tags = rows.map(row => this.getTag(row.text, row))
+    const tags = rows.map(row => this.getTag(row))
     tags.forEach(tag => {
       dom.insertBefore(tag.elem, inputDiv)
     })
     this.tags = tags
-    this.change(this.tags.slice())
+    this.change({
+      type: 'set',
+      tags: this.tags.slice()
+    })
   }
 
-  addTag(inputValue, options = {}) {
-    const tag = this.getTag(inputValue, options)
+  addTag(row, type = 'add') {
+    const tag = this.getTag(row)
     this.tags.push(tag)
     this.dom.insertBefore(tag.elem, this.inputDiv)
-    this.change(this.tags.slice())
+    this.change({
+      type,
+      tags: this.tags.slice()
+    })
   }
 
   async addTagIfNeeded() {
@@ -163,7 +175,9 @@ export default class TagInput {
     }
     input.value = ''
     suggestInput.value = ''
-    this.addTag(inputValue, res)
+
+    const row = Object.assign({}, res, { text: inputValue })
+    this.addTag(row, 'input')
   }
 
   removeTagIfNeeded() {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.263
+  version: 0.0.268
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-03 00:00:00.000000000 Z
+date: 2020-12-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc