beyond-rails 0.0.245 → 0.0.250

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 14a11baddc8aa18a29a74c0774442e2b5486b49ad44a7e435497176aa8a0c230
-  data.tar.gz: 92a0ac4ab51c30bac1f93cc092bb05c6ac4fd4e0c53eb792b983e967dd77f0a9
+  metadata.gz: 322787a4c8946f84a187c1d8a6f61ae484e197a5295c872f63aa5cbc7ed43f91
+  data.tar.gz: 64d4fd67dd0c18f3441e3bc09d5d57c4ccb518e2368c5318a7654a025c97a7e9
 SHA512:
-  metadata.gz: 480156108ca39681b88309ac8554648af5d2aa47dfcf9ee077a940f19f4fd87de40a3a630d5a9b81a3a5244529ca07d377ef94f7ff64a3189bd6a065e76c0cff
-  data.tar.gz: 1b458994269fcc000dd7e5b670e7c69cb816fe56e251a51b55ff7ce78a6925c6951df7897c1f21e86dc5d130def90f4d71c60167ec515ff1b3c0eb4d3cf1c482
+  metadata.gz: 787409b5d76b822cc1cb20494c71892c48a4277edc0de48f70ccaba4180ccb473f4c88d09cb988015cf3355c9a0e3f48e48f09a439edeb76f5266c104e6f7e11
+  data.tar.gz: db95d7c2437ddebab2e7da69ce48c88fc612b4fc72784ec83cc800ed138339fff8db27a54cc7b8743d2c3175066748b6c069b41832d063dd30bb0feec98a1b3d

data/src/font/beyond.svg

@@ -142,4 +142,6 @@
 <glyph unicode="&#xe984;" glyph-name="expand" d="M511.868-65.382h-0.845c-14.249 0.040-27.086 6.057-36.136 15.676-0.801 0.713-1.585 1.457-2.35 2.231l-343.999 348.25c-19.309 19.548-19.115 51.047 0.432 70.356s51.047 19.115 70.356-0.432l262.305-265.547 1.213 575.831c0.058 27.476 22.379 49.703 49.855 49.645s49.703-22.379 49.645-49.855l-1.215-576.566 263.564 266.512c19.32 19.536 50.82 19.712 70.356 0.391s19.712-50.82 0.391-70.356l-347.473-351.359c-9.914-10.025-23.035-14.952-36.101-14.777v0zM143.131 880c-16.089 0-29.131 17.909-29.131 40s13.042 40 29.131 40h737.738c16.089 0 29.131-17.909 29.131-40s-13.042-40-29.131-40h-737.738z" />
 <glyph unicode="&#xe985;" glyph-name="shrink" d="M511.868 733.382c13.066 0.174 26.187-4.752 36.101-14.777l347.473-351.359c19.32-19.536 19.145-51.036-0.391-70.356s-51.036-19.145-70.356 0.391l-263.564 266.512 1.215-576.566c0.058-27.476-22.169-49.797-49.645-49.855s-49.797 22.169-49.855 49.646l-1.213 575.831-262.305-265.547c-19.309-19.548-50.808-19.741-70.356-0.432s-19.741 50.808-0.432 70.356l343.999 348.25c0.765 0.774 1.548 1.518 2.35 2.231 9.050 9.619 21.887 15.636 36.136 15.676h0.845zM143.131 880c-16.089 0-29.131 17.909-29.131 40s13.042 40 29.131 40h737.738c16.089 0 29.131-17.909 29.131-40s-13.042-40-29.131-40h-737.738z" />
 <glyph unicode="&#xe986;" glyph-name="brush-alt" d="M895.693 940.743c39.535 21.353 73.331 18.001 101.388-10.056s31.529-61.973 10.415-101.747c-143.315-175.012-239.296-288.064-287.944-339.154-72.972-76.635-157.854-139.003-163.736-133.121-6.569 6.569-118.875 118.875-132.999 132.999 0 0-26.317 11.172 133.364 163.493 106.454 101.547 219.625 197.409 339.512 287.586zM354.82 430.539c43.447-43.447 87.986-87.092 133.617-130.937 0.461-110.050-52.691-190.068-159.457-240.055s-216.426 4.111-328.98 162.293c77.634-4.996 125.092 4.308 142.375 27.91 26.195 35.773 7.996 84.241 73.273 146.441 36.047 34.348 107.648 34.348 139.172 34.348z" />
