beyond-rails 0.0.139

data/src/js/helpers/getKey.js

@@ -0,0 +1,14 @@
+const keyMap = {
+  13: 'enter',
+  17: 'ctrl',
+  27: 'esc',
+  38: 'up',
+  40: 'down',
+  70: 'f',
+  91: 'left-meta',
+  93: 'right-meta'
+}
+
+export default function getKey(event) {
+  return keyMap[event.keyCode] || ''
+}

data/src/js/helpers/isTouchDevice.js

@@ -0,0 +1,3 @@
+export default function isTouchDevice() {
+  return ('ontouchstart' in window)
+}

data/src/js/helpers/msToS.js

@@ -0,0 +1,3 @@
+export default function msToS(ms) {
+  return parseInt(ms / 1000, 10)
+}

data/src/js/helpers/promisify.js

@@ -0,0 +1,9 @@
+export default function promisify(func) {
+  return (...args) => {
+    const res = func(...args)
+    if (res instanceof Promise) {
+      return res
+    }
+    return Promise.resolve(res)
+  }
+}

data/src/js/helpers/range.js

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

data/src/js/helpers/supportDom.js

@@ -0,0 +1,46 @@
+import isFunction from 'lodash.isfunction'
+import createdComponents from '../consts/createdComponents'
+
+export default function supportDom(target) {
+
+  return class extends target {
+
+    init() {
+      this._listeners = []
+      this._externalListeners = []
+      if (isFunction(super.init)) {
+        super.init()
+      }
+      createdComponents.push(this)
+    }
+
+    on(name, func) {
+      this._externalListeners.push({ name, func })
+    }
+
+    fire(name, ...args) {
+      this._externalListeners.filter(row => row.name === name)
+        .forEach(row => row.func.apply(this, args))
+    }
+
+    addEvent(dom, name, func) {
+      dom.addEventListener(name, func)
+      this._listeners.push({ dom, name, func })
+    }
+
+    removeEvents() {
+      this._listeners.forEach(({ dom, name, func }) => {
+        dom.removeEventListener(name, func)
+      })
+      this._listeners.length = 0
+    }
+
+    destroy() {
+      this._externalListeners.length = 0
+      this.removeEvents()
+      if (isFunction(super.destroy)) {
+        super.destroy()
+      }
+    }
+  }
+}

data/src/js/helpers/toPixel.js

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

data/src/js/helpers/unbindAll.js

@@ -0,0 +1,6 @@
+import createdComponents from '../consts/createdComponents'
+
+export default function unbindAll() {
+  createdComponents.forEach(component => component.destroy())
+  createdComponents.length = 0
+}

data/src/js/index.js

@@ -0,0 +1,47 @@
+import './../sass/_beyond.scss'
+import 'core-js/stable'
+import 'regenerator-runtime/runtime'
+import './polyfills/classList'
+import './polyfills/nodeRemove'
+import './polyfills/elementDataset'
+import Alert from './components/Alert'
+import Autocomplete from './components/Autocomplete'
+import Btn from './components/Btn'
+import Checkbox from './components/Checkbox'
+import DateTimeRanger from './components/DateTimeRanger'
+import Datepicker from './components/Datepicker'
+import Dropdown from './components/Dropdown'
+import Menu from './components/Menu'
+import Modal from './components/Modal'
+import Navbar from './components/Navbar'
+import Radio from './components/Radio'
+import SearchDropdown from './components/SearchDropdown'
+import Sidebar from './components/Sidebar'
+import Tabbox from './components/Tabbox'
+import Toast from './components/Toast'
+import Tooltip from './components/Tooltip'
+import bind from './helpers/bind'
+import docReady from './helpers/docReady'
+import unbindAll from './helpers/unbindAll'
+
+export {
+  Alert,
+  Autocomplete,
+  Btn,
+  Checkbox,
+  DateTimeRanger,
+  Datepicker,
+  Dropdown,
+  Menu,
+  Modal,
+  Navbar,
+  Radio,
+  SearchDropdown,
+  Sidebar,
+  Tabbox,
+  Toast,
+  Tooltip,
+  bind,
+  docReady,
+  unbindAll
+}

