asterui 0.12.22 → 0.12.23

package/dist/index97.js

@@ -3,57 +3,57 @@ import { useRef as o } from "react";
 import { useVirtualizer as S } from "./index110.js";
 function N({
   items: e,
-  height: a,
+  height: u,
   itemHeight: i,
-  renderItem: u,
-  overscan: d = 5,
-  className: f = "",
-  innerClassName: h = "",
-  itemClassName: p = "",
-  width: m,
-  gap: g = 0,
+  renderItem: d,
+  overscan: f = 5,
+  className: h = "",
+  innerClassName: p = "",
+  itemClassName: m = "",
+  width: g,
+  gap: s = 0,
   onScroll: x
 }) {
-  const s = o(null), r = o(i), l = o(e);
-  r.current = i, l.current = e;
-  const c = S({
+  const l = o(null), r = o(i), c = o(e);
+  r.current = i, c.current = e;
+  const a = S({
     count: e.length,
-    getScrollElement: () => s.current,
-    estimateSize: (t) => (typeof r.current == "function" ? r.current(l.current[t], t) : r.current) + g,
-    overscan: d
-  }), y = c.getVirtualItems(), z = (t) => {
+    getScrollElement: () => l.current,
+    estimateSize: (t) => (typeof r.current == "function" ? r.current(c.current[t], t) : r.current) + s,
+    overscan: f
+  }), y = a.getVirtualItems(), z = (t) => {
     x?.(t.currentTarget.scrollTop);
   };
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: s,
-      className: `overflow-auto ${f}`,
-      style: { height: a, width: m },
+      ref: l,
+      className: `overflow-auto ${h}`,
+      style: { height: u, width: g },
       onScroll: z,
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: h,
+          className: p,
           style: {
-            height: c.getTotalSize(),
+            height: a.getTotalSize(),
             width: "100%",
             position: "relative"
           },
           children: y.map((t) => /* @__PURE__ */ n(
             "div",
             {
-              className: p,
+              className: m,
               "data-index": t.index,
               style: {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
-                height: t.size,
+                height: t.size - s,
                 transform: `translateY(${t.start}px)`
               },
-              children: u(e[t.index], t.index)
+              children: d(e[t.index], t.index)
             },
             t.key
           ))

package/dist/index97.js.map

@@ -1 +1 @@
-{"version":3,"file":"index97.js","sources":["../src/components/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nexport interface VirtualListProps<T> {\n  /** Array of items to render */\n  items: T[]\n  /** Height of the scrollable container */\n  height: number | string\n  /** Height of each item, or function returning estimated height per item */\n  itemHeight: number | ((item: T, index: number) => number)\n  /** Render function for each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Number of items to render outside visible area */\n  overscan?: number\n  /** Additional class for the scroll container */\n  className?: string\n  /** Additional class for the inner container */\n  innerClassName?: string\n  /** Additional class for each item wrapper */\n  itemClassName?: string\n  /** Width of the container */\n  width?: number | string\n  /** Gap between items */\n  gap?: number\n  /** Callback when scroll position changes */\n  onScroll?: (scrollTop: number) => void\n}\n\nexport function VirtualList<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan = 5,\n  className = '',\n  innerClassName = '',\n  itemClassName = '',\n  width,\n  gap = 0,\n  onScroll,\n}: VirtualListProps<T>) {\n  const parentRef = useRef<HTMLDivElement>(null)\n  const itemHeightRef = useRef(itemHeight)\n  const itemsRef = useRef(items)\n  itemHeightRef.current = itemHeight\n  itemsRef.current = items\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      const h = typeof itemHeightRef.current === 'function'\n        ? itemHeightRef.current(itemsRef.current[index], index)\n        : itemHeightRef.current\n      return h + gap\n    },\n    overscan,\n  })\n\n  const virtualItems = virtualizer.getVirtualItems()\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    onScroll?.(e.currentTarget.scrollTop)\n  }\n\n  return (\n    <div\n      ref={parentRef}\n      className={`overflow-auto ${className}`}\n      style={{ height, width }}\n      onScroll={handleScroll}\n    >\n      <div\n        className={innerClassName}\n        style={{\n          height: virtualizer.getTotalSize(),\n          width: '100%',\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualItem) => (\n          <div\n            key={virtualItem.key}\n            className={itemClassName}\n            data-index={virtualItem.index}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: virtualItem.size,\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          >\n            {renderItem(items[virtualItem.index], virtualItem.index)}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nVirtualList.displayName = 'VirtualList'\n"],"names":["VirtualList","items","height","itemHeight","renderItem","overscan","className","innerClassName","itemClassName","width","gap","onScroll","parentRef","useRef","itemHeightRef","itemsRef","virtualizer","useVirtualizer","index","virtualItems","handleScroll","e","jsx","virtualItem"],"mappings":";;;AA4BO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AACF,GAAwB;AACtB,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAgBD,EAAOV,CAAU,GACjCY,IAAWF,EAAOZ,CAAK;AAC7B,EAAAa,EAAc,UAAUX,GACxBY,EAAS,UAAUd;AAEnB,QAAMe,IAAcC,EAAe;AAAA,IACjC,OAAOhB,EAAM;AAAA,IACb,kBAAkB,MAAMW,EAAU;AAAA,IAClC,cAAc,CAACM,OACH,OAAOJ,EAAc,WAAY,aACvCA,EAAc,QAAQC,EAAS,QAAQG,CAAK,GAAGA,CAAK,IACpDJ,EAAc,WACPJ;AAAA,IAEb,UAAAL;AAAA,EAAA,CACD,GAEKc,IAAeH,EAAY,gBAAA,GAE3BI,IAAe,CAACC,MAAqC;AACzD,IAAAV,IAAWU,EAAE,cAAc,SAAS;AAAA,EACtC;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKV;AAAA,MACL,WAAW,iBAAiBN,CAAS;AAAA,MACrC,OAAO,EAAE,QAAAJ,GAAQ,OAAAO,EAAA;AAAA,MACjB,UAAUW;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWf;AAAA,UACX,OAAO;AAAA,YACL,QAAQS,EAAY,aAAA;AAAA,YACpB,OAAO;AAAA,YACP,UAAU;AAAA,UAAA;AAAA,UAGX,UAAAG,EAAa,IAAI,CAACI,MACjB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWd;AAAA,cACX,cAAYe,EAAY;AAAA,cACxB,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQA,EAAY;AAAA,gBACpB,WAAW,cAAcA,EAAY,KAAK;AAAA,cAAA;AAAA,cAG3C,YAAWtB,EAAMsB,EAAY,KAAK,GAAGA,EAAY,KAAK;AAAA,YAAA;AAAA,YAZlDA,EAAY;AAAA,UAAA,CAcpB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEAvB,EAAY,cAAc;"}
+{"version":3,"file":"index97.js","sources":["../src/components/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nexport interface VirtualListProps<T> {\n  /** Array of items to render */\n  items: T[]\n  /** Height of the scrollable container */\n  height: number | string\n  /** Height of each item, or function returning estimated height per item */\n  itemHeight: number | ((item: T, index: number) => number)\n  /** Render function for each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Number of items to render outside visible area */\n  overscan?: number\n  /** Additional class for the scroll container */\n  className?: string\n  /** Additional class for the inner container */\n  innerClassName?: string\n  /** Additional class for each item wrapper */\n  itemClassName?: string\n  /** Width of the container */\n  width?: number | string\n  /** Gap between items */\n  gap?: number\n  /** Callback when scroll position changes */\n  onScroll?: (scrollTop: number) => void\n}\n\nexport function VirtualList<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan = 5,\n  className = '',\n  innerClassName = '',\n  itemClassName = '',\n  width,\n  gap = 0,\n  onScroll,\n}: VirtualListProps<T>) {\n  const parentRef = useRef<HTMLDivElement>(null)\n  const itemHeightRef = useRef(itemHeight)\n  const itemsRef = useRef(items)\n  itemHeightRef.current = itemHeight\n  itemsRef.current = items\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      const h = typeof itemHeightRef.current === 'function'\n        ? itemHeightRef.current(itemsRef.current[index], index)\n        : itemHeightRef.current\n      return h + gap\n    },\n    overscan,\n  })\n\n  const virtualItems = virtualizer.getVirtualItems()\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    onScroll?.(e.currentTarget.scrollTop)\n  }\n\n  return (\n    <div\n      ref={parentRef}\n      className={`overflow-auto ${className}`}\n      style={{ height, width }}\n      onScroll={handleScroll}\n    >\n      <div\n        className={innerClassName}\n        style={{\n          height: virtualizer.getTotalSize(),\n          width: '100%',\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualItem) => (\n          <div\n            key={virtualItem.key}\n            className={itemClassName}\n            data-index={virtualItem.index}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: virtualItem.size - gap,\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          >\n            {renderItem(items[virtualItem.index], virtualItem.index)}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nVirtualList.displayName = 'VirtualList'\n"],"names":["VirtualList","items","height","itemHeight","renderItem","overscan","className","innerClassName","itemClassName","width","gap","onScroll","parentRef","useRef","itemHeightRef","itemsRef","virtualizer","useVirtualizer","index","virtualItems","handleScroll","e","jsx","virtualItem"],"mappings":";;;AA4BO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AACF,GAAwB;AACtB,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAgBD,EAAOV,CAAU,GACjCY,IAAWF,EAAOZ,CAAK;AAC7B,EAAAa,EAAc,UAAUX,GACxBY,EAAS,UAAUd;AAEnB,QAAMe,IAAcC,EAAe;AAAA,IACjC,OAAOhB,EAAM;AAAA,IACb,kBAAkB,MAAMW,EAAU;AAAA,IAClC,cAAc,CAACM,OACH,OAAOJ,EAAc,WAAY,aACvCA,EAAc,QAAQC,EAAS,QAAQG,CAAK,GAAGA,CAAK,IACpDJ,EAAc,WACPJ;AAAA,IAEb,UAAAL;AAAA,EAAA,CACD,GAEKc,IAAeH,EAAY,gBAAA,GAE3BI,IAAe,CAACC,MAAqC;AACzD,IAAAV,IAAWU,EAAE,cAAc,SAAS;AAAA,EACtC;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKV;AAAA,MACL,WAAW,iBAAiBN,CAAS;AAAA,MACrC,OAAO,EAAE,QAAAJ,GAAQ,OAAAO,EAAA;AAAA,MACjB,UAAUW;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWf;AAAA,UACX,OAAO;AAAA,YACL,QAAQS,EAAY,aAAA;AAAA,YACpB,OAAO;AAAA,YACP,UAAU;AAAA,UAAA;AAAA,UAGX,UAAAG,EAAa,IAAI,CAACI,MACjB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWd;AAAA,cACX,cAAYe,EAAY;AAAA,cACxB,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQA,EAAY,OAAOb;AAAA,gBAC3B,WAAW,cAAca,EAAY,KAAK;AAAA,cAAA;AAAA,cAG3C,YAAWtB,EAAMsB,EAAY,KAAK,GAAGA,EAAY,KAAK;AAAA,YAAA;AAAA,YAZlDA,EAAY;AAAA,UAAA,CAcpB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEAvB,EAAY,cAAc;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.22",
+  "version": "0.12.23",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {