@streamlayer/react-ui 0.52.1 → 0.52.2

package/lib/ui/app/Features/Gamification/index.js

@@ -1,9 +1,9 @@
 import { jsxs as p, Fragment as e, jsx as r } from "react/jsx-runtime";
 import { styled as n } from "@linaria/react";
 import { useStore as s } from "@nanostores/react";
-import { SDKScrollContainer as l } from "../../styles.js";
-import { ShowIn as d } from "../../../show-in/index.js";
-import { Question as u } from "./Question.js";
+import { SDKScrollContainer as d } from "../../styles.js";
+import { ShowIn as u } from "../../../show-in/index.js";
+import { Question as l } from "./Question.js";
 import { Tabs as a } from "./Tabs.js";
 import "@streamlayer/sdk-web-types";
 import "../../../gamification/detail/header/index.js";
@@ -52,26 +52,26 @@ import "../../../gamification/user-statistics/components/rank/styles.js";
 import "../../../gamification/user-statistics/components/statistic/index.js";
 import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
-const c = n(d)`
+const c = n(u)`
   position: absolute;
   inset: 0;
   top: var(--header-height);
   background: var(--color-neutrals-white);
   z-index: 3;
-`, fo = ({ gamification: o, className: t }) => {
+`, Qo = ({ gamification: o, className: t }) => {
   const { loading: m, data: i } = s(o.openedQuestion);
   return /* @__PURE__ */ p(e, { children: [
     (m || i) && /* @__PURE__ */ r(c, { className: t, children: /* @__PURE__ */ r(
-      u,
+      l,
       {
         closeQuestion: o.closeQuestion,
         vote: o.submitAnswer,
         openedQuestion: i
       }
     ) }),
-    /* @__PURE__ */ r(l, { className: t, "data-nav": "true", style: { display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ r(a, { gamification: o }) })
+    /* @__PURE__ */ r(d, { className: t, "data-nav": "true", children: /* @__PURE__ */ r(a, { gamification: o }) })
   ] });
 };
 export {
-  fo as GamificationOverlay
+  Qo as GamificationOverlay
 };

package/lib/ui/gamification/leaderboard-list/index.js

@@ -1,41 +1,41 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import l from "react-virtualized-auto-sizer";
-import { FixedSizeList as u } from "react-window";
-import I from "react-window-infinite-loader";
-import { LeaderboardItem as f } from "../leaderboard-item/index.js";
+import { FixedSizeList as h } from "react-window";
+import u from "react-window-infinite-loader";
+import { LeaderboardItem as I } from "../leaderboard-item/index.js";
 import "../../../utils/common.js";
 import "../leaderboard-item/styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
-const x = ({ items: r, openItemDetail: i, fetchMore: m }) => /* @__PURE__ */ o(l, { children: ({ width: d, height: n }) => /* @__PURE__ */ o(
-  I,
+const j = ({ items: r, openItemDetail: i, fetchMore: m }) => /* @__PURE__ */ t(l, { children: ({ width: d, height: n }) => /* @__PURE__ */ t(
+  u,
   {
-    isItemLoaded: (t) => t < r.length,
+    isItemLoaded: (e) => e < r.length,
     itemCount: r.length + 1,
     loadMoreItems: m,
-    children: ({ onItemsRendered: t, ref: p }) => /* @__PURE__ */ o(
-      u,
+    children: ({ onItemsRendered: e, ref: p }) => /* @__PURE__ */ t(
+      h,
       {
-        itemSize: 58,
-        onItemsRendered: t,
+        itemSize: 56,
+        onItemsRendered: e,
         ref: p,
         itemCount: r.length,
         width: d,
         height: n,
-        children: ({ index: e, style: a }) => /* @__PURE__ */ o(
-          f,
+        children: ({ index: o, style: a }) => /* @__PURE__ */ t(
+          I,
           {
-            style: a,
-            ...r[e],
-            openItemDetail: () => i(r[e].userId)
+            style: { ...a, maxHeight: 48 },
+            ...r[o],
+            openItemDetail: () => i(r[o].userId)
           },
-          r[e].userId
+          r[o].userId
         )
       }
     )
   }
 ) });
 export {
-  x as LeaderboardList
+  j as LeaderboardList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.52.1",
+  "version": "0.52.2",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -30,12 +30,12 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.19.4",
-    "@streamlayer/sdk-web": "^0.28.11",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.6",
+    "@streamlayer/sdk-web": "^0.28.12",
+    "@streamlayer/feature-gamification": "^0.19.5",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.7",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.17.1",
-    "@streamlayer/sdk-web-features": "^0.10.14",
+    "@streamlayer/sdk-web-core": "^0.17.2",
+    "@streamlayer/sdk-web-features": "^0.10.15",
     "@streamlayer/sdk-web-interfaces": "^0.18.9",
     "@streamlayer/sdk-web-notifications": "^0.10.8",
     "@streamlayer/sdk-web-storage": "^0.3.10",
@@ -78,6 +78,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.26.1"
+    "@streamlayer/react": "^0.26.2"
   }
 }