@streamlayer/react-ui 1.10.0 → 1.11.1

package/lib/ui/navigation/button/FeaturedGroups.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '.';
 export declare const FeaturedGroupsButtonId = "featuredGroups";
 export declare const FeaturedGroupsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'> & {
-    labelFull: boolean;
+    labelFull?: boolean;
 }>;

package/lib/ui/navigation/index.d.ts

@@ -1,5 +1,7 @@
-import { ButtonProps } from './button';
-export declare const Navigation: React.FC<{
-    children: React.ReactElement<ButtonProps>[];
+export declare const Navigation: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NavigationItems: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    children: React.ReactElement<import('./button').ButtonProps>[];
     className?: string;
 }>;

package/lib/ui/navigation/index.js

@@ -1,16 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import { styled as r } from "@linaria/react";
-const n = /* @__PURE__ */ r("div")({
-  name: "Buttons",
-  class: "b6tbwuy",
+import { styled as a } from "@linaria/react";
+import { Navigation as s } from "./styles.js";
+const n = /* @__PURE__ */ a("div")({
+  name: "Navigation",
+  class: "n6tbwuy",
   propsAsIs: !1
-}), i = ({
-  children: t,
-  className: s
-}) => /* @__PURE__ */ o(n, {
-  className: s,
-  children: t
+}), t = () => s, e = /* @__PURE__ */ a(t())({
+  name: "NavigationItems",
+  class: "n1up4z7v",
+  propsAsIs: !0
 });
 export {
-  i as Navigation
+  n as Navigation,
+  e as NavigationItems
 };

package/lib/ui/navigation/masters.js

@@ -1,5 +1,5 @@
 import { styled as a } from "@linaria/react";
-import { Navigation as s } from "./index.js";
+import { Navigation as s } from "./styles.js";
 const n = /* @__PURE__ */ a("div")({
   name: "Navigation",
   class: "n19lpak2",

package/lib/ui/navigation/styles.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from './button';
+export declare const Navigation: React.FC<{
+    children: React.ReactElement<ButtonProps>[];
+    className?: string;
+}>;

package/lib/ui/navigation/styles.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { styled as r } from "@linaria/react";
+const n = /* @__PURE__ */ r("div")({
+  name: "Buttons",
+  class: "b5o8qbl",
+  propsAsIs: !1
+}), i = ({
+  children: o,
+  className: s
+}) => /* @__PURE__ */ t(n, {
+  className: s,
+  children: o
+});
+export {
+  i as Navigation
+};

package/lib/ui/theme/theme.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as t } from "react/jsx-runtime";
-import { breakpoints as d } from "./breakpoints.js";
+import { breakpoints as n } from "./breakpoints.js";
 import { colors as p, colorsAdvertisement as s, FONT as e } from "./constants.js";
 const l = `
   ${p}
@@ -20,7 +20,6 @@ const l = `
 
   --header-offset: 0px;
   --header-height: 68px;
-  --watch-live-header: 0px;
   --animation-duration: 0.5s;
   --animation-function: ease;
   --container-padding: 16px;
@@ -46,12 +45,11 @@ const l = `
   --promo-animation-duration: 0.5s;
   --promo-animation-function: ease-in;
 
-  ${d.down("xl")`
+  ${n.down("xl")`
     --header-offset: 0px;
-    --watch-live-header: 46px;
   `}
 
-  ${d.intermediate("xl", "lg")`
+  ${n.intermediate("xl", "lg")`
     --header-offset: 0px;
   `}
 
@@ -87,7 +85,7 @@ const l = `
     --adv-sponsor-logo-size: 28px;
     --adv-sponsor-font-size: 12px;
   }
-`, m = "StreamLayerCSSReset", c = "ttkj0ah", g = () => /* @__PURE__ */ i("table", {
+`, m = "StreamLayerCSSReset", g = "ttkj0ah", c = () => /* @__PURE__ */ i("table", {
   children: /* @__PURE__ */ t("table", {
     children: [/* @__PURE__ */ i("thead", {
       children: /* @__PURE__ */ t("tr", {
@@ -98,8 +96,8 @@ const l = `
         })]
       })
     }), /* @__PURE__ */ i("tbody", {
-      children: l.split(";").map((n) => {
-        const a = n.trim(), [o, r] = a.split(":");
+      children: l.split(";").map((d) => {
+        const a = d.trim(), [o, r] = a.split(":");
         return /* @__PURE__ */ t("tr", {
           children: [/* @__PURE__ */ i("td", {
             children: o
@@ -112,8 +110,8 @@ const l = `
   })
 });
 export {
-  g as ThemeVariables,
+  c as ThemeVariables,
   m as resetCss,
-  c as theme,
+  g as theme,
   l as themeStr
 };

package/lib/ui/video-player/index.js

@@ -1,12 +1,12 @@
-import { jsxs as H, jsx as o } from "react/jsx-runtime";
+import { jsxs as H, jsx as i } from "react/jsx-runtime";
 import { cx as L } from "@linaria/core";
 import { useRef as S, useState as d, useCallback as y, useEffect as P } from "react";
 import { eventBus as C } from "@streamlayer/sdk-web-interfaces";
 import { SvgIcon as h } from "../icons/index.js";
 import { Container as M, ToggleIconPause as j, HideControls as k, Player as A, Poster as B, Control as F } from "./styles.js";
 const N = (s) => {
-  for (const n of s)
-    n.isIntersecting ? n.target instanceof HTMLVideoElement && n.target.autoplay && n.target.play() : n.target instanceof HTMLVideoElement && !n.target.paused && n.target.pause();
+  for (const r of s)
+    r.isIntersecting ? r.target instanceof HTMLVideoElement && r.target.autoplay && r.target.play() : r.target instanceof HTMLVideoElement && !r.target.paused && r.target.pause();
 }, E = new IntersectionObserver(N, { threshold: 0.5 }), m = /* @__PURE__ */ new Set(), q = (s) => {
   E.observe(s), m.add(s);
 }, z = (s) => {
@@ -16,18 +16,18 @@ const N = (s) => {
     s instanceof HTMLVideoElement && !s.paused && s.pause();
 }, X = ({
   poster: s,
-  source: n,
+  source: r,
   aspectRatio: p,
-  controlVideo: r,
-  onPlay: i,
+  controlVideo: n,
+  onPlay: o,
   autoPlay: I,
   hideControls: u
 }) => {
   const e = S(null), [c, l] = d(!1), [g, f] = d(!0), O = y(() => {
-    r == null || r({ muted: !0 });
-  }, [r]), a = y(() => {
-    r == null || r({ muted: !1 });
-  }, [r]), T = (t) => {
+    n == null || n({ muted: !0 });
+  }, [n]), a = y(() => {
+    n == null || n({ muted: !1 });
+  }, [n]), T = (t) => {
     t.stopPropagation();
     const v = e == null ? void 0 : e.current;
     if (v) {
@@ -64,14 +64,14 @@ const N = (s) => {
       className: L(c && j, u && k),
       style: p ? { aspectRatio: p } : {},
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ i(
           A,
           {
             ref: e,
-            src: n,
+            src: r,
             autoPlay: I,
             onPlay: () => {
-              console.log("play"), O(), l(!0), f(!1), i == null || i();
+              O(), l(!0), f(!1), o == null || o();
             },
             onPause: () => {
               a(), l(!1);
@@ -84,8 +84,8 @@ const N = (s) => {
             playsInline: !0
           }
         ),
-        /* @__PURE__ */ o(B, { src: s, style: { visibility: g ? "visible" : "hidden" } }),
-        !u && /* @__PURE__ */ o(F, { children: c ? /* @__PURE__ */ o(h, { name: "icon-pause" }) : /* @__PURE__ */ o(h, { name: "icon-play" }) })
+        /* @__PURE__ */ i(B, { src: s, style: { visibility: g ? "visible" : "hidden" } }),
+        !u && /* @__PURE__ */ i(F, { children: c ? /* @__PURE__ */ i(h, { name: "icon-pause" }) : /* @__PURE__ */ i(h, { name: "icon-play" }) })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -59,18 +59,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^1.7.0",
-    "@streamlayer/sdk-web": "^1.4.0",
-    "@streamlayer/sdk-web-analytics": "^1.4.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.0",
-    "@streamlayer/sdk-web-api": "^1.6.0",
-    "@streamlayer/sdk-web-core": "^1.5.0",
-    "@streamlayer/sdk-web-features": "^1.0.21",
-    "@streamlayer/sdk-web-interfaces": "^1.2.0",
-    "@streamlayer/sdk-web-logger": "^1.0.21",
-    "@streamlayer/sdk-web-notifications": "^1.2.0",
-    "@streamlayer/sdk-web-storage": "^1.0.21",
-    "@streamlayer/sdk-web-types": "^1.7.0"
+    "@streamlayer/feature-gamification": "^1.8.1",
+    "@streamlayer/sdk-web": "^1.5.1",
+    "@streamlayer/sdk-web-analytics": "^1.4.2",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.2",
+    "@streamlayer/sdk-web-api": "^1.6.2",
+    "@streamlayer/sdk-web-core": "^1.6.1",
+    "@streamlayer/sdk-web-features": "^1.0.23",
+    "@streamlayer/sdk-web-interfaces": "^1.2.2",
+    "@streamlayer/sdk-web-logger": "^1.0.23",
+    "@streamlayer/sdk-web-notifications": "^1.2.2",
+    "@streamlayer/sdk-web-storage": "^1.0.23",
+    "@streamlayer/sdk-web-types": "^1.7.2"
   },
   "nx": {
     "implicitDependencies": [
@@ -111,6 +111,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.7.0"
+    "@streamlayer/react": "^1.8.1"
   }
 }

package/lib/app/app/Navigation/SDKPillNode.d.ts

@@ -1 +0,0 @@
-export declare const SDKPillNode: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/app/Navigation/SDKPillNode.js

@@ -1,9 +0,0 @@
-import { styled as s } from "@linaria/react";
-const l = /* @__PURE__ */ s("div")({
-  name: "SDKPillNode",
-  class: "sze5zj7",
-  propsAsIs: !1
-});
-export {
-  l as SDKPillNode
-};