@streamlayer/react-ui 1.28.2 → 1.28.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.28.2",
+  "version": "1.28.3",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -80,19 +80,19 @@
     "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.21.2",
-    "@streamlayer/react-polyfills": "^0.1.33",
-    "@streamlayer/sdk-web": "^1.14.6",
-    "@streamlayer/sdk-web-analytics": "^1.11.6",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.52",
-    "@streamlayer/sdk-web-api": "^1.12.6",
-    "@streamlayer/sdk-web-core": "^1.15.6",
-    "@streamlayer/sdk-web-features": "^1.0.73",
-    "@streamlayer/sdk-web-interfaces": "^1.7.6",
-    "@streamlayer/sdk-web-logger": "^1.0.73",
-    "@streamlayer/sdk-web-notifications": "^1.3.35",
-    "@streamlayer/sdk-web-storage": "^1.0.73",
-    "@streamlayer/sdk-web-types": "^1.14.6"
+    "@streamlayer/react-polyfills": "^0.1.34",
+    "@streamlayer/feature-gamification": "^1.21.3",
+    "@streamlayer/sdk-web": "^1.14.7",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.53",
+    "@streamlayer/sdk-web-analytics": "^1.11.7",
+    "@streamlayer/sdk-web-api": "^1.12.7",
+    "@streamlayer/sdk-web-core": "^1.15.7",
+    "@streamlayer/sdk-web-interfaces": "^1.7.7",
+    "@streamlayer/sdk-web-features": "^1.0.74",
+    "@streamlayer/sdk-web-logger": "^1.0.74",
+    "@streamlayer/sdk-web-notifications": "^1.3.36",
+    "@streamlayer/sdk-web-storage": "^1.0.74",
+    "@streamlayer/sdk-web-types": "^1.14.7"
   },
   "nx": {
     "implicitDependencies": [
@@ -133,7 +133,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.18.6"
+    "@streamlayer/react": "^1.18.7"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.2.0",

package/lib/hooks/useKeyboardNavigation.d.ts

@@ -1,15 +0,0 @@
-import { DependencyList } from 'react';
-interface KeyboardNavigationOptions {
-    containerSelector: string;
-    getElements?: (container: HTMLElement) => HTMLElement[];
-    onEscape: () => void;
-    onEnter?: (element: HTMLElement, index: number) => void;
-    initialFocusPriority?: 'close-btn' | 'first' | number;
-    enabled?: boolean;
-    dependencies?: DependencyList;
-    resetFocusOn?: unknown[];
-}
-export declare const useKeyboardNavigation: (options: KeyboardNavigationOptions) => {
-    focusedIndex: import('react').MutableRefObject<number>;
-};
-export {};

package/lib/hooks/useKeyboardNavigation.js

@@ -1,74 +0,0 @@
-import { useRef as m, useEffect as D } from "react";
-const R = (g) => {
-  const {
-    containerSelector: y,
-    getElements: A,
-    onEscape: v,
-    onEnter: a,
-    initialFocusPriority: l = "close-btn",
-    enabled: E = !0,
-    dependencies: h = [],
-    resetFocusOn: f = []
-  } = g, t = m(0), d = m(!1), k = m(f);
-  return f.some((o, p) => o !== k.current[p]) && (d.current = !1, k.current = f), D(() => {
-    if (!E) return;
-    const o = document.querySelector(y);
-    if (!o) return;
-    const b = A || ((e) => Array.from(e.querySelectorAll("button")).filter((r) => !r.disabled));
-    let n = b(o);
-    (() => {
-      var e, c, r;
-      if (n.length !== 0) {
-        if (d.current) {
-          const s = document.activeElement;
-          if (n.includes(s))
-            return;
-        }
-        if (l === "close-btn") {
-          const s = o.querySelector('[data-close-btn="true"]');
-          if (s) {
-            const i = n.indexOf(s);
-            t.current = i !== -1 ? i : 0, s.focus();
-          } else
-            t.current = 0, (e = n[t.current]) == null || e.focus();
-        } else l === "first" ? (t.current = 0, (c = n[t.current]) == null || c.focus()) : typeof l == "number" && (t.current = Math.min(l, n.length - 1), (r = n[t.current]) == null || r.focus());
-        d.current = !0;
-      }
-    })();
-    const w = (e) => {
-      var s, i;
-      if (!o) return;
-      n = b(o);
-      const c = n.length;
-      if (c === 0) return;
-      const r = e.keyCode;
-      if (["ArrowDown", "ArrowRight"].includes(e.key) || r === 40 || r === 39) {
-        t.current = (t.current + 1) % c, (s = n[t.current]) == null || s.focus(), e.preventDefault();
-        return;
-      }
-      if (["ArrowUp", "ArrowLeft"].includes(e.key) || r === 38 || r === 37) {
-        t.current = (t.current - 1 + c) % c, (i = n[t.current]) == null || i.focus(), e.preventDefault();
-        return;
-      }
-      if (e.key === "Enter" || r === 13 || e.key === " ") {
-        const u = n[t.current];
-        if (!u) return;
-        const F = document.activeElement;
-        if (!n.includes(F))
-          return;
-        a ? a(u, t.current) : (u.tagName === "BUTTON" || u.tagName, u.click()), e.preventDefault();
-        return;
-      }
-      if (e.key === "Escape" || e.key === "Backspace" || e.code === "Back" || r === 10009) {
-        v(), e.preventDefault();
-        return;
-      }
-    };
-    return window.addEventListener("keydown", w), () => {
-      window.removeEventListener("keydown", w);
-    };
-  }, [E, y, l, v, a, ...h, ...f]), { focusedIndex: t };
-};
-export {
-  R as useKeyboardNavigation
-};