@algorithm-shift/design-system 1.3.111 → 1.3.113

package/dist/index.mjs

@@ -532,7 +532,7 @@ var Typography = ({
     Tag,
     {
       style,
-      className: cn(className, "pointer-events-auto"),
+      className: cn(className, "pointer-events-auto", onClick ? "cursor-pointer" : ""),
       onClick
     },
     [
@@ -2043,6 +2043,17 @@ function useLazyDropdown(config) {
       let pageOptions = [];
       if (cfg.dataSource === "api") {
         pageOptions = await fetchApiData(pageNum, term);
+        if (pageNum > 1 && pageOptions.length === 0) {
+          const firstPageOptions = await fetchApiData(1, term);
+          setOptions((prev) => {
+            const merged = uniqueOptions([...firstPageOptions]);
+            return merged;
+          });
+          setPage(1);
+          setHasMore(false);
+          setLoading(false);
+          return;
+        }
         setHasMore(pageOptions.length === PAGE_SIZE);
       } else {
         const allData = allDataRef.current || [];
@@ -2071,7 +2082,7 @@ function useLazyDropdown(config) {
     } finally {
       setLoading(false);
     }
-  }, [fetchApiData, transformToOptions]);
+  }, [fetchApiData, transformToOptions, PAGE_SIZE]);
   const fetchValueItem = async () => {
     if (!configRef.current.apiUrl) return [];
     try {
@@ -2914,6 +2925,7 @@ function DateTimePicker({
   mode = "date",
   ...props
 }) {
+  const [open, setOpen] = React8.useState(false);
   const placeholderMap = {
     date: "Select date",
     datetime: "Select date & time",
@@ -3014,9 +3026,11 @@ function DateTimePicker({
     if (!next) {
       setDate(void 0);
       emitChange(void 0);
+      setOpen(false);
       return;
     }
     const clickedDate = new Date(next);
+    setOpen(false);
     updateDateTime(clickedDate);
   };
   const updateTimeInDate = (h, m) => {
@@ -3086,9 +3100,10 @@ function DateTimePicker({
     const today = /* @__PURE__ */ new Date();
     const selectedYearDate = new Date(year, today.getMonth(), today.getDate());
     updateDateTime(selectedYearDate);
+    setOpen(false);
   };
   return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsxs25(Popover, { children: [
+    /* @__PURE__ */ jsxs25(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx45(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs25(
         Button,
         {
@@ -3118,6 +3133,7 @@ function DateTimePicker({
                   e.stopPropagation();
                   setDate(void 0);
                   emitChange(void 0);
+                  setOpen(false);
                 }
               }
             )
@@ -4291,7 +4307,7 @@ function DataTable({
   const handlePageSizeChange = (e) => {
     const newSize = Number(e.target.value);
     if (paginationMode === "server") {
-      const currentPageIndex = table.getState().pagination.pageIndex;
+      const currentPageIndex = 0;
       onPageChange?.(currentPageIndex, newSize);
       setLocalPageSize(newSize);
     } else {