colibri-ui 0.8.83 → 0.8.86

package/hooks/useScrollLock/index.js

@@ -2,19 +2,20 @@
 
 var React = require('react');
 
-var useScrollLock = function useScrollLock() {
-  React.useEffect(function () {
-    var body = document.querySelector("body");
+const useScrollLock = () => {
+  React.useEffect(() => {
+    const body = document.querySelector("body");
     if (!body) return undefined;
-    var _body$style = body.style,
-      overflow = _body$style.overflow,
-      width = _body$style.width;
-    var scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
+    const {
+      overflow,
+      width
+    } = body.style;
+    const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
     body.style.overflow = "hidden";
     if (scrollBarWidth > 0) {
-      body.style.width = "calc(100% - ".concat(scrollBarWidth, "px)");
+      body.style.width = `calc(100% - ${scrollBarWidth}px)`;
     }
-    return function () {
+    return () => {
       body.style.overflow = overflow;
       body.style.width = width;
     };

package/hooks/useTrapFocus/index.js

@@ -2,19 +2,17 @@
 
 var React = require('react');
 
-var getFocusableModalElements = function getFocusableModalElements(element) {
-  return element.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="password"], input[type="radio"], input[type="checkbox"], select');
-};
+const getFocusableModalElements = element => element.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="password"], input[type="radio"], input[type="checkbox"], select');
 function useTrapFocus(refObject, isActive) {
-  React.useEffect(function () {
-    var handler = function handler(event) {
+  React.useEffect(() => {
+    const handler = event => {
       if (!refObject.current || event.code !== "Tab") return;
       if (isActive && !isActive()) return;
-      var focusable = Array.from(getFocusableModalElements(refObject.current));
-      var firstElement = focusable[0];
-      var lastElement = focusable[focusable.length - 1];
+      const focusable = Array.from(getFocusableModalElements(refObject.current));
+      const firstElement = focusable[0];
+      const lastElement = focusable[focusable.length - 1];
       if (!lastElement || !firstElement) return;
-      var focusOutside = document.activeElement ? !focusable.includes(document.activeElement) : true;
+      const focusOutside = document.activeElement ? !focusable.includes(document.activeElement) : true;
       if (event.shiftKey && (document.activeElement === firstElement || focusOutside)) {
         lastElement.focus();
         event.preventDefault();
@@ -24,7 +22,7 @@ function useTrapFocus(refObject, isActive) {
       }
     };
     document.addEventListener("keydown", handler);
-    return function () {
+    return () => {
       document.removeEventListener("keydown", handler);
     };
   }, [refObject, isActive]);

package/lib/keyboard.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Keys = {
+const Keys = {
   BACKSPACE: "Backspace",
   TAB: "Tab",
   ENTER: "Enter",
@@ -19,9 +19,7 @@ var Keys = {
   DELETE: "Delete"
 };
 function isKey(eventKey, keys) {
-  return keys.some(function (value) {
-    return Keys[value] === eventKey || value === eventKey;
-  });
+  return keys.some(value => Keys[value] === eventKey || value === eventKey);
 }
 
 exports.Keys = Keys;

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.83",
+  "version": "0.8.86",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",
   "module": "esm/index.js",
   "scripts": {},
+  "browserslist": [
+    "baseline widely available"
+  ],
   "sideEffects": [
     "**/*.css",
     "**/*.scss"
@@ -53,6 +56,7 @@
     "handlebars": "4.7.9",
     "immutable": "5.1.9",
     "lodash": "4.18.1",
+    "baseline-browser-mapping": "2.11.27",
     "anymatch/picomatch": "2.3.2",
     "@storybook/core/picomatch": "2.3.2",
     "storybook/picomatch": "2.3.2",