+<glyph unicode="&#xe999;" glyph-name="bug" d="M1024 384v64h-193.29c-5.862 72.686-31.786 139.026-71.67 192.25h161.944l70.060 280.24-62.090 15.522-57.94-231.76h-174.68c-0.892 0.694-1.796 1.374-2.698 2.056 6.71 19.502 10.362 40.422 10.362 62.194 0.002 105.76-85.958 191.498-191.998 191.498s-192-85.738-192-191.5c0-21.772 3.65-42.692 10.362-62.194-0.9-0.684-1.804-1.362-2.698-2.056h-174.68l-57.94 231.76-62.090-15.522 70.060-280.24h161.944c-39.884-53.222-65.806-119.562-71.668-192.248h-193.29v-64h193.37c3.802-45.664 15.508-88.812 33.638-127.75h-123.992l-70.060-280.238 62.090-15.524 57.94 231.762h112.354c58.692-78.032 147.396-127.75 246.66-127.75s187.966 49.718 246.662 127.75h112.354l57.94-231.762 62.090 15.524-70.060 280.238h-123.992c18.13 38.938 29.836 82.086 33.636 127.75h193.37z" />
+<glyph unicode="&#xe9b3;" glyph-name="target1" d="M1024 512h-100.924c-27.64 178.24-168.836 319.436-347.076 347.076v100.924h-128v-100.924c-178.24-27.64-319.436-168.836-347.076-347.076h-100.924v-128h100.924c27.64-178.24 168.836-319.436 347.076-347.076v-100.924h128v100.924c178.24 27.64 319.436 168.836 347.076 347.076h100.924v128zM792.822 512h-99.762c-19.284 54.55-62.51 97.778-117.060 117.060v99.762c107.514-24.49 192.332-109.31 216.822-216.822zM512 384c-35.346 0-64 28.654-64 64s28.654 64 64 64c35.346 0 64-28.654 64-64s-28.654-64-64-64zM448 728.822v-99.762c-54.55-19.282-97.778-62.51-117.060-117.060h-99.762c24.49 107.512 109.31 192.332 216.822 216.822zM231.178 384h99.762c19.282-54.55 62.51-97.778 117.060-117.060v-99.762c-107.512 24.49-192.332 109.308-216.822 216.822zM576 167.178v99.762c54.55 19.284 97.778 62.51 117.060 117.060h99.762c-24.49-107.514-109.308-192.332-216.822-216.822z" />
 </font></defs></svg>

data/src/js/components/MonthInput.js

@@ -0,0 +1,75 @@
+import { DEFAULT_TIMEZONE } from '../consts'
+import supportDom from '../decorators/supportDom'
+import isTouchDevice from '../utils/isTouchDevice'
+import { format } from '../utils'
+
+@supportDom
+export default class MonthInput {
+
+  constructor(dom, date, options = {}) {
+    this.active = false
+    this.danger = false
+    this.dom = dom
+    this.date = date
+    this.options = options
+    this.tz = options.tz || DEFAULT_TIMEZONE
+    this.datePattern = options.datePattern || 'yyyy/MM'
+    this.init()
+  }
+
+  focus() {
+    this.dom.focus()
+  }
+
+  init() {
+    this.initInput()
+    this.addEvents()
+  }
+
+  initInput() {
+    const { dom } = this
+    if (this.date) {
+      dom.value = this.format(this.date)
+    }
+    if (! dom.hasAttribute('placeholder')) {
+      dom.setAttribute('placeholder', this.datePattern.toUpperCase())
+    }
+    if (isTouchDevice()) {
+      dom.setAttribute('readonly', 'readonly')
+    }
+  }
+
+  format(date) {
+    return format(date, this.datePattern, { timezone: this.tz })
+  }
+
+  setDate(date) {
+    this.date = date
+    this.dom.value = date ? this.format(date) : ''
+  }
+
+  setActive(active) {
+    this.active = active
+    const func = active ? 'add' : 'remove'
+    this.dom.classList[func]('active')
+  }
+
+  setDanger(danger) {
+    this.danger = danger
+    const func = danger ? 'add' : 'remove'
+    this.dom.classList[func]('danger')
+  }
+
+  clearStatus() {
+    this.setActive(false)
+    this.setDanger(false)
+  }
+
+  addEvents() {
+    const { dom } = this
+    this.addEvent(dom, 'click', event => this.fire('click', event))
+    this.addEvent(dom, 'focus', event => this.fire('focus', event))
+    this.addEvent(dom, 'keyup', event => this.fire('keyup', event))
+    this.addEvent(dom, 'blur', event => this.fire('blur', event))
+  }
+}