data/src/js/jquery/bindAlertFn.js

@@ -0,0 +1,13 @@
+export default function bindAlertFn(beyond, $) {
+
+  const { Alert } = beyond
+
+  $.fn.alert = function() {
+
+    const alerts = this.map((i, dom) => new Alert(dom))
+
+    this.destroy = () => alerts.each((i, a) => a.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindAutocompleteFn.js

@@ -0,0 +1,13 @@
+export default function bindAutocompleteFn(beyond, $) {
+
+  const { Autocomplete } = beyond
+
+  $.fn.autocomplete = function(options) {
+
+    const autocompletes = this.map((i, dom) => new Autocomplete(dom, options))
+
+    this.destroy = () => autocompletes.each((i, a) => a.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindBtnFn.js

@@ -0,0 +1,17 @@
+export default function bindBtnFn(beyond, $) {
+
+  const { Btn } = beyond
+
+  $.fn.btn = function() {
+
+    const btns = this.map((i, dom) => new Btn(dom))
+
+    this.showLoader = btns.each((i, a) => a.showLoader())
+
+    this.hideLoader = btns.each((i, a) => a.hideLoader())
+
+    this.destroy = () => btns.each((i, a) => a.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindCheckboxFn.js

@@ -0,0 +1,13 @@
+export default function bindCheckboxFn(beyond, $) {
+
+  const { Checkbox } = beyond
+
+  $.fn.checkbox = function() {
+
+    const checkboxes = this.map((i, dom) => new Checkbox(dom))
+
+    this.destroy = () => checkboxes.each((i, c) => c.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindDateTimeRangerFn.js

@@ -0,0 +1,14 @@
+export default function bindDateTimeRangerFn(beyond, $) {
+
+  const { DateTimeRanger } = beyond
+
+  $.fn.dateTimeRanger = function(settings) {
+
+    const options = $.extend({}, $.fn.dateTimeRanger.defaults, settings)
+    const dateTimeRangers = this.map((i, dom) => new DateTimeRanger(dom, options))
+
+    this.destroy = () => dateTimeRangers.each((i, d) => d.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindDatepickerFn.js

@@ -0,0 +1,14 @@
+export default function bindDatepickerFn(beyond, $) {
+
+  const { Datepicker } = beyond
+
+  $.fn.datepicker = function(timestamp, settings) {
+
+    const options = $.extend({}, $.fn.datepicker.defaults, settings)
+    const datepickers = this.map((i, dom) => new Datepicker(dom, timestamp, options))
+
+    this.destroy = () => datepickers.each((i, d) => d.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindDropdownFn.js

@@ -0,0 +1,14 @@
+export default function bindDropdownFn(beyond, $) {
+
+  const { Dropdown } = beyond
+
+  $.fn.dropdown = function(settings) {
+
+    const options = $.extend({}, $.fn.dropdown.defaults, settings)
+    const dropdowns = this.map((i, dom) => new Dropdown(dom, options))
+
+    this.destroy = () => dropdowns.each((i, d) => d.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindMenuFn.js

@@ -0,0 +1,13 @@
+export default function bindMenuFn(beyond, $) {
+
+  const { Menu } = beyond
+
+  $.fn.menu = function() {
+
+    const menus = this.map((i, dom) => new Menu(dom))
+
+    this.destroy = () => menus.each((i, m) => m.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindModalFn.js

@@ -0,0 +1,14 @@
+export default function bindModalFn(beyond, $) {
+
+  const { Modal } = beyond
+
+  $.fn.modal = function(settings) {
+
+    const options = $.extend({}, $.fn.modal.defaults, settings)
+    const modals = this.map((i, dom) => new Modal(dom, options))
+
+    this.destroy = () => modals.each((i, m) => m.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindNavbarFn.js

@@ -0,0 +1,13 @@
+export default function bindNavbarFn(beyond, $) {
+
+  const { Navbar } = beyond
+
+  $.fn.navbar = function() {
+
+    const navbars = this.map((i, dom) => new Navbar(dom))
+
+    this.destroy = () => navbars.each((i, n) => n.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindRadioFn.js

@@ -0,0 +1,13 @@
+export default function bindRadioFn(beyond, $) {
+
+  const { Radio } = beyond
+
+  $.fn.radio = function() {
+
+    const radios = this.map((i, dom) => new Radio(dom))
+
+    this.destroy = () => radios.each((i, r) => r.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindSearchDropdownFn.js

@@ -0,0 +1,14 @@
+export default function bindSearchDropdownFn(beyond, $) {
+
+  const { SearchDropdown } = beyond
+
+  $.fn.searchDropdown = function(settings) {
+
+    const options = $.extend({}, $.fn.searchDropdown.defaults, settings)
+    const searchDropdowns = this.map((i, dom) => new SearchDropdown(dom, options))
+
+    this.destroy = () => searchDropdowns.each((i, s) => s.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindSidebarFn.js

@@ -0,0 +1,13 @@
+export default function bindSidebarFn(beyond, $) {
+
+  const { Sidebar } = beyond
+
+  $.fn.sidebar = function() {
+
+    const sidebars = this.map((i, dom) => new Sidebar(dom))
+
+    this.destroy = () => sidebars.each((i, s) => s.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindTabboxFn.js

@@ -0,0 +1,13 @@
+export default function bindTabboxFn(beyond, $) {
+
+  const { Tabbox } = beyond
+
+  $.fn.tabbox = function() {
+
+    const tabboxes = this.map((i, dom) => new Tabbox(dom))
+
+    this.destroy = () => tabboxes.each((i, t) => t.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/bindToastFn.js

@@ -0,0 +1,6 @@
+export default function bindToastFn(beyond, $) {
+
+  const { Toast } = beyond
+
+  $.fn.toast = options => new Toast(options)
+}

data/src/js/jquery/bindTooltipFn.js

@@ -0,0 +1,13 @@
+export default function bindTooltipFn(beyond, $) {
+
+  const { Tooltip } = beyond
+
+  $.fn.tooltip = function() {
+
+    const tooltips = this.map((i, dom) => new Tooltip(dom))
+
+    this.destroy = () => tooltips.each((i, t) => t.destroy())
+
+    return this
+  }
+}

data/src/js/jquery/index.js

@@ -0,0 +1,52 @@
+import bindAutocompleteFn from './bindAutocompleteFn'
+import bindAlertFn from './bindAlertFn'
+import bindBtnFn from './bindBtnFn'
+import bindDateTimeRangerFn from './bindDateTimeRangerFn'
+import bindDatepickerFn from './bindDatepickerFn'
+import bindCheckboxFn from './bindCheckboxFn'
+import bindDropdownFn from './bindDropdownFn'
+import bindMenuFn from './bindMenuFn'
+import bindModalFn from './bindModalFn'
+import bindNavbarFn from './bindNavbarFn'
+import bindRadioFn from './bindRadioFn'
+import bindSearchDropdownFn from './bindSearchDropdownFn'
+import bindSidebarFn from './bindSidebarFn'
+import bindTabboxFn from './bindTabboxFn'
+import bindToastFn from './bindToastFn'
+import bindTooltipFn from './bindTooltipFn'
+
+export default function bindJQuery(beyond, jQuery) {
+
+  if (typeof window === 'undefined') {
+    return
+  }
+  const $ = jQuery || (window.jQuery)
+
+  if (typeof $ === 'undefined') {
+    return
+  }
+
+  // avoid duplicated jquery bindings
+  if (beyond._boundJQuery) {
+    return
+  }
+
+  bindAutocompleteFn(beyond, $)
+  bindAlertFn(beyond, $)
+  bindBtnFn(beyond, $)
+  bindCheckboxFn(beyond, $)
+  bindDateTimeRangerFn(beyond, $)
+  bindDatepickerFn(beyond, $)
+  bindDropdownFn(beyond, $)
+  bindModalFn(beyond, $)
+  bindMenuFn(beyond, $)
+  bindNavbarFn(beyond, $)
+  bindRadioFn(beyond, $)
+  bindSearchDropdownFn(beyond, $)
+  bindSidebarFn(beyond, $)
+  bindTabboxFn(beyond, $)
+  bindToastFn(beyond, $)
+  bindTooltipFn(beyond, $)
+
+  beyond._boundJQuery = true
+}

data/src/js/polyfills/classList.js

@@ -0,0 +1,263 @@
+/* eslint-disable */
+/*
+ * classList.js: Cross-browser full element.classList implementation.
+ * 1.2.20171210
+ *
+ * By Eli Grey, http://eligrey.com
+ * License: Dedicated to the public domain.
+ *   See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
+ */
+
+/*global self, document, DOMException */
+
+/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
+
+if ("document" in self) {
+
+  // Full polyfill for browsers with no classList support
+  // Including IE < Edge missing SVGElement.classList
+  if (
+    !("classList" in document.createElement("_"))
+    || document.createElementNS
+    && !("classList" in document.createElementNS("http://www.w3.org/2000/svg","g"))
+  ) {
+
+    (function (view) {
+
+      "use strict";
+
+      if (!('Element' in view)) return;
+
+      var
+      classListProp = "classList"
+        , protoProp = "prototype"
+        , elemCtrProto = view.Element[protoProp]
+        , objCtr = Object
+        , strTrim = String[protoProp].trim || function () {
+          return this.replace(/^\s+|\s+$/g, "");
+        }
+        , arrIndexOf = Array[protoProp].indexOf || function (item) {
+          var
+          i = 0
+            , len = this.length
+          ;
+          for (; i < len; i++) {
+            if (i in this && this[i] === item) {
+              return i;
+            }
+          }
+          return -1;
+        }
+        // Vendors: please allow content code to instantiate DOMExceptions
+        , DOMEx = function (type, message) {
+          this.name = type;
+          this.code = DOMException[type];
+          this.message = message;
+        }
+        , checkTokenAndGetIndex = function (classList, token) {
+          if (token === "") {
+            throw new DOMEx(
+              "SYNTAX_ERR"
+              , "The token must not be empty."
+            );
+          }
+          if (/\s/.test(token)) {
+            throw new DOMEx(
+              "INVALID_CHARACTER_ERR"
+              , "The token must not contain space characters."
+            );
+          }
+          return arrIndexOf.call(classList, token);
+        }
+        , ClassList = function (elem) {
+          var
+          trimmedClasses = strTrim.call(elem.getAttribute("class") || "")
+            , classes = trimmedClasses ? trimmedClasses.split(/\s+/) : []
+            , i = 0
+            , len = classes.length
+          ;
+          for (; i < len; i++) {
+            this.push(classes[i]);
+          }
+          this._updateClassName = function () {
+            elem.setAttribute("class", this.toString());
+          };
+        }
+        , classListProto = ClassList[protoProp] = []
+        , classListGetter = function () {
+          return new ClassList(this);
+        }
+      ;
+      // Most DOMException implementations don't allow calling DOMException's toString()
+      // on non-DOMExceptions. Error's toString() is sufficient here.
+      DOMEx[protoProp] = Error[protoProp];
+      classListProto.item = function (i) {
+        return this[i] || null;
+      };
+      classListProto.contains = function (token) {
+        return ~checkTokenAndGetIndex(this, token + "");
+      };
+      classListProto.add = function () {
+        var
+        tokens = arguments
+          , i = 0
+          , l = tokens.length
+          , token
+          , updated = false
+        ;
+        do {
+          token = tokens[i] + "";
+          if (!~checkTokenAndGetIndex(this, token)) {
+            this.push(token);
+            updated = true;
+          }
+        }
+        while (++i < l);
+
+        if (updated) {
+          this._updateClassName();
+        }
+      };
+      classListProto.remove = function () {
+        var
+        tokens = arguments
+          , i = 0
+          , l = tokens.length
+          , token
+          , updated = false
+          , index
+        ;
+        do {
+          token = tokens[i] + "";
+          index = checkTokenAndGetIndex(this, token);
+          while (~index) {
+            this.splice(index, 1);
+            updated = true;
+            index = checkTokenAndGetIndex(this, token);
+          }
+        }
+        while (++i < l);
+
+        if (updated) {
+          this._updateClassName();
+        }
+      };
+      classListProto.toggle = function (token, force) {
+        var
+        result = this.contains(token)
+          , method = result ?
+          force !== true && "remove"
+          :
+          force !== false && "add"
+        ;
+
+        if (method) {
+          this[method](token);
+        }
+
+        if (force === true || force === false) {
+          return force;
+        } else {
+          return !result;
+        }
+      };
+      classListProto.replace = function (token, replacement_token) {
+        var index = checkTokenAndGetIndex(token + "");
+        if (~index) {
+          this.splice(index, 1, replacement_token);
+          this._updateClassName();
+        }
+      }
+      classListProto.toString = function () {
+        return this.join(" ");
+      };
+
+      if (objCtr.defineProperty) {
+        var classListPropDesc = {
+          get: classListGetter
+          , enumerable: true
+          , configurable: true
+        };
+        try {
+          objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+        } catch (ex) { // IE 8 doesn't support enumerable:true
+          // adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36
+          // modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected
+          if (ex.number === undefined || ex.number === -0x7FF5EC54) {
+            classListPropDesc.enumerable = false;
+            objCtr.defineProperty(elemCtrProto, classListProp, classListPropDesc);
+          }
+        }
+      } else if (objCtr[protoProp].__defineGetter__) {
+        elemCtrProto.__defineGetter__(classListProp, classListGetter);
+      }
+
+    }(self));
+
+  }
+
+  // There is full or partial native classList support, so just check if we need
+  // to normalize the add/remove and toggle APIs.
+
+    (function () {
+      "use strict";
+
+      var testElement = document.createElement("_");
+
+      testElement.classList.add("c1", "c2");
+
+      // Polyfill for IE 10/11 and Firefox <26, where classList.add and
+      // classList.remove exist but support only one argument at a time.
+        if (!testElement.classList.contains("c2")) {
+          var createMethod = function(method) {
+            var original = DOMTokenList.prototype[method];
+
+            DOMTokenList.prototype[method] = function(token) {
+              var i, len = arguments.length;
+
+              for (i = 0; i < len; i++) {
+                token = arguments[i];
+                original.call(this, token);
+              }
+            };
+          };
+          createMethod('add');
+          createMethod('remove');
+        }
+
+      testElement.classList.toggle("c3", false);
+
+      // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
+      // support the second argument.
+        if (testElement.classList.contains("c3")) {
+          var _toggle = DOMTokenList.prototype.toggle;
+
+          DOMTokenList.prototype.toggle = function(token, force) {
+            if (1 in arguments && !this.contains(token) === !force) {
+              return force;
+            } else {
+              return _toggle.call(this, token);
+            }
+          };
+
+        }
+
+      // replace() polyfill
+      if (!("replace" in document.createElement("_").classList)) {
+        DOMTokenList.prototype.replace = function (token, replacement_token) {
+          var
+          tokens = this.toString().split(" ")
+            , index = tokens.indexOf(token + "")
+          ;
+          if (~index) {
+            tokens = tokens.slice(index);
+            this.remove.apply(this, tokens);
+            this.add(replacement_token);
+            this.add.apply(this, tokens.slice(1));
+          }
+        }
+      }
+
+      testElement = null;
+    }());
+}