beyond-rails 0.0.172 → 0.0.177

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 469a1f5d652f10d810b7c6575e9aa591a33a89434e6e84a7ea12884fa2d0a039
-  data.tar.gz: d16e57ce2b2891f61b7e76313ee595d1810ce15dfd802fcf1491fc9793242d52
+  metadata.gz: edb93ef99c3dedb899622911c44e1394c11892ec357817bd89f69437da2e2c28
+  data.tar.gz: 9ffa3851690aae9723208be83abba39743742e9413492563e739d360c26889fa
 SHA512:
-  metadata.gz: 40f79d566a84a068bdf3de167170290b7984b9d2164be04e43dcb3704cbbbe68c5380d8049aedc57012805a37c2ef6bfe8e9cbdc76f1d6fbb9902f02dffb16d4
-  data.tar.gz: 12a54452faa90d2944388dcd728539c714a319cd073cd3268005631b32918b20bd01d656aea63ade762e5eaad0d0bf5b42c5e7d61a5aa8137515fe2f3aa0fbaf
+  metadata.gz: a720ab5f813ac0738f91f2a3f89d8a0c5e55d9869bbb129271cfa27438a9455cf9087cdd6f4eba207398076f3dfedd8abf9f13245fe5de701965b4c19059997c
+  data.tar.gz: e376485f65d1d0adde8bc7a40f1d9501b87111f53d7e294ee36dbbcb91246409c12880fe2d62857f235d34d4fe367df2647381ab2eb26baa37ba47b5457ec3b4

data/src/js/components/Autocomplete.js

