@bolio-ui/core 2.0.0-alpha.1 → 3.0.0-alpha.0

package/esm/Tooltip/placement.js

@@ -1,160 +0,0 @@
-export var defaultTooltipPosition = {
-  top: '-1000px',
-  left: '-1000px',
-  transform: 'none'
-};
-export var getPosition = function getPosition(placement, rect, offset) {
-  var positions = {
-    top: {
-      top: "".concat(rect.top - offset, "px"),
-      left: "".concat(rect.left + rect.width / 2, "px"),
-      transform: 'translate(-50%, -100%)'
-    },
-    topStart: {
-      top: "".concat(rect.top - offset, "px"),
-      left: "".concat(rect.left, "px"),
-      transform: 'translate(0, -100%)'
-    },
-    topEnd: {
-      top: "".concat(rect.top - offset, "px"),
-      left: "".concat(rect.left + rect.width, "px"),
-      transform: 'translate(-100%, -100%)'
-    },
-    bottom: {
-      top: "".concat(rect.bottom + offset, "px"),
-      left: "".concat(rect.left + rect.width / 2, "px"),
-      transform: 'translate(-50%, 0)'
-    },
-    bottomStart: {
-      top: "".concat(rect.bottom + offset, "px"),
-      left: "".concat(rect.left, "px"),
-      transform: 'translate(0, 0)'
-    },
-    bottomEnd: {
-      top: "".concat(rect.bottom + offset, "px"),
-      left: "".concat(rect.left + rect.width, "px"),
-      transform: 'translate(-100%, 0)'
-    },
-    left: {
-      top: "".concat(rect.top + rect.height / 2, "px"),
-      left: "".concat(rect.left - offset, "px"),
-      transform: 'translate(-100%, -50%)'
-    },
-    leftStart: {
-      top: "".concat(rect.top, "px"),
-      left: "".concat(rect.left - offset, "px"),
-      transform: 'translate(-100%, 0)'
-    },
-    leftEnd: {
-      top: "".concat(rect.top + rect.height, "px"),
-      left: "".concat(rect.left - offset, "px"),
-      transform: 'translate(-100%, -100%)'
-    },
-    right: {
-      top: "".concat(rect.top + rect.height / 2, "px"),
-      left: "".concat(rect.right + offset, "px"),
-      transform: 'translate(0, -50%)'
-    },
-    rightStart: {
-      top: "".concat(rect.top, "px"),
-      left: "".concat(rect.right + offset, "px"),
-      transform: 'translate(0, 0)'
-    },
-    rightEnd: {
-      top: "".concat(rect.top + rect.height, "px"),
-      left: "".concat(rect.right + offset, "px"),
-      transform: 'translate(0, -100%)'
-    }
-  };
-  return positions[placement] || positions.top;
-};
-export var getIconPosition = function getIconPosition(placement, offsetX, offsetY) {
-  var offsetAbsolute = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '3px';
-  var positions = {
-    top: {
-      top: 'auto',
-      right: 'auto',
-      left: '50%',
-      bottom: "".concat(offsetAbsolute),
-      transform: 'translate(-50%, 100%) rotate(-90deg)'
-    },
-    topStart: {
-      top: 'auto',
-      right: 'auto',
-      left: "".concat(offsetX),
-      bottom: "".concat(offsetAbsolute),
-      transform: 'translate(0, 100%) rotate(-90deg)'
-    },
-    topEnd: {
-      top: 'auto',
-      right: "".concat(offsetX),
-      left: 'auto',
-      bottom: "".concat(offsetAbsolute),
-      transform: 'translate(0, 100%) rotate(-90deg)'
-    },
-    bottom: {
-      top: "".concat(offsetAbsolute),
-      right: 'auto',
-      left: '50%',
-      bottom: 'auto',
-      transform: 'translate(-50%, -100%) rotate(90deg)'
-    },
-    bottomStart: {
-      top: "".concat(offsetAbsolute),
-      right: 'auto',
-      left: "".concat(offsetX),
-      bottom: 'auto',
-      transform: 'translate(0, -100%) rotate(90deg)'
-    },
-    bottomEnd: {
-      top: "".concat(offsetAbsolute),
-      right: "".concat(offsetX),
-      left: 'auto',
-      bottom: 'auto',
-      transform: 'translate(0, -100%) rotate(90deg)'
-    },
-    left: {
-      top: '50%',
-      right: '0',
-      left: 'auto',
-      bottom: 'auto',
-      transform: 'translate(100%, -50%) rotate(180deg)'
-    },
-    leftStart: {
-      top: "".concat(offsetY),
-      right: '0',
-      left: 'auto',
-      bottom: 'auto',
-      transform: 'translate(100%, -50%) rotate(180deg)'
-    },
-    leftEnd: {
-      top: 'auto',
-      right: '0',
-      left: 'auto',
-      bottom: "".concat(offsetY),
-      transform: 'translate(100%, 50%) rotate(180deg)'
-    },
-    right: {
-      top: '50%',
-      right: 'auto',
-      left: '0',
-      bottom: 'auto',
-      transform: 'translate(-100%, -50%) rotate(0deg)'
-    },
-    rightStart: {
-      top: "".concat(offsetY),
-      right: 'auto',
-      left: '0',
-      bottom: 'auto',
-      transform: 'translate(-100%, -50%) rotate(0deg)'
-    },
-    rightEnd: {
-      top: 'auto',
-      right: 'auto',
-      left: '0',
-      bottom: "".concat(offsetY),
-      transform: 'translate(-100%, 50%) rotate(0deg)'
-    }
-  };
-  return positions[placement] || positions.top;
-};

