@reviewpush/rp-treeselect 0.0.0

package/src/utils/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  rules: {
+    'import/no-default-export': 2,
+    'import/prefer-default-export': 0,
+  },
+}

package/src/utils/constant.js

@@ -0,0 +1 @@
+export { default as constant } from 'lodash/constant'

package/src/utils/createMap.js

@@ -0,0 +1 @@
+export const createMap = () => Object.create(null)

package/src/utils/debounce.js

@@ -0,0 +1 @@
+export { default as debounce } from 'lodash/debounce'

package/src/utils/deepExtend.js

@@ -0,0 +1,25 @@
+function isPlainObject(value) {
+  if (value == null || typeof value !== 'object') return false
+  return Object.getPrototypeOf(value) === Object.prototype
+}
+
+function copy(obj, key, value) {
+  if (isPlainObject(value)) {
+    obj[key] || (obj[key] = {})
+    deepExtend(obj[key], value)
+  } else {
+    obj[key] = value
+  }
+}
+
+export function deepExtend(target, source) {
+  if (isPlainObject(source)) {
+    const keys = Object.keys(source)
+
+    for (let i = 0, len = keys.length; i < len; i++) {
+      copy(target, keys[i], source[keys[i]])
+    }
+  }
+
+  return target
+}

package/src/utils/find.js

@@ -0,0 +1,6 @@
+export function find(arr, predicate, ctx) {
+  for (let i = 0, len = arr.length; i < len; i++) {
+    if (predicate.call(ctx, arr[i], i, arr)) return arr[i]
+  }
+  return undefined
+}

package/src/utils/identity.js

@@ -0,0 +1 @@
+export { default as identity } from 'lodash/identity'

package/src/utils/includes.js

@@ -0,0 +1,3 @@
+export function includes(arrOrStr, elem) {
+  return arrOrStr.indexOf(elem) !== -1
+}

package/src/utils/index.js

@@ -0,0 +1,38 @@
+// ========================
+// Debugging Helpers
+// ========================
+
+export { warning } from './warning'
+
+// ========================
+// DOM Utilities
+// ========================
+
+export { onLeftClick } from './onLeftClick'
+export { scrollIntoView } from './scrollIntoView'
+export { debounce } from './debounce'
+export { watchSize } from './watchSize'
+export { setupResizeAndScrollEventListeners } from './setupResizeAndScrollEventListeners'
+
+// ========================
+// Language Helpers
+// ========================
+
+export { isNaN } from './isNaN'
+export { isPromise } from './isPromise'
+export { once } from './once'
+export { noop } from './noop'
+export { identity } from './identity'
+export { constant } from './constant'
+export { createMap } from './createMap'
+export { deepExtend } from './deepExtend'
+export { last } from './last'
+export { includes } from './includes'
+export { find } from './find'
+export { removeFromArray } from './removeFromArray'
+
+// ========================
+// Other Utilities
+// ========================
+
+export { quickDiff } from './quickDiff'

package/src/utils/isNaN.js

@@ -0,0 +1,3 @@
+export function isNaN(x) {
+  return x !== x
+}

package/src/utils/isPromise.js

@@ -0,0 +1 @@
+export { default as isPromise } from 'is-promise'

package/src/utils/last.js

@@ -0,0 +1 @@
+export { default as last } from 'lodash/last'

package/src/utils/noop.js

@@ -0,0 +1 @@
+export { default as noop } from 'lodash/noop'

package/src/utils/onLeftClick.js

@@ -0,0 +1,7 @@
+export function onLeftClick(mouseDownHandler) {
+  return function onMouseDown(evt, ...args) {
+    if (evt.type === 'mousedown' && evt.button === 0) {
+      mouseDownHandler.call(this, evt, ...args)
+    }
+  }
+}

package/src/utils/once.js

@@ -0,0 +1 @@
+export { default as once } from 'lodash/once'

package/src/utils/quickDiff.js

@@ -0,0 +1,9 @@
+export function quickDiff(arrA, arrB) {
+  if (arrA.length !== arrB.length) return true
+
+  for (let i = 0; i < arrA.length; i++) {
+    if (arrA[i] !== arrB[i]) return true
+  }
+
+  return false
+}

package/src/utils/removeFromArray.js

@@ -0,0 +1,4 @@
+export function removeFromArray(arr, elem) {
+  const idx = arr.indexOf(elem)
+  if (idx !== -1) arr.splice(idx, 1)
+}

package/src/utils/scrollIntoView.js