data/src/js/components/MonthMenu.js

@@ -0,0 +1,276 @@
+import supportDom from '../decorators/supportDom'
+import getFloatedTargetPos from '../utils/getFloatedTargetPos'
+import isTouchDevice from '../utils/isTouchDevice'
+import { DEFAULT_TIMEZONE, DEFAULT_LOCALE } from '../consts'
+import {
+  chunk,
+  format,
+  range,
+  isFuture,
+  setYear,
+  setMonth,
+  getYear,
+  getMonth,
+  addYears,
+  toPixel,
+  subYears,
+  noop
+} from '../utils'
+
+@supportDom
+export default class MonthMenu {
+
+  constructor(options = {}) {
+    const { dom, date } = options
+    this.container = dom
+    this.date = date
+    this.menuDate = this.date || new Date()
+    this.options = options
+    this.tz = options.tz || DEFAULT_TIMEZONE
+    this.locale = options.locale || DEFAULT_LOCALE
+    this.noFuture = options.noFuture || true
+    this.change = options.change || noop
+    this.isVisible = false
+    this.loopIndex = 0
+    this.init()
+  }
+
+  init() {
+    this.addMenu()
+    this.addEvents()
+  }
+
+  renderTableContent() {
+    const { date, menuDate, locale, noFuture } = this
+
+    const currentYear = date ? getYear(date) : null
+    const currentMonth = date ? getMonth(date) : null
+
+    return chunk(range(0, 12), 3)
+      .map(months => {
+        const tds = months.map(month => {
+          const d = setMonth(menuDate, month)
+          const text = format(d, 'MMM', { locale })
+
+          const isCurrentMonth = (currentYear === getYear(d)) && (currentMonth === getMonth(d))
+
+          let classname = 'cell'
+
+          if (isCurrentMonth) {
+            classname = 'cell selected-ex'
+          }
+          else if (noFuture && isFuture(d)) {
+            classname = 'cell js-disabled'
+          }
+
+          return `<td class="${classname}" data-month-td="${month}">${text}</td>`
+        }).join('')
+        return `<tr>${tds}</tr>`
+      })
+      .join('')
+  }
+
+  updateTableContent() {
+    this.table.innerHTML = this.renderTableContent()
+  }
+
+  addMenu() {
+    const { container } = this
+    const dom = document.createElement('div')
+    dom.classList.add('month-menu')
+
+    if (container) {
+      dom.classList.add('static')
+    }
+    const title = getYear(this.menuDate)
+    dom.innerHTML = `
+      <div class="month-menu-content">
+        <div class="month-menu-caption">
+          <button class="month-menu-caption-btn"
+                  type="button"
+                  data-prev-month-btn>
+            <i class="icon-chevron-left"></i>
+          </button>
+          <div data-month-menu-title>${title}</div>
+          <button class="month-menu-caption-btn"
+                  type="button"
+                  data-next-month-btn>
+            <i class="icon-chevron-right"></i>
+          </button>
+        </div>
+        <table class="month-menu-table"
+               data-month-table>
+          ${this.renderTableContent()}
+        </table>
+      </div>
+    `
+    if (container) {
+      container.appendChild(dom)
+    }
+    else {
+      document.body.appendChild(dom)
+    }
+    this.menuTitle = dom.querySelector('[data-month-menu-title]')
+    this.prevBtn = dom.querySelector('[data-prev-month-btn]')
+    this.nextBtn = dom.querySelector('[data-next-month-btn]')
+    this.table = dom.querySelector('[data-month-table]')
+    this.dom = dom
+  }
+
+  setTitle(date) {
+    this.menuTitle.textContent = getYear(date)
+  }
+
+  addYear(year = 1) {
+    this.menuDate = addYears(this.menuDate, year)
+    this.setTitle(this.menuDate)
+    this.updateTableContent()
+  }
+
+  addYearLoop() {
+    const duration = (this.loopIndex === 0) ? 500 : 100
+    this.addYearTimer = setTimeout(() => {
+      this.loopIndex += 1
+      const year = parseInt((this.loopIndex / 5) + 1, 10)
+      this.addYear(year)
+      this.addYearLoop()
+    }, duration)
+  }
+
+  clearAddYearLoop() {
+    clearTimeout(this.addYearTimer)
+    this.loopIndex = 0
+  }
+
+  subYear(year = 1) {
+    this.menuDate = subYears(this.menuDate, year)
+    this.setTitle(this.menuDate)
+    this.updateTableContent()
+  }
+
+  subYearLoop() {
+    const duration = (this.loopIndex === 0) ? 500 : 100
+    this.subYearTimer = setTimeout(() => {
+      this.loopIndex += 1
+      const year = parseInt((this.loopIndex / 5) + 1, 10)
+      const currentYear = getYear(this.menuDate)
+      if ((currentYear - year) > 0) {
+        this.subYear(year)
+        this.subYearLoop()
+      }
+    }, duration)
+  }
+
+  clearSubYearLoop() {
+    clearTimeout(this.subYearTimer)
+    this.loopIndex = 0
+  }
+
+  stop(event) {
+    event.preventDefault()
+    event.stopPropagation()
+  }
+
+  addEvents() {
+    const isTouch = isTouchDevice()
+    const downEvent = isTouch ? 'touchstart' : 'mousedown'
+
+    this.addEvent(this.prevBtn, downEvent, event => {
+      this.stop(event)
+      const currentYear = getYear(this.menuDate)
+      if ((currentYear - 1) <= 0) {
+        return
+      }
+      this.subYear()
+      this.subYearLoop()
+    })
+
+    this.addEvent(this.nextBtn, 'click', event => event.stopPropagation())
+    this.addEvent(this.prevBtn, 'click', event => event.stopPropagation())
+
+    this.addEvent(this.nextBtn, downEvent, event => {
+      this.stop(event)
+      this.addYear()
+      this.addYearLoop()
+    })
+
+    const upEvent = isTouch ? 'touchend' : 'mouseup'
+    this.addEvent(this.prevBtn, upEvent, event => {
+      this.stop(event)
+      this.clearSubYearLoop()
+    })
+    this.addEvent(this.nextBtn, upEvent, event => {
+      this.stop(event)
+      this.clearAddYearLoop()
+    })
+
+    this.addEvent(this.table, 'click', event => {
+      this.stop(event)
+      const { target } = event
+      if ('monthTd' in target.dataset) {
+        const year = getYear(this.menuDate)
+        const month = parseInt(target.dataset.monthTd, 10)
+
+        if (target.classList.contains('js-disabled')) {
+          return
+        }
+
+        if (! this.date) {
+          this.date = new Date(this.menuDate.getTime())
+        }
+
+        this.date = setYear(this.date, year)
+        this.date = setMonth(this.date, month)
+        this.updateTableContent()
+        this.emitChange()
+      }
+    })
+  }
+
+  setDate(date) {
+    this.date = date
+    this.menuDate = date
+    this.setTitle(date)
+    this.updateTableContent()
+  }
+
+  emitChange() {
+    this.change(this.date)
+  }
+
+  pos(src) {
+    const { dom } = this
+    const { pos } = getFloatedTargetPos({
+      src,
+      target: dom,
+      place: 'bottom',
+      align: 'left',
+      offset: 4
+    })
+    dom.style.left = toPixel(pos.left)
+    dom.style.top = toPixel(pos.top)
+  }
+
+  show(src) {
+    const { dom } = this
+    dom.style.display = 'block'
+    if (src) {
+      this.pos(src)
+    }
+    dom.style.opacity = 1
+    this.isVisible = true
+  }
+
+  hide() {
+    this.dom.style.display = 'none'
+    this.isVisible = false
+  }
+
+  destroy() {
+    this.menuTitle = null
+    this.prevBtn = null
+    this.nextBtn = null
+    this.table = null
+    this.dom.remove()
+  }
+}