package/esm/Tooltip/styles.js

@@ -1,18 +0,0 @@
-export var getColors = function getColors(type, palette) {
-  var colors = {
-    "default": palette.background,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info,
-    dark: palette.foreground,
-    lite: palette.background
-  };
-  var color = type === 'lite' || type === 'default' ? palette.foreground : palette.background;
-  return {
-    color: color,
-    bgColor: colors[type]
-  };
-};

package/esm/use-all-themes/all-themes-context.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import Themes from '../Themes/Themes';
-var defaultAllThemesConfig = {
-  themes: Themes.getPresets()
-};
-export var AllThemesContext = /*#__PURE__*/React.createContext(defaultAllThemesConfig);
-export var useAllThemes = function useAllThemes() {
-  return React.useContext(AllThemesContext);
-};

package/esm/use-body-scroll/use-body-scroll.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useRef, useState } from 'react';
-var defaultOptions = {
-  scrollLayer: false,
-  delayReset: 0
-};
-var elementStack = new Map();
-var getOwnerPaddingRight = function getOwnerPaddingRight(element) {
-  var owner = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
-  var view = owner.defaultView || window;
-  return Number.parseInt(view.getComputedStyle(element).paddingRight, 10) || 0;
-};
-var getOwnerScrollbarWidth = function getOwnerScrollbarWidth(element) {
-  var doc = (element === null || element === void 0 ? void 0 : element.ownerDocument) || document;
-  return Math.abs(window.innerWidth - doc.documentElement.clientWidth);
-};
-function useBodyScroll(elementRef, options) {
-  if (typeof document === 'undefined') return [false, function (t) {
-    return t;
-  }];
-  var elRef = elementRef || useRef(document.body);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hidden = _useState2[0],
-    setHidden = _useState2[1];
-  var safeOptions = _extends({}, defaultOptions, options || {});
-  useEffect(function () {
-    if (!elRef || !elRef.current) return;
-    var lastOverflow = elRef.current.style.overflow;
-    if (hidden) {
-      if (elementStack.has(elRef.current)) return;
-      var paddingRight = getOwnerPaddingRight(elRef.current);
-      var scrollbarWidth = getOwnerScrollbarWidth(elRef.current);
-      elementStack.set(elRef.current, {
-        overflow: lastOverflow,
-        paddingRight: elRef.current.style.paddingRight
-      });
-      elRef.current.style.overflow = 'hidden';
-      elRef.current.style.paddingRight = "".concat(paddingRight + scrollbarWidth, "px");
-      return;
-    }
-
-    // reset element overflow
-    if (!elementStack.has(elRef.current)) return;
-    var reset = function reset(el) {
-      var store = elementStack.get(el);
-      if (!store) return;
-      el.style.overflow = store.overflow;
-      el.style.paddingRight = store.paddingRight;
-      elementStack["delete"](el);
-    };
-    var timer = window.setTimeout(function () {
-      reset(elRef.current);
-      window.clearTimeout(timer);
-    }, safeOptions.delayReset);
-  }, [hidden, elRef]);
-  return [hidden, setHidden];
-}
-export default useBodyScroll;

package/esm/use-classes/use-classes.js

