chesai-ui 0.16.16 → 0.16.17

package/dist/components/reverse-infinite-scroll/index.mjs

@@ -1,95 +1,98 @@
-import { jsx as i, jsxs as j } from "react/jsx-runtime";
-import { forwardRef as E, useRef as f, useState as k, useEffect as a, useImperativeHandle as z, useLayoutEffect as H } from "react";
-import { clsx as T } from "clsx";
-import { LoadingIndicator as D } from "../loadingIndicator/index.mjs";
-const q = E(
+import { jsx as i, jsxs as k } from "react/jsx-runtime";
+import { forwardRef as z, useRef as p, useState as D, useEffect as a, useImperativeHandle as q, useLayoutEffect as T } from "react";
+import { clsx as A } from "clsx";
+import { LoadingIndicator as C } from "../loadingIndicator/index.mjs";
+const F = z(
   ({
     children: m,
-    onLoadOlder: B,
-    hasMore: p,
+    onLoadOlder: x,
+    hasMore: g,
     isLoading: u,
-    loader: S,
-    autoScrollThreshold: A = 120,
-    loadThreshold: g = 50,
-    onAtBottomChange: x,
-    behavior: R = "instant",
-    className: b,
-    viewportClassName: y,
-    ...I
-  }, w) => {
-    const c = f(null), h = f(null), o = f({
+    loader: R,
+    autoScrollThreshold: f = 120,
+    loadThreshold: v = 50,
+    onAtBottomChange: w,
+    behavior: b = "instant",
+    className: y,
+    viewportClassName: I,
+    ...N
+  }, L) => {
+    const n = p(null), h = p(null), e = p({
       previousScrollHeight: 0,
       previousScrollTop: 0,
       isAtBottom: !0,
       isLoadingOlder: !1
-    }), [C, L] = k(!0);
+    }), [G, H] = D(!0);
     a(() => {
-      o.current.isLoadingOlder = u;
+      e.current.isLoadingOlder = u;
     }, [u]);
-    const N = (t) => {
-      const { scrollTop: e, scrollHeight: r, clientHeight: l } = t;
-      return r - l - e <= A;
-    }, v = (t) => {
-      const e = c.current;
-      if (!e) return;
-      const r = e.scrollHeight - e.clientHeight;
-      e.scrollTo({
-        top: r,
-        behavior: t || R
-      }), o.current.isAtBottom = !0, d(!0);
+    const O = (t) => {
+      const { scrollTop: r, scrollHeight: o, clientHeight: c } = t;
+      return o - c - r <= f;
+    }, S = (t) => {
+      const r = n.current;
+      if (!r) return;
+      const o = r.scrollHeight - r.clientHeight;
+      r.scrollTo({
+        top: o,
+        behavior: t || b
+      }), e.current.isAtBottom = !0, d(!0);
     }, d = (t) => {
-      o.current.isAtBottom !== t && (o.current.isAtBottom = t, L(t), x?.(t));
+      e.current.isAtBottom !== t && (e.current.isAtBottom = t, H(t), w?.(t));
     };
-    z(w, () => ({
-      scrollToBottom: (t) => v(t),
-      getHTMLElement: () => c.current,
-      isAtBottom: () => o.current.isAtBottom
+    q(L, () => ({
+      scrollToBottom: (t) => S(t),
+      getHTMLElement: () => n.current,
+      isAtBottom: () => e.current.isAtBottom
     }));
-    const O = (t) => {
-      const e = t.currentTarget, { scrollTop: r, scrollHeight: l, clientHeight: n } = e;
-      o.current.previousScrollTop = r;
-      const s = N(e);
-      d(s), r <= g && p && !o.current.isLoadingOlder && (o.current.isLoadingOlder = !0, B());
+    const j = (t) => {
+      const r = t.currentTarget, { scrollTop: o, scrollHeight: c } = r;
+      e.current.previousScrollTop = o, e.current.previousScrollHeight = c;
+      const l = O(r);
+      d(l), o <= v && g && !e.current.isLoadingOlder && (e.current.isLoadingOlder = !0, x());
     };
-    return H(() => {
-      const t = c.current;
-      t && (o.current.previousScrollHeight = t.scrollHeight, o.current.previousScrollTop = t.scrollTop);
-    }), H(() => {
-      const t = c.current;
+    return T(() => {
+      const t = n.current;
+      t && (e.current.previousScrollHeight = t.scrollHeight, e.current.previousScrollTop = t.scrollTop);
+    }), T(() => {
+      const t = n.current;
       if (!t) return;
-      const { previousScrollHeight: e, previousScrollTop: r, isAtBottom: l } = o.current, n = t.scrollHeight, s = n - e;
-      s > 0 && r <= g + 10 ? t.scrollTop = r + s : l && (t.scrollTop = n - t.clientHeight);
+      const { previousScrollHeight: r, previousScrollTop: o, isAtBottom: c } = e.current, l = t.scrollHeight, s = l - r;
+      s > 0 && o <= v + 10 ? t.scrollTop = o + s : c && (t.scrollTop = l - t.clientHeight);
     }, [m]), a(() => {
-      const t = c.current, e = h.current;
-      if (!t || !e) return;
-      const r = new ResizeObserver(() => {
-        const { isAtBottom: l } = o.current;
-        l && (t.scrollTop = t.scrollHeight - t.clientHeight);
+      const t = n.current, r = h.current;
+      if (!t || !r) return;
+      const o = new ResizeObserver(() => {
+        const { previousScrollHeight: c, previousScrollTop: l, isAtBottom: s } = e.current, E = c - t.clientHeight - l <= f;
+        if (s || E) {
+          const B = t.scrollHeight - t.clientHeight;
+          t.scrollTop = B, e.current.previousScrollHeight = t.scrollHeight, e.current.previousScrollTop = B, e.current.isAtBottom = !0, H(!0);
+        }
       });
-      return r.observe(e), () => r.disconnect();
-    }, []), a(() => {
-      v("instant");
+      return o.observe(r), () => o.disconnect();
+    }, [f]), a(() => {
+      S("instant");
     }, []), /* @__PURE__ */ i(
       "div",
       {
-        ref: c,
-        onScroll: O,
-        className: T(
+        ref: n,
+        onScroll: j,
+        className: A(
           "flex flex-col overflow-y-auto h-full w-full outline-none",
-          y
+          I
         ),
         style: {
           overflowAnchor: "none"
           // Override browser anchoring to allow custom precision offsets
         },
-        ...I,
-        children: /* @__PURE__ */ j(
+        ...N,
+        children: /* @__PURE__ */ k(
           "div",
           {
             ref: h,
-            className: T("flex flex-col w-full", b),
+            className: A("flex flex-col w-full", y),
             children: [
-              p && /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-center py-4 min-h-[48px]", children: u ? S || /* @__PURE__ */ i(D, { variant: "material-morph-background" }) : /* @__PURE__ */ i("div", { className: "h-px bg-transparent w-full" }) }),
+              g && /* @__PURE__ */ i("div", { className: "flex w-full items-center justify-center py-4 min-h-[48px]", children: u ? R || /* @__PURE__ */ i(C, { variant: "material-morph-background" }) : /* @__PURE__ */ i("div", { className: "h-px bg-transparent w-full" }) }),
               m
             ]
           }
@@ -98,7 +101,7 @@ const q = E(
     );
   }
 );
-q.displayName = "ReverseInfiniteScroll";
+F.displayName = "ReverseInfiniteScroll";
 export {
-  q as ReverseInfiniteScroll
+  F as ReverseInfiniteScroll
 };

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "chesai-ui",
   "private": false,
-  "version": "0.16.16",
+  "version": "0.16.17",
+  "packageManager": "pnpm@10.12.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/ayhamdev/chesai-ui"
@@ -24,6 +25,19 @@
   "engines": {
     "node": ">=22"
   },
+  "scripts": {
+    "dev": "bunx storybook dev -p 8000",
+    "build": "storybook build",
+    "build:lib": "tsc && vite build",
+    "build:docs": "npx ts-node  ./scripts/generate-llm.ts",
+    "lint": "npx @biomejs/biome lint --write ./src",
+    "format": "npx @biomejs/biome check --write --organize-imports-enabled=true ./src",
+    "test": "vitest",
+    "test:cov": "vitest run --coverage",
+    "gen:context": "bun run ./scripts/context.ts",
+    "git:diff-merge": "git diff --unified=2000 $(git merge-base main HEAD)...HEAD",
+    "git:diff": "git diff --unified=2000 > git-changes.txt"
+  },
   "dependencies": {
     "@capacitor/app": "^8.0.0",
     "@capacitor/core": "^8.0.1",
@@ -155,18 +169,5 @@
       "biome lint --write --no-errors-on-unmatched --files-ignore-unknown=true",
       "biome format --write --no-errors-on-unmatched"
     ]
-  },
-  "scripts": {
-    "dev": "bunx storybook dev -p 8000",
-    "build": "storybook build",
-    "build:lib": "tsc && vite build",
-    "build:docs": "npx ts-node  ./scripts/generate-llm.ts",
-    "lint": "npx @biomejs/biome lint --write ./src",
-    "format": "npx @biomejs/biome check --write --organize-imports-enabled=true ./src",
-    "test": "vitest",
-    "test:cov": "vitest run --coverage",
-    "gen:context": "bun run ./scripts/context.ts",
-    "git:diff-merge": "git diff --unified=2000 $(git merge-base main HEAD)...HEAD",
-    "git:diff": "git diff --unified=2000 > git-changes.txt"
   }
-}
+}