@@ -66,7 +66,6 @@ export default class Autocomplete {
     menu.on('click', index => {
       const { itemClick } = this.options
       if (typeof itemClick === 'function') {
-        clearTimeout(this._blurTimer)
         const value = itemClick(this.rows[index])
         this.dom.value = value
         this.menu.hide()
@@ -82,8 +81,13 @@ export default class Autocomplete {
       }
     })
 
-    this.addEvent(dom, 'blur', () => {
-      this._blurTimer = setTimeout(() => this.menu.hide(), 50)
+    this.addEvent(document, 'click', event => {
+      const { target } = event
+      const inInput = this.dom.contains(target)
+      const inMenu = this.menu.dom.contains(target)
+      if ((! inInput) && (! inMenu)) {
+        this.menu.hide()
+      }
     })
 
     this.addEvent(dom, 'keyup', debounce(() => {

data/src/js/components/AutocompleteMenu.js

@@ -1,6 +1,6 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
-import toPixel from '../utils/toPixel'
 import supportDom from '../utils/supportDom'
+import { toPixel } from '../utils'
 
 @supportDom
 export default class AutocompleteMenu {

data/src/js/components/Btn.js

@@ -1,5 +1,5 @@
 import supportDom from '../utils/supportDom'
-import toPixel from '../utils/toPixel'
+import { toPixel } from '../utils'
 
 @supportDom
 export default class Btn {

data/src/js/components/DateMenu.js

@@ -1,6 +1,4 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
-import range from '../utils/range'
-import toPixel from '../utils/toPixel'
 import isTouchDevice from '../utils/isTouchDevice'
 import dateLt from '../utils/dateLt'
 import dateEq from '../utils/dateEq'
@@ -15,10 +13,12 @@ import {
   getMonth,
   getYear,
   throttle,
+  range,
   set,
   startOfDay,
   startOfMonth,
   subMonths,
+  toPixel,
   format
 } from '../utils'
 import { DEFAULT_TIMEZONE, DEFAULT_LOCALE } from '../consts'
@@ -81,7 +81,7 @@ export default class DateMenu {
 
     const firstWeekday = getDay(startOfMonth(date))
     const beforeWeekday = ((firstWeekday - 1) === -1) ? 6 : (firstWeekday - 1)
-    const emptyHeadRows = range(1, beforeWeekday).map(toEmptyCell)
+    const emptyHeadRows = range(1, beforeWeekday + 1).map(toEmptyCell)
 
     const initialStartDate = startOfDay(startDate)
     const initialEndDate = startOfDay(endDate)
@@ -106,7 +106,7 @@ export default class DateMenu {
     }
     const today = formatDate(new Date())
 
-    const rows = range(1, daysInMonth).map(day => {
+    const rows = range(1, daysInMonth + 1).map(day => {
 
       const d = addDays(firstDateOfMonth, day - 1)
       const resCompareStart = compareAsc(startOfStartDate, d)
@@ -124,7 +124,7 @@ export default class DateMenu {
 
     const lastWeekday = getDay(endOfMonth(date))
     const emptyDays = ((7 - lastWeekday) % 7)
-    const emptyTailRows = range(1, emptyDays).map(toEmptyCell)
+    const emptyTailRows = range(1, emptyDays + 1).map(toEmptyCell)
 
     return emptyHeadRows.concat(rows).concat(emptyTailRows)
   }

data/src/js/components/Datepicker.js

@@ -97,12 +97,20 @@ export default class Datepicker {
     this.nextDate = res
   }
 
+  clearBlurTimer() {
+    if (this._blurTimer) {
+      clearTimeout(this._blurTimer)
+      this._blurTimer = null
+    }
+  }
+
   handleDateInputBlur() {
     const { nextDate, date, dateInput } = this
 
     if (date === null) {
       dateInput.setDate(null)
       this.timeInput && this.timeInput.setDate(null)
+      this._blurTimer = setTimeout(() => this.emitChange(), 50)
     }
     else if (nextDate) {
       this.date = nextDate
@@ -191,6 +199,8 @@ export default class Datepicker {
       event.stopPropagation()
       event.preventDefault()
 
+      this.clearBlurTimer()
+
       const { year, month, date } = res
       this.date = set(this.date || new Date(), { year, month, date })
       this.dateInput.setDate(this.date)

data/src/js/components/Dropdown.js

@@ -1,7 +1,6 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
-import toPixel from '../utils/toPixel'
 import supportDom from '../utils/supportDom'
-import { isFunction, throttle } from '../utils'
+import { isFunction, toPixel, throttle } from '../utils'
 
 @supportDom
 export default class Dropdown {

data/src/js/components/SearchDropdown.js

@@ -1,8 +1,7 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
-import toPixel from '../utils/toPixel'
 import supportDom from '../utils/supportDom'
 import getKey from '../utils/getKey'
-import { debounce, noop, throttle } from '../utils'
+import { debounce, noop, toPixel, throttle } from '../utils'
 
 const renderMenu = row => {
   return `<div class="search-dropdown-menu-item" data-item>${JSON.stringify(row)}</div>`

data/src/js/components/TimeMenu.js

@@ -1,7 +1,6 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
-import toPixel from '../utils/toPixel'
 import supportDom from '../utils/supportDom'
-import { getHours, getMinutes, range } from '../utils'
+import { getHours, getMinutes, range, toPixel } from '../utils'
 
 @supportDom
 export default class TimeMenu {

data/src/js/components/Tooltip.js

@@ -1,6 +1,6 @@
 import getFloatedTargetPos from '../utils/getFloatedTargetPos'
-import toPixel from '../utils/toPixel'
 import supportDom from '../utils/supportDom'
+import { toPixel } from '../utils'
 
 const TOOLTIP_PLACEMENTS = ['top', 'bottom', 'left', 'right']
 
@@ -65,6 +65,13 @@ export default class Tooltip {
     const { dom, tooltip } = this
     if ('onmouseover' in dom) {
       this.addEvent(dom, 'mouseover', () => {
+
+        const msg = this.dom.dataset.msg || ''
+
+        if (msg.length === 0) {
+          return
+        }
+
         this.setTooltipMsg()
 
         tooltip.style.opacity = 0

data/src/js/tests/utils/dateEq.test.js

@@ -0,0 +1,12 @@
+import { test } from '~/test/utils'
+import dateEq from '~/src/js/utils/dateEq'
+
+test('dateEq', t => {
+
+  // Sun Jul 12 2020 18:31:43 GMT+0800 (Taipei Standard Time)
+  const date1 = new Date(1594549903944)
+
+  // Sun Jul 12 2020 18:31:43 GMT+0800 (Taipei Standard Time)
+  const date2 = new Date(1594549903944)
+  t.true(dateEq(date1, date2))
+})

data/src/js/tests/utils/dateGt.test.js

@@ -0,0 +1,12 @@
+import { test } from '~/test/utils'
+import dateGt from '~/src/js/utils/dateGt'
+
+test('dateGt', t => {
+
+  // Sun Jul 12 2020 18:31:43 GMT+0800 (Taipei Standard Time)
+  const date1 = new Date(1594549903944)
+
+  // Mon Jul 13 2020 18:31:43 GMT+0800 (Taipei Standard Time)
+  const date2 = new Date(1594636303944)
+  t.true(dateGt(date2, date1))
+})

data/src/js/tests/utils/dateLt.test.js

@@ -0,0 +1,12 @@
+import { test } from '~/test/utils'
+import dateLt from '~/src/js/utils/dateLt'
+
+test('dateLt', t => {
+
+  // Sun Jul 12 2020 18:31:43 GMT+0800 (Taipei Standard Time)
+  const date1 = new Date(1594549903944)
+
+  // Mon Jul 13 2020 18:31:43 GMT+0800 (Taipei Standard Time)
+  const date2 = new Date(1594636303944)
+  t.true(dateLt(date1, date2))
+})

data/src/js/tests/utils/getKey.test.js

@@ -0,0 +1,25 @@
+import { test } from '~/test/utils'
+import getKey from '~/src/js/utils/getKey'
+
+test('getKey', t => {
+
+  const keyMap = {
+    13: 'enter',
+    17: 'ctrl',
+    27: 'esc',
+    38: 'up',
+    40: 'down',
+    70: 'f',
+    91: 'left-meta',
+    93: 'right-meta'
+  }
+
+  for (const [k, v] of Object.entries(keyMap)) {
+    const keyCode = parseInt(k, 10)
+    const event = { keyCode }
+    t.is(getKey(event), v)
+  }
+
+  // Return empty string when keyCode is not found.
+  t.is(getKey({ keyCode: 9999 }), '')
+})

data/src/js/tests/utils/msToS.test.js

@@ -0,0 +1,8 @@
+import { test } from '~/test/utils'
+import msToS from '~/src/js/utils/msToS'
+
+test('msToS', t => {
+  t.is(msToS(1000), 1)
+  t.is(msToS(1200), 1)
+  t.is(msToS(900), 0)
+})

data/src/js/utils/index.js

@@ -4,6 +4,7 @@ import getDomPos from '@superlanding/getdompos'
 import getScrollLeft from '@superlanding/getscrollleft'
 import getScrollTop from '@superlanding/getscrolltop'
 import timestampToDate from '@superlanding/timestamptodate'
+import toPixel from '@superlanding/topixel'
 
 // date-fns
 import addDays from 'date-fns/addDays'
@@ -40,6 +41,7 @@ export {
   getScrollLeft,
   getScrollTop,
   timestampToDate,
+  toPixel,
 
   // date-fns
   addDays,

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.172
+  version: 0.0.177
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-06-30 00:00:00.000000000 Z
+date: 2020-08-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -141,6 +141,11 @@ files:
 - src/js/polyfills/nodeContains.js
 - src/js/polyfills/nodeHasAttribute.js
 - src/js/polyfills/nodeRemove.js
+- src/js/tests/utils/dateEq.test.js
+- src/js/tests/utils/dateGt.test.js
+- src/js/tests/utils/dateLt.test.js
+- src/js/tests/utils/getKey.test.js
+- src/js/tests/utils/msToS.test.js
 - src/js/utils/bind.js
 - src/js/utils/dateEq.js
 - src/js/utils/dateGt.js
@@ -152,9 +157,7 @@ files:
 - src/js/utils/isTouchDevice.js
 - src/js/utils/msToS.js
 - src/js/utils/promisify.js
-- src/js/utils/range.js
 - src/js/utils/supportDom.js
-- src/js/utils/toPixel.js
 - src/js/utils/unbindAll.js
 - src/sass/_beyond-sprockets.scss
 - src/sass/_beyond.scss

data/src/js/utils/range.js

@@ -1,7 +0,0 @@
-export default function range(start, end) {
-  const arr = []
-  for (let i = start; i <= end; i++) {
-    arr.push(i)
-  }
-  return arr
-}

data/src/js/utils/toPixel.js

@@ -1,3 +0,0 @@
-export default function toPixel(num) {
-  return parseInt(num, 10) + 'px'
-}