@@ -1,32 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-var classObjectToString = function classObjectToString(className) {
-  var keys = Object.keys(className);
-  var len = keys.length;
-  var str = '';
-  for (var index = 0; index < len; index++) {
-    var key = keys[index];
-    var val = className[keys[index]];
-    if (!val) continue;
-    str = str ? "".concat(str, " ").concat(String(key)) : String(key);
-  }
-  return str;
-};
-var isObjectClassName = function isObjectClassName(value) {
-  return _typeof(value) === 'object' && !Array.isArray(value);
-};
-var useClasses = function useClasses() {
-  var len = arguments.length;
-  var classes = '';
-  if (len === 0) return classes;
-  for (var index = 0; index < len; index++) {
-    var val = index < 0 || arguments.length <= index ? undefined : arguments[index];
-    if (!val) continue;
-    if (isObjectClassName(val)) {
-      classes += " ".concat(classObjectToString(val));
-    } else {
-      classes += " ".concat(String(val).trim());
-    }
-  }
-  return classes.trim();
-};
-export default useClasses;

package/esm/use-click-away/use-click-away.js

@@ -1,19 +0,0 @@
-import { useEffect, useRef } from 'react';
-var useClickAway = function useClickAway(ref, handler) {
-  var handlerRef = useRef(handler);
-  useEffect(function () {
-    handlerRef.current = handler;
-  }, [handler]);
-  useEffect(function () {
-    var callback = function callback(event) {
-      var el = ref.current;
-      if (!event || !el || el.contains(event.target)) return;
-      handlerRef.current(event);
-    };
-    document.addEventListener('click', callback);
-    return function () {
-      return document.removeEventListener('click', callback);
-    };
-  }, [ref]);
-};
-export default useClickAway;

package/esm/use-clipboard/use-clipboard.js

@@ -1,39 +0,0 @@
-import usePortal from '../utils/use-portal';
-import useWarning from '../utils/use-warning';
-import { useCallback } from 'react';
-var defaultOptions = {
-  onError: function onError() {
-    return useWarning('Failed to copy.', 'use-clipboard');
-  }
-};
-var useClipboard = function useClipboard() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultOptions;
-  var el = usePortal('clipboard');
-  var copyText = function copyText(el, text) {
-    if (!el || !text) return;
-    var selection = window.getSelection();
-    if (!selection) return;
-    el.style.whiteSpace = 'pre';
-    el.textContent = text;
-    var range = window.document.createRange();
-    selection.removeAllRanges();
-    range.selectNode(el);
-    selection.addRange(range);
-    try {
-      window.document.execCommand('copy');
-    } catch (e) {
-      options.onError && options.onError();
-    }
-    selection.removeAllRanges();
-    if (el) {
-      el.textContent = '';
-    }
-  };
-  var copy = useCallback(function (text) {
-    copyText(el, text);
-  }, [el]);
-  return {
-    copy: copy
-  };
-};
-export default useClipboard;

package/esm/use-current-state/use-current-state.js

