@bolio-ui/core 1.1.8 → 2.0.0-alpha.0

package/dist/use-keyboard/index.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -12,8 +13,8 @@ var React = require('react');
  * We inherit the KeyMod values from "microsoft/vscode",
  * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
  */
-exports.KeyCode = void 0;
 
+exports.KeyCode = void 0;
 (function (KeyCode) {
   KeyCode[KeyCode["Unknown"] = 0] = "Unknown";
   KeyCode[KeyCode["Backspace"] = 8] = "Backspace";
@@ -92,9 +93,7 @@ exports.KeyCode = void 0;
   KeyCode[KeyCode["Backquote"] = 192] = "Backquote";
   KeyCode[KeyCode["Backslash"] = 220] = "Backslash";
 })(exports.KeyCode || (exports.KeyCode = {}));
-
 exports.KeyMod = void 0;
-
 (function (KeyMod) {
   KeyMod[KeyMod["CtrlCmd"] = 2048] = "CtrlCmd";
   KeyMod[KeyMod["Shift"] = 1024] = "Shift";
@@ -111,7 +110,6 @@ var isMac = function isMac() {
 };
 
 /* istanbul ignore next */
-
 var getCtrlKeysByPlatform = function getCtrlKeysByPlatform() {
   return {
     CtrlCmd: isMac() ? 'metaKey' : 'ctrlKey',
@@ -139,24 +137,22 @@ 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;
+    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 !exports.KeyMod[item];
   });
-
   var _getCtrlKeysByPlatfor = getCtrlKeysByPlatform(),
-      CtrlCmd = _getCtrlKeysByPlatfor.CtrlCmd,
-      WinCtrl = _getCtrlKeysByPlatfor.WinCtrl;
-
+    CtrlCmd = _getCtrlKeysByPlatfor.CtrlCmd,
+    WinCtrl = _getCtrlKeysByPlatfor.WinCtrl;
   var eventHandler = function eventHandler(event) {
     if (activeModMap.Shift && !event.shiftKey) return;
     if (activeModMap.Alt && !event.altKey) return;
@@ -166,28 +162,22 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
       return k === event.keyCode;
     });
     if (keyCode && !hitOne) return;
-
     if (stopPropagation) {
       event.stopPropagation();
     }
-
     if (preventDefault) {
       event.preventDefault();
     }
-
     handler && handler(event);
   };
-
   React.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 () {};
@@ -196,7 +186,6 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
       return eventHandler(e);
     };
   };
-
   return {
     bindings: {
       onKeyDown: elementBindingHandler('keydown'),
@@ -208,7 +197,6 @@ var useKeyboard = function useKeyboard(handler, keyBindings) {
     }
   };
 };
-
 var useKeyboard$1 = useKeyboard;
 
 exports["default"] = useKeyboard$1;

package/dist/use-keyboard/use-keyboard.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-export declare type KeyboardOptions = {
+export type KeyboardOptions = {
     disableGlobalEvent?: boolean;
     stopPropagation?: boolean;
     preventDefault?: boolean;
     capture?: boolean;
     event?: 'keydown' | 'keypress' | 'keyup';
 };
-export declare type KeyboardResult = {
+export type KeyboardResult = {
     bindings: {
         onKeyDown: React.KeyboardEventHandler;
         onKeyDownCapture: React.KeyboardEventHandler;
@@ -16,7 +16,7 @@ export declare type KeyboardResult = {
         onKeyUpCapture: React.KeyboardEventHandler;
     };
 };
-export declare type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
-export declare type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
+export type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
+export type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
 declare const useKeyboard: UseKeyboard;
 export default useKeyboard;

package/dist/use-media-query/index.d.ts

@@ -1,3 +1,3 @@
-import useMediaQuery from "./use-media-query";
-export type { ResponsiveBreakpoint, ResponsiveOptions } from "./use-media-query";
+import useMediaQuery from './use-media-query';
+export type { ResponsiveBreakpoint, ResponsiveOptions } from './use-media-query';
 export default useMediaQuery;

package/dist/use-media-query/index.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,114 +9,105 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-
-  return keys;
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
   }
-
-  return target;
 }
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-
-  return obj;
+  return t;
 }
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
 }
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-
-  return _arr;
+  return ("string" === r ? String : Number)(t);
 }
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
 }
