beyond-rails 0.0.259 → 0.0.264

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e03fe184dcca8afa039c779b645835e3ab424f10e59719a18bfcf3ed2f8a1879
-  data.tar.gz: 405e4401b7199efcb2d60ff7f97c5a5944dfe728f7d13057b6a8a51dc618d09d
+  metadata.gz: c50569e664c1fcbed09ffbded0db57abcf311f9a04254dbd772cefbaafe04c2e
+  data.tar.gz: e2dc759c9069a62eb43b65864469b865f6812c7447772fc91e20531058746c25
 SHA512:
-  metadata.gz: 38c4fcc741eaaa7cfbee14504022533b83a0ec31bd9f53b4e8c3a0be101ce422b2fbfdb51fbf2e6630014636acad13a02ccfc6c5f7bd91243e5af286923e359f
-  data.tar.gz: 2557d50ab4980612f5e1c95dde716a82047c3f649a492be90340b8b873a4073489c1792191da9420f1763caa97f9a29be3388a2d24b25aecfe55d426a3568346
+  metadata.gz: 0b84f7ff5b00eb96a30fd9baf13b91be6e22dd10e3f521d89b33ba6e2b2dd403dceec22db65cf730bf78800a8596b15fdf9f69a7e1f79606e02e3aa551156cb8
+  data.tar.gz: 9bc478bdf05fe67768bddea72550587d0b5964ef2b20078a0779bd57a7c3bf239ad807cd361bb5dc2c71ce6fa7b25f5ac1ea18af26fea211d74a742649512314

data/src/js/components/SearchDropdown.js

@@ -107,6 +107,7 @@ export default class SearchDropdown {
     menu.dataset.place = this.place
     menu.dataset.align = this.align
     this.isMenuVisible = false
+    this.lastKeyword = null
   }
 
   showMenu() {

data/src/js/components/TagInput.js

@@ -68,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 = {}) {
@@ -107,46 +107,63 @@ export default class TagInput {
     }
   }
 
-  getTag(inputValue, options = {}) {
+  getTag(row) {
 
-    const classname = options.classname ? ` ${options.classname}` : ''
+    this.id += 1
+
+    const id = this.id
+    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.change(this.tags.slice())
+
+      if (event) {
+        this.change({
+          type: 'remove',
+          removedId: id,
+          tags: this.tags.slice()
+        })
+      }
     }
     btn.addEventListener('click', handleBtnClick)
     tag.appendChild(btn)
-    this.id += 1
 
-    return { id: this.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({
+      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() {
@@ -158,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() {

data/src/sass/base/_typography.scss

@@ -33,19 +33,19 @@ h6 {
 }
 
 .txt-primary {
-  color: $txt-color-primary;
+  color: $txt-color-primary !important;
 }
 .txt-secondary {
-  color: $txt-color-secondary;
+  color: $txt-color-secondary !important;
 }
 .txt-success {
-  color: $txt-color-success;
+  color: $txt-color-success !important;
 }
 .txt-warn {
-  color: $txt-color-warn;
+  color: $txt-color-warn !important;
 }
 .txt-danger {
-  color: $txt-color-danger;
+  color: $txt-color-danger !important;
 }
 
 .txt-white {

metadata

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