data/src/js/components/Monthpicker.js

@@ -0,0 +1,92 @@
+import MonthInput from './MonthInput'
+import MonthMenu from './MonthMenu'
+import supportDom from '../decorators/supportDom'
+import { DEFAULT_TIMEZONE } from '../consts'
+import { noop, parse } from '../utils'
+
+@supportDom
+export default class Monthpicker {
+
+  constructor(dom, options = {}) {
+    this.dom = dom
+    this.tz = options.tz || DEFAULT_TIMEZONE
+    this.date = options.date
+    this.menuDate = this.date
+
+    this.options = options
+    this.backdropMode = options.backdropMode || 'auto'
+    this.noFuture = options.noFuture || true
+    this.change = options.change || noop
+    this.init()
+  }
+
+  init() {
+    const { dom } = this
+    this.monthInput = new MonthInput(
+      dom.querySelector('[data-month]'),
+      this.date,
+      this.options
+    )
+    this.monthMenu = new MonthMenu({
+      date: this.menuDate,
+      change: date => {
+        this.monthInput.setDate(date)
+        this.monthInput.clearStatus()
+        this.monthMenu.hide()
+      },
+      noFuture: this.noFuture
+    })
+    this.addEvents()
+  }
+
+  handleMonthInputFocus() {
+    const { monthInput } = this
+    monthInput.clearStatus()
+    monthInput.setActive(true)
+    this.monthMenu.show(this.dom)
+  }
+
+  handleMonthInputKeyUp(event) {
+    const { monthInput } = this
+    const { value } = event.target
+    const res = parse(value, monthInput.datePattern, this.date)
+
+    if (res.toString() === 'Invalid Date') {
+      monthInput.setDanger(true)
+      this.nextDate = null
+    }
+    else {
+      monthInput.setDanger(false)
+      this.nextDate = res
+    }
+  }
+
+  handleMonthInputBlur() {
+    if (this.nextDate) {
+      this.date = this.nextDate
+      this.menuDate = this.date
+      this.monthMenu.setDate(this.menuDate)
+      this.nextDate = null
+    }
+  }
+
+  addEvents() {
+    const { monthInput } = this
+    monthInput.on('focus', () => this.handleMonthInputFocus())
+    monthInput.on('click', event => event.stopPropagation())
+    monthInput.on('keyup', event => this.handleMonthInputKeyUp(event))
+    monthInput.on('blur', () => this.handleMonthInputBlur())
+
+    if (this.backdropMode === 'auto') {
+      this.addEvent(document, 'click', () => {
+        this.monthMenu.hide()
+        this.monthInput.clearStatus()
+      })
+    }
+  }
+
+  destroy() {
+    this.monthInput.destroy()
+    this.monthMenu.destroy()
+  }
+}