@@ -1,21 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useRef, useState } from 'react';
-var useCurrentState = function useCurrentState(initialState) {
-  var _useState = useState(function () {
-      return typeof initialState === 'function' ? initialState() : initialState;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var ref = useRef(initialState);
-  useEffect(function () {
-    ref.current = state;
-  }, [state]);
-  var setValue = function setValue(val) {
-    var result = typeof val === 'function' ? val(ref.current) : val;
-    ref.current = result;
-    setState(result);
-  };
-  return [state, setValue, ref];
-};
-export default useCurrentState;

package/esm/use-input/use-input.js

@@ -1,29 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import useCurrentState from '../utils/use-current-state';
-var useInput = function useInput(initialValue) {
-  var _useCurrentState = useCurrentState(initialValue),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    state = _useCurrentState2[0],
-    setState = _useCurrentState2[1],
-    currentRef = _useCurrentState2[2];
-  return {
-    state: state,
-    setState: setState,
-    currentRef: currentRef,
-    reset: function reset() {
-      return setState(initialValue);
-    },
-    bindings: {
-      value: state,
-      onChange: function onChange(event) {
-        if (_typeof(event) === 'object' && event.target) {
-          setState(event.target.value);
-        } else {
-          setState(event);
-        }
-      }
-    }
-  };
-};
-export default useInput;

package/esm/use-keyboard/codes.js

@@ -1,95 +0,0 @@
-/**
- * KeyBinding Codes
- * The content of this file is based on the design of the open source project "microsoft/vscode",
- *   Copyright (c) Microsoft Corporation. All rights reserved.
- *
- * We inherit the KeyMod values from "microsoft/vscode",
- * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
- */
-
-export var KeyCode;
-(function (KeyCode) {
-  KeyCode[KeyCode["Unknown"] = 0] = "Unknown";
-  KeyCode[KeyCode["Backspace"] = 8] = "Backspace";
-  KeyCode[KeyCode["Tab"] = 9] = "Tab";
-  KeyCode[KeyCode["Enter"] = 13] = "Enter";
-  KeyCode[KeyCode["Shift"] = 16] = "Shift";
-  KeyCode[KeyCode["Ctrl"] = 17] = "Ctrl";
-  KeyCode[KeyCode["Alt"] = 18] = "Alt";
-  KeyCode[KeyCode["PauseBreak"] = 19] = "PauseBreak";
-  KeyCode[KeyCode["CapsLock"] = 20] = "CapsLock";
-  KeyCode[KeyCode["Escape"] = 27] = "Escape";
-  KeyCode[KeyCode["Space"] = 32] = "Space";
-  KeyCode[KeyCode["PageUp"] = 33] = "PageUp";
-  KeyCode[KeyCode["PageDown"] = 34] = "PageDown";
-  KeyCode[KeyCode["End"] = 35] = "End";
-  KeyCode[KeyCode["Home"] = 36] = "Home";
-  KeyCode[KeyCode["LeftArrow"] = 37] = "LeftArrow";
-  KeyCode[KeyCode["UpArrow"] = 38] = "UpArrow";
-  KeyCode[KeyCode["RightArrow"] = 39] = "RightArrow";
-  KeyCode[KeyCode["DownArrow"] = 40] = "DownArrow";
-  KeyCode[KeyCode["Insert"] = 45] = "Insert";
-  KeyCode[KeyCode["Delete"] = 46] = "Delete";
-  KeyCode[KeyCode["KEY_0"] = 48] = "KEY_0";
-  KeyCode[KeyCode["KEY_1"] = 49] = "KEY_1";
-  KeyCode[KeyCode["KEY_2"] = 50] = "KEY_2";
-  KeyCode[KeyCode["KEY_3"] = 51] = "KEY_3";
-  KeyCode[KeyCode["KEY_4"] = 52] = "KEY_4";
-  KeyCode[KeyCode["KEY_5"] = 53] = "KEY_5";
-  KeyCode[KeyCode["KEY_6"] = 54] = "KEY_6";
-  KeyCode[KeyCode["KEY_7"] = 55] = "KEY_7";
-  KeyCode[KeyCode["KEY_8"] = 56] = "KEY_8";
-  KeyCode[KeyCode["KEY_9"] = 57] = "KEY_9";
-  KeyCode[KeyCode["KEY_A"] = 65] = "KEY_A";
-  KeyCode[KeyCode["KEY_B"] = 66] = "KEY_B";
-  KeyCode[KeyCode["KEY_C"] = 67] = "KEY_C";
-  KeyCode[KeyCode["KEY_D"] = 68] = "KEY_D";
-  KeyCode[KeyCode["KEY_E"] = 69] = "KEY_E";
-  KeyCode[KeyCode["KEY_F"] = 70] = "KEY_F";
-  KeyCode[KeyCode["KEY_G"] = 71] = "KEY_G";
-  KeyCode[KeyCode["KEY_H"] = 72] = "KEY_H";
-  KeyCode[KeyCode["KEY_I"] = 73] = "KEY_I";
-  KeyCode[KeyCode["KEY_J"] = 74] = "KEY_J";
-  KeyCode[KeyCode["KEY_K"] = 75] = "KEY_K";
-  KeyCode[KeyCode["KEY_L"] = 76] = "KEY_L";
-  KeyCode[KeyCode["KEY_M"] = 77] = "KEY_M";
-  KeyCode[KeyCode["KEY_N"] = 78] = "KEY_N";
-  KeyCode[KeyCode["KEY_O"] = 79] = "KEY_O";
-  KeyCode[KeyCode["KEY_P"] = 80] = "KEY_P";
-  KeyCode[KeyCode["KEY_Q"] = 81] = "KEY_Q";
-  KeyCode[KeyCode["KEY_R"] = 82] = "KEY_R";
-  KeyCode[KeyCode["KEY_S"] = 83] = "KEY_S";
-  KeyCode[KeyCode["KEY_T"] = 84] = "KEY_T";
-  KeyCode[KeyCode["KEY_U"] = 85] = "KEY_U";
-  KeyCode[KeyCode["KEY_V"] = 86] = "KEY_V";
-  KeyCode[KeyCode["KEY_W"] = 87] = "KEY_W";
-  KeyCode[KeyCode["KEY_X"] = 88] = "KEY_X";
-  KeyCode[KeyCode["KEY_Y"] = 89] = "KEY_Y";
-  KeyCode[KeyCode["KEY_Z"] = 90] = "KEY_Z";
-  KeyCode[KeyCode["Meta"] = 91] = "Meta";
-  KeyCode[KeyCode["F1"] = 112] = "F1";
-  KeyCode[KeyCode["F2"] = 113] = "F2";
-  KeyCode[KeyCode["F3"] = 114] = "F3";
-  KeyCode[KeyCode["F4"] = 115] = "F4";
-  KeyCode[KeyCode["F5"] = 116] = "F5";
-  KeyCode[KeyCode["F6"] = 117] = "F6";
-  KeyCode[KeyCode["F7"] = 118] = "F7";
-  KeyCode[KeyCode["F8"] = 119] = "F8";
-  KeyCode[KeyCode["F9"] = 120] = "F9";
-  KeyCode[KeyCode["F10"] = 121] = "F10";
-  KeyCode[KeyCode["F11"] = 122] = "F11";
-  KeyCode[KeyCode["F12"] = 123] = "F12";
-  KeyCode[KeyCode["NumLock"] = 144] = "NumLock";
-  KeyCode[KeyCode["ScrollLock"] = 145] = "ScrollLock";
-  KeyCode[KeyCode["Equal"] = 187] = "Equal";
-  KeyCode[KeyCode["Minus"] = 189] = "Minus";
-  KeyCode[KeyCode["Backquote"] = 192] = "Backquote";
-  KeyCode[KeyCode["Backslash"] = 220] = "Backslash";
-})(KeyCode || (KeyCode = {}));
-export var KeyMod;
-(function (KeyMod) {
-  KeyMod[KeyMod["CtrlCmd"] = 2048] = "CtrlCmd";
-  KeyMod[KeyMod["Shift"] = 1024] = "Shift";
-  KeyMod[KeyMod["Alt"] = 512] = "Alt";
-  KeyMod[KeyMod["WinCtrl"] = 256] = "WinCtrl";
-})(KeyMod || (KeyMod = {}));

package/esm/use-keyboard/helper.js

@@ -1,26 +0,0 @@
-import { isMac } from '../utils/collections';
-import { KeyMod } from './codes';
-
-/* istanbul ignore next */
-export var getCtrlKeysByPlatform = function getCtrlKeysByPlatform() {
-  return {
-    CtrlCmd: isMac() ? 'metaKey' : 'ctrlKey',
-    WinCtrl: isMac() ? 'ctrlKey' : 'metaKey'
-  };
-};
-export var getActiveModMap = function getActiveModMap(bindings) {
-  var modBindings = bindings.filter(function (item) {
-    return !!KeyMod[item];
-  });
-  var activeModMap = {
-    CtrlCmd: false,
-    Shift: false,
-    Alt: false,
-    WinCtrl: false
-  };
-  modBindings.forEach(function (code) {
-    var modKey = KeyMod[code];
-    activeModMap[modKey] = true;
-  });
-  return activeModMap;
-};

package/esm/use-keyboard/use-keyboard.js

@@ -1,68 +0,0 @@
-import { KeyMod } from './codes';
-import { useEffect } from 'react';
-import { getActiveModMap, getCtrlKeysByPlatform } from './helper';
-var useKeyboard = function useKeyboard(handler, keyBindings) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
-  var _options$disableGloba = options.disableGlobalEvent,
-    disableGlobalEvent = _options$disableGloba === void 0 ? false : _options$disableGloba,
-    _options$capture = options.capture,
-    capture = _options$capture === void 0 ? false : _options$capture,
-    _options$stopPropagat = options.stopPropagation,
-    stopPropagation = _options$stopPropagat === void 0 ? false : _options$stopPropagat,
-    _options$preventDefau = options.preventDefault,
-    preventDefault = _options$preventDefau === void 0 ? true : _options$preventDefau,
-    _options$event = options.event,
-    event = _options$event === void 0 ? 'keydown' : _options$event;
-  var activeModMap = getActiveModMap(bindings);
-  var keyCode = bindings.filter(function (item) {
-    return !KeyMod[item];
-  });
-  var _getCtrlKeysByPlatfor = getCtrlKeysByPlatform(),
-    CtrlCmd = _getCtrlKeysByPlatfor.CtrlCmd,
-    WinCtrl = _getCtrlKeysByPlatfor.WinCtrl;
-  var eventHandler = function eventHandler(event) {
-    if (activeModMap.Shift && !event.shiftKey) return;
-    if (activeModMap.Alt && !event.altKey) return;
-    if (activeModMap.CtrlCmd && !event[CtrlCmd]) return;
-    if (activeModMap.WinCtrl && !event[WinCtrl]) return;
-    var hitOne = keyCode.find(function (k) {
-      return k === event.keyCode;
-    });
-    if (keyCode && !hitOne) return;
-    if (stopPropagation) {
-      event.stopPropagation();
-    }
-    if (preventDefault) {
-      event.preventDefault();
-    }
-    handler && handler(event);
-  };
-  useEffect(function () {
-    if (!disableGlobalEvent) {
-      document.addEventListener(event, eventHandler);
-    }
-    return function () {
-      document.removeEventListener(event, eventHandler);
-    };
-  }, [disableGlobalEvent]);
-  var elementBindingHandler = function elementBindingHandler(elementEventType) {
-    var isCapture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (elementEventType !== event) return function () {};
-    if (isCapture !== capture) return function () {};
-    return function (e) {
-      return eventHandler(e);
-    };
-  };
-  return {
-    bindings: {
-      onKeyDown: elementBindingHandler('keydown'),
-      onKeyDownCapture: elementBindingHandler('keydown', true),
-      onKeyPress: elementBindingHandler('keypress'),
-      onKeyPressCapture: elementBindingHandler('keypress', true),
-      onKeyUp: elementBindingHandler('keyup'),
-      onKeyUpCapture: elementBindingHandler('keyup', true)
-    }
-  };
-};
-export default useKeyboard;

package/esm/use-media-query/use-media-query.js

@@ -1,79 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useEffect, useMemo, useState } from 'react';
-import useTheme from '../use-theme';
-import { tuple } from '../utils/prop-types';
-var breakpoints = tuple('xs', 'sm', 'md', 'lg', 'xl', 'mobile');
-var matchType = tuple('up', 'down', 'default');
-var defaultResponsiveOptions = {
-  match: 'default'
-};
-var makeQueries = function makeQueries(bp, up, down) {
-  var queryString = function queryString(item) {
-    var upQuery = "(min-width: ".concat(item.min, ")");
-    var downQuery = "(max-width: ".concat(item.max, ")");
-    return up ? upQuery : down ? downQuery : "".concat(upQuery, " and ").concat(downQuery);
-  };
-  var xs = queryString(bp.xs);
-  return {
-    xs: xs,
-    mobile: xs,
-    sm: queryString(bp.sm),
-    md: queryString(bp.md),
-    lg: queryString(bp.lg),
-    xl: queryString(bp.xl)
-  };
-};
-var useMediaQuery = function useMediaQuery(breakpoint) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultResponsiveOptions;
-  var _options$match = options.match,
-    matchType = _options$match === void 0 ? 'default' : _options$match,
-    _options$ssrMatchMedi = options.ssrMatchMedia,
-    ssrMatchMedia = _options$ssrMatchMedi === void 0 ? null : _options$ssrMatchMedi;
-  var supportMedia = typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
-  var theme = useTheme();
-  var mediaQueries = useMemo(function () {
-    var up = matchType === 'up';
-    var down = matchType === 'down';
-    return makeQueries(theme.breakpoints, up, down);
-  }, [matchType, theme.breakpoints]);
-  var query = useMemo(function () {
-    return mediaQueries[breakpoint];
-  }, [mediaQueries, breakpoint]);
-  var matchQuery = function matchQuery(q) {
-    return window.matchMedia(q);
-  };
-
-  /**
-   * Do nothing in the server-side rendering.
-   * If server match query fucntion is simulated, return user-defined value first.
-   */
-  var _useState = useState(function () {
-      if (supportMedia) return matchQuery(query).matches;
-      if (ssrMatchMedia && typeof ssrMatchMedia === 'function') {
-        return ssrMatchMedia(query).matches;
-      }
-      return false;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  useEffect(function () {
-    if (!supportMedia) return;
-    var queryList = matchQuery(query);
-    var update = function update() {
-      return setState(matchQuery(query).matches);
-    };
-    update();
-
-    /**
-     * addListener is deprecated. EventTarget.addEventListener is recommended.
-     * But in some old browsers, MediaQueryList does not inherit from EventTarget.
-     */
-    queryList.addListener(update);
-    return function () {
-      queryList.removeListener(update);
-    };
-  }, [query, supportMedia]);
-  return state;
-};
-export default useMediaQuery;