@algorithm-shift/design-system 1.3.111 → 1.3.112

package/dist/index.js

@@ -630,7 +630,7 @@ var Typography = ({
     Tag,
     {
       style,
-      className: cn(className, "pointer-events-auto"),
+      className: cn(className, "pointer-events-auto", onClick ? "cursor-pointer" : ""),
       onClick
     },
     [
@@ -2141,6 +2141,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 || [];
@@ -2169,7 +2180,7 @@ function useLazyDropdown(config) {
     } finally {
       setLoading(false);
     }
-  }, [fetchApiData, transformToOptions]);
+  }, [fetchApiData, transformToOptions, PAGE_SIZE]);
   const fetchValueItem = async () => {
     if (!configRef.current.apiUrl) return [];
     try {
@@ -3008,6 +3019,7 @@ function DateTimePicker({
   mode = "date",
   ...props
 }) {
+  const [open, setOpen] = React8.useState(false);
   const placeholderMap = {
     date: "Select date",
     datetime: "Select date & time",
@@ -3108,9 +3120,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) => {
@@ -3180,9 +3194,10 @@ function DateTimePicker({
     const today = /* @__PURE__ */ new Date();
     const selectedYearDate = new Date(year, today.getMonth(), today.getDate());
     updateDateTime(selectedYearDate);
+    setOpen(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         Button,
         {
@@ -3212,6 +3227,7 @@ function DateTimePicker({
                   e.stopPropagation();
                   setDate(void 0);
                   emitChange(void 0);
+                  setOpen(false);
                 }
               }
             )