data/src/js/index.js

@@ -14,6 +14,8 @@ import DateTimeRanger from './components/DateTimeRanger'
 import Datepicker from './components/Datepicker'
 import Dropdown from './components/Dropdown'
 import LineChart from './components/LineChart'
+import Monthpicker from './components/Monthpicker'
+import MonthMenu from './components/MonthMenu'
 import Menu from './components/Menu'
 import Modal from './components/Modal'
 import Navbar from './components/Navbar'
@@ -51,6 +53,8 @@ export {
   Datepicker,
   Dropdown,
   LineChart,
+  Monthpicker,
+  MonthMenu,
   Menu,
   Modal,
   Navbar,

data/src/js/utils/index.js

@@ -9,6 +9,8 @@ import toPixel from '@superlanding/topixel'
 // date-fns
 import addDays from 'date-fns/addDays'
 import addMonths from 'date-fns/addMonths'
+import subYears from 'date-fns/subYears'
+import addYears from 'date-fns/addYears'
 import compareAsc from 'date-fns/compareAsc'
 import endOfDay from 'date-fns/endOfDay'
 import endOfMonth from 'date-fns/endOfMonth'
@@ -18,16 +20,20 @@ import getHours from 'date-fns/getHours'
 import getMinutes from 'date-fns/getMinutes'
 import getMonth from 'date-fns/getMonth'
 import getSeconds from 'date-fns/getSeconds'
+import setYear from 'date-fns/setYear'
 import getYear from 'date-fns/getYear'
 import parse from 'date-fns/parse'
 import set from 'date-fns/set'
+import setMonth from 'date-fns/setMonth'
 import startOfDay from 'date-fns/startOfDay'
 import startOfMonth from 'date-fns/startOfMonth'
 import subMonths from 'date-fns/subMonths'
 import toDate from 'date-fns/toDate'
+import isFuture from 'date-fns/isFuture'
 import { format } from 'date-fns-tz'
 
 // lodash
+import chunk from 'lodash.chunk'
 import debounce from 'lodash.debounce'
 import isFunction from 'lodash.isfunction'
 import noop from 'lodash.noop'
@@ -50,6 +56,8 @@ export {
   // date-fns
   addDays,
   addMonths,
+  addYears,
+  subYears,
   compareAsc,
   endOfDay,
   endOfMonth,
@@ -59,16 +67,20 @@ export {
   getMinutes,
   getMonth,
   getSeconds,
+  setYear,
   getYear,
   parse,
   set,
+  setMonth,
   startOfDay,
   startOfMonth,
   subMonths,
   toDate,
+  isFuture,
   format,
 
   // lodash
+  chunk,
   debounce,
   isFunction,
   noop,

data/src/sass/_beyond.scss

@@ -26,6 +26,7 @@
 @import './components/_checkbox';
 @import './components/_date-input';
 @import './components/_date-menu';
+@import './components/_month-menu';
 @import './components/_date-time-ranger';
 @import './components/_datepicker';
 @import './components/_dropdown';

data/src/sass/components/_form.scss

@@ -75,7 +75,7 @@ fieldset {
   }
 }
 
-label.required {
+.required {
   &:after {
     display: inline-block;
     margin-left: 4px;

data/src/sass/components/_icon.scss

@@ -432,6 +432,12 @@
 .icon-youtube:before {
   content: "\e981";
 }
+.icon-bug:before {
+  content: "\e999";
+}
+.icon-target1:before {
+  content: "\e9b3";
+}
 
 @if $beyond-icon-font-name == 'beyond-full' {
 

data/src/sass/components/_month-menu.scss

@@ -0,0 +1,74 @@
+.month-menu {
+  display: none;
+  position: absolute;
+  box-shadow: 0 0 0 1px rgba(136, 152, 170, .1),
+    0 15px 35px 0 rgba(49, 49, 93, .1),
+    0 5px 15px 0 rgba(0, 0, 0, .08);
+  background-color: #fff;
+  white-space: nowrap;
+  &.static {
+    display: inline-block;
+    position: static;
+  }
+  .month-menu-content {
+    display: inline-block;
+    position: relative;
+    padding: 0 14px 14px 14px;
+    width: 252px;
+  }
+  .month-menu-caption {
+    display: flex;
+    justify-content: space-between;
+    font-size: 15px;
+    color: #3c4257;
+    text-align: center;
+    height: 50px;
+    line-height: 50px;
+  }
+  .month-menu-caption-btn {
+    border: 0;
+    background-color: transparent;
+    display: block;
+    @include size(50px);
+
+    .icon-chevron-left,
+    .icon-chevron-right {
+      font-size: 12px;
+    }
+  }
+  .month-menu-table {
+    font-size: 14px;
+    width: 100%;
+    margin-top: 2px;
+    th, td {
+      padding: 3px;
+    }
+    td {
+      text-align: center;
+      &.cell {
+        background-color: #f7fafc;
+        cursor: pointer;
+        border-width: 1px;
+        border-style: solid;
+        border-color: #e3e8ee;
+      }
+      &.cell.today {
+        background-color: #fffef4;
+      }
+      &.cell.selected {
+        background-color: #6c8eef;
+        color: #fff;
+        border-color: #6c8eef;
+      }
+      &.cell.js-disabled {
+        opacity: .4;
+        cursor: not-allowed;
+      }
+      &.cell.selected-ex {
+        background-color: #5469d4;
+        color: #fff;
+        border-color: #5469d4;
+      }
+    }
+  }
+}

data/src/sass/components/_table.scss

@@ -71,10 +71,10 @@
     filter: brightness(95%);
   }
   &.striped {
-    tr:nth-child(even) td {
+    tr:nth-child(odd) td {
       background-color: #f7fafc;
     }
-    tr.disabled:nth-child(even) td {
+    tr.disabled:nth-child(odd) td {
       @extend %disabled-td;
     }
   }

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.245
+  version: 0.0.250
 platform: ruby
 authors:
 - kmsheng
 - Eddie Li
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-09 00:00:00.000000000 Z
+date: 2020-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc
@@ -93,7 +93,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 3.3.0
-description: 
+description:
 email: kmsh3ng@gmail.com
 executables: []
 extensions: []
@@ -139,6 +139,9 @@ files:
 - src/js/components/LineChart.js
 - src/js/components/Menu.js
 - src/js/components/Modal.js
+- src/js/components/MonthInput.js
+- src/js/components/MonthMenu.js
+- src/js/components/Monthpicker.js
 - src/js/components/Navbar.js
 - src/js/components/PieChart.js
 - src/js/components/Radio.js
@@ -235,6 +238,7 @@ files:
 - src/sass/components/_list.scss
 - src/sass/components/_mega-menu.scss
 - src/sass/components/_modal.scss
+- src/sass/components/_month-menu.scss
 - src/sass/components/_nav.scss
 - src/sass/components/_navbar.scss
 - src/sass/components/_pagination.scss
@@ -269,7 +273,7 @@ homepage: https://superlanding.github.io/beyond/
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -284,8 +288,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.6
-signing_key: 
+rubygems_version: 3.0.8
+signing_key:
 specification_version: 4
 summary: beyond is a collection of frontend components which aims for admin website.
 test_files: []