@@ -0,0 +1,15 @@
+// from react-select
+export function scrollIntoView($scrollingEl, $focusedEl) {
+  const scrollingReact = $scrollingEl.getBoundingClientRect()
+  const focusedRect = $focusedEl.getBoundingClientRect()
+  const overScroll = $focusedEl.offsetHeight / 3
+
+  if (focusedRect.bottom + overScroll > scrollingReact.bottom) {
+    $scrollingEl.scrollTop = Math.min(
+      $focusedEl.offsetTop + $focusedEl.clientHeight - $scrollingEl.offsetHeight + overScroll,
+      $scrollingEl.scrollHeight,
+    )
+  } else if (focusedRect.top - overScroll < scrollingReact.top) {
+    $scrollingEl.scrollTop = Math.max($focusedEl.offsetTop - overScroll, 0)
+  }
+}

package/src/utils/setupResizeAndScrollEventListeners.js

@@ -0,0 +1,34 @@
+function findScrollParents($el) {
+  const $scrollParents = []
+  let $parent = $el.parentNode
+
+  while ($parent && $parent.nodeName !== 'BODY' && $parent.nodeType === document.ELEMENT_NODE) {
+    if (isScrollElment($parent)) $scrollParents.push($parent)
+    $parent = $parent.parentNode
+  }
+  $scrollParents.push(window)
+
+  return $scrollParents
+}
+
+function isScrollElment($el) {
+  // Firefox wants us to check `-x` and `-y` variations as well
+  const { overflow, overflowX, overflowY } = getComputedStyle($el)
+  return /(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)
+}
+
+export function setupResizeAndScrollEventListeners($el, listener) {
+  const $scrollParents = findScrollParents($el)
+
+  window.addEventListener('resize', listener, { passive: true })
+  $scrollParents.forEach(scrollParent => {
+    scrollParent.addEventListener('scroll', listener, { passive: true })
+  })
+
+  return function removeEventListeners() {
+    window.removeEventListener('resize', listener, { passive: true })
+    $scrollParents.forEach($scrollParent => {
+      $scrollParent.removeEventListener('scroll', listener, { passive: true })
+    })
+  }
+}

package/src/utils/warning.js

@@ -0,0 +1,11 @@
+import { noop } from './noop'
+
+export const warning = process.env.NODE_ENV === 'production'
+  ? /* istanbul ignore next */ noop
+  : function warning(checker, complainer) {
+    if (!checker()) {
+      const message = [ '[Rp-Treeselect Warning]' ].concat(complainer())
+      // eslint-disable-next-line no-console
+      console.error(...message)
+    }
+  }

package/src/utils/watchSize.js

@@ -0,0 +1,67 @@
+import watchSizeForBrowsersOtherThanIE9 from 'watch-size'
+import { removeFromArray } from './removeFromArray'
+
+let intervalId
+const registered = []
+const INTERVAL_DURATION = 100
+
+function run() {
+  intervalId = setInterval(() => {
+    registered.forEach(test)
+  }, INTERVAL_DURATION)
+}
+
+function stop() {
+  clearInterval(intervalId)
+  intervalId = null
+}
+
+function test(item) {
+  const { $el, listener, lastWidth, lastHeight } = item
+  const width = $el.offsetWidth
+  const height = $el.offsetHeight
+
+  if (lastWidth !== width || lastHeight !== height) {
+    item.lastWidth = width
+    item.lastHeight = height
+
+    listener({ width, height })
+  }
+}
+
+function watchSizeForIE9($el, listener) {
+  const item = {
+    $el,
+    listener,
+    lastWidth: null,
+    lastHeight: null,
+  }
+  const unwatch = () => {
+    removeFromArray(registered, item)
+    if (!registered.length) stop()
+  }
+
+  registered.push(item)
+  // The original watch-size will call the listener on initialization.
+  // Keep the same behavior here.
+  test(item)
+  run()
+
+  return unwatch
+}
+
+export function watchSize($el, listener) {
+  // See: https://stackoverflow.com/a/31293352
+  const isIE9 = document.documentMode === 9
+  // watch-size will call the listener on initialization.
+  // Disable this behavior with a lock to achieve a clearer code logic.
+  let locked = true
+  const wrappedListener = (...args) => locked || listener(...args)
+  const implementation = isIE9
+    ? watchSizeForIE9
+    : watchSizeForBrowsersOtherThanIE9
+  const removeSizeWatcher = implementation($el, wrappedListener)
+  locked = false // unlock after initialization
+
+  return removeSizeWatcher
+}