akanjs 2.1.0-rc.4 → 2.1.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "2.1.0-rc.4",
+  "version": "2.1.0-rc.5",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/ui/DatePicker.tsx

@@ -2,15 +2,16 @@
 import { type Dayjs, dayjs } from "akanjs/base";
 import { clsx, msg } from "akanjs/client";
 import { lazy } from "akanjs/webkit";
-import { useEffect, useRef } from "react";
+import { type FocusEvent, useEffect, useRef } from "react";
 import { AiOutlineSwapRight } from "react-icons/ai";
 
+const reactDatePickerPackage = "react-datepicker";
 const reactDatePickerStylePath = "react-datepicker/dist/react-datepicker.css";
 
 const ReactDatePicker = lazy(
   async () => {
-    await import(/* @vite-ignore */ reactDatePickerStylePath);
-    return import("react-datepicker");
+    await import(reactDatePickerStylePath);
+    return import(reactDatePickerPackage);
   },
   { ssr: false },
 );
@@ -58,7 +59,7 @@ export const DatePicker = ({
       className={clsx("input text-center", className)}
       selected={value ? value.toDate() : new Date()}
       disabledKeyboardNavigation
-      onFocus={(e) => {
+      onFocus={(e: FocusEvent<HTMLInputElement>) => {
         
         if (clickNum.current % 2 === 0) e.target.blur();
         clickNum.current++;
@@ -67,7 +68,7 @@ export const DatePicker = ({
       showTimeSelect={showTime}
       popperPlacement={placement}
       timeIntervals={timeIntervals}
-      filterDate={(date) => (!disabledDate?.(dayjs(date)) ? true : false)}
+      filterDate={(date: Date) => (!disabledDate?.(dayjs(date)) ? true : false)}
       dateFormat={format}
     />
   );
@@ -119,7 +120,7 @@ const RangePicker = ({
         onChange={handleStartDateChange}
         showTimeSelect={showTime}
         timeIntervals={timeIntervals}
-        filterDate={(date) => (!disabledDate?.(dayjs(date)) ? true : false)}
+        filterDate={(date: Date) => (!disabledDate?.(dayjs(date)) ? true : false)}
         dateFormat={format}
       />
       <AiOutlineSwapRight className="text-3xl text-gray-400" />

package/ui/Refresh.tsx

@@ -3,7 +3,9 @@ import { lazy } from "akanjs/webkit";
 import type { ReactElement } from "react";
 import { BiLoaderAlt } from "react-icons/bi";
 
-const PullToRefresh = lazy(() => import("react-simple-pull-to-refresh"), { ssr: false });
+const pullToRefreshPackage = "react-simple-pull-to-refresh";
+
+const PullToRefresh = lazy(() => import(pullToRefreshPackage), { ssr: false });
 
 interface RefreshProps {
   children: ReactElement;