+function _typeof(o) {
+  "@babel/helpers - typeof";
 
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
 }
 
 var defaultFont = {
@@ -302,12 +294,10 @@ var deepDuplicable = function deepDuplicable(source, target) {
   if (!isObject(target) || !isObject(source)) return source;
   var sourceKeys = Object.keys(source);
   var result = {};
-
   for (var _i = 0, _sourceKeys = sourceKeys; _i < _sourceKeys.length; _i++) {
     var key = _sourceKeys[_i];
     var sourceValue = source[key];
     var targetValue = target[key];
-
     if (Array.isArray(sourceValue) && Array.isArray(targetValue)) {
       result[key] = targetValue.concat(sourceValue);
     } else if (isObject(sourceValue) && isObject(targetValue)) {
@@ -318,18 +308,14 @@ var deepDuplicable = function deepDuplicable(source, target) {
       result[key] = sourceValue;
     }
   }
-
   return result;
 };
-
 var getPresets = function getPresets() {
   return [lightTheme, darkTheme];
 };
-
 var getPresetStaticTheme = function getPresetStaticTheme() {
   return lightTheme;
 };
-
 var isAvailableThemeType = function isAvailableThemeType(type) {
   if (!type) return false;
   var presetThemes = getPresets();
@@ -338,37 +324,30 @@ var isAvailableThemeType = function isAvailableThemeType(type) {
   });
   return !hasType;
 };
-
 var isPresetTheme = function isPresetTheme(themeOrType) {
   if (!themeOrType) return false;
   var isType = typeof themeOrType === 'string';
   var type = isType ? themeOrType : themeOrType.type;
   return !isAvailableThemeType(type);
 };
-
 var hasUserCustomTheme = function hasUserCustomTheme() {
   var themes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return !!themes.find(function (item) {
     return isAvailableThemeType(item.type);
   });
 };
-
 var create = function create(base, custom) {
   if (!isAvailableThemeType(custom.type)) {
     throw new Error('Duplicate or unavailable theme type');
   }
-
   return deepDuplicable(base, custom);
 };
-
 var createFromDark = function createFromDark(custom) {
   return create(darkTheme, custom);
 };
-
 var createFromLight = function createFromLight(custom) {
   return create(lightTheme, custom);
 };
-
 var Themes = {
   isPresetTheme: isPresetTheme,
   isAvailableThemeType: isAvailableThemeType,
@@ -393,7 +372,6 @@ var tuple = function tuple() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return args;
 };
 tuple('default', 'primary', 'secondary', 'info', 'success', 'warning', 'error', 'abort', 'primary-light', 'secondary-light', 'info-light', 'success-light', 'warning-light', 'error-light');
@@ -410,14 +388,12 @@ 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,
@@ -428,13 +404,12 @@ var makeQueries = function makeQueries(bp, up, down) {
     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;
+    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 = React.useMemo(function () {
@@ -445,43 +420,36 @@ var useMediaQuery = function useMediaQuery(breakpoint) {
   var query = React.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 = React.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];
-
+      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];
   React.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);
@@ -489,7 +457,6 @@ var useMediaQuery = function useMediaQuery(breakpoint) {
   }, [query, supportMedia]);
   return state;
 };
-
 var useMediaQuery$1 = useMediaQuery;
 
 exports["default"] = useMediaQuery$1;

package/dist/use-media-query/use-media-query.d.ts

@@ -1,8 +1,8 @@
 declare const breakpoints: ["xs", "sm", "md", "lg", "xl", "mobile"];
-export declare type ResponsiveBreakpoint = typeof breakpoints[number];
+export type ResponsiveBreakpoint = typeof breakpoints[number];
 declare const matchType: ["up", "down", "default"];
-export declare type ResponsiveMatchType = typeof matchType[number];
-export declare type ResponsiveOptions = {
+export type ResponsiveMatchType = typeof matchType[number];
+export type ResponsiveOptions = {
     match?: ResponsiveMatchType;
     ssrMatchMedia?: (query: string) => {
         matches: boolean;

package/dist/use-modal/index.d.ts

@@ -1,3 +1,3 @@
-import useModal from "./use-modal";
-export type { ModalHooksBindings } from "./use-modal";
+import useModal from './use-modal';
+export type { ModalHooksBindings } from './use-modal';
 export default useModal;