@loczer/storefront-sdk 0.170.0 → 0.171.0

package/dist/components/BookingPeriodSelector/components/BookingEndDateField.js

@@ -328,7 +328,7 @@ const qe = () => {
               showOutsideDays: !1,
               numberOfMonths: l,
               disabled: (e) => i && e < i || e < U,
-              initialFocus: !0,
+              autoFocus: !0,
               "data-testid": "end-date-calendar"
             },
             portalContainer: S
@@ -381,7 +381,7 @@ const qe = () => {
               showOutsideDays: !1,
               numberOfMonths: l,
               disabled: (e) => i && e < i || e < U,
-              initialFocus: !0,
+              autoFocus: !0,
               "data-testid": "end-date-calendar"
             }
           }

package/dist/components/BookingPeriodSelector/components/BookingMobileDateDrawer.js

@@ -1,12 +1,12 @@
-import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { useState as z, useRef as R, useEffect as D } from "react";
 import { startOfMonth as s, differenceInCalendarDays as Z, isSameDay as w, endOfMonth as H, addMonths as V } from "date-fns";
 import { DayButton as ee } from "react-day-picker";
 import { cn as f } from "@rpcbase/ui";
 import { buttonVariants as te, Button as T } from "../../../ui/button.js";
 import { DayPicker as F } from "../../../ui/day-picker.js";
-import { Drawer as oe, DrawerContent as ne, DrawerHeader as ae, DrawerTitle as le } from "../../../ui/drawer.js";
-import { useBookingPeriod as re } from "../BookingPeriodContext.js";
+import { Drawer as oe, DrawerContent as ne, DrawerHeader as ae, DrawerTitle as re } from "../../../ui/drawer.js";
+import { useBookingPeriod as le } from "../BookingPeriodContext.js";
 const se = ee, K = 1, P = f(
   te({ variant: "outline" }),
   "z-10 h-11 w-11 bg-background p-0 opacity-100 shadow-sm [&_svg]:size-5"
@@ -45,20 +45,20 @@ const se = ee, K = 1, P = f(
     dateLocale: S,
     isMobile: k,
     withMobileDateDrawer: B,
-    minSelectableDate: i
-  } = re(), d = B && k && (N || C), r = C && !N ? "end" : "start", G = I(i), h = I(
-    Y(n, a, i)
+    minSelectableDate: d
+  } = le(), i = B && k && (N || C), l = C && !N ? "end" : "start", G = I(d), h = I(
+    Y(n, a, d)
   ), [J, O] = z(
-    () => s(i)
+    () => s(d)
   ), [Q, p] = z(
     () => g(h)
   ), y = R(!0), v = R(!1), _ = n && (a ?? n) >= n ? Z(a ?? n, n) + 1 : null, j = a ?? n;
   if (D(() => {
-    !d || r !== "start" || O(s(i));
-  }, [r, d, G]), D(() => {
-    !d || r !== "end" || p(g(h));
-  }, [r, h, d]), D(() => {
-    if (!d || typeof document > "u")
+    !i || l !== "start" || O(s(d));
+  }, [l, i, G]), D(() => {
+    !i || l !== "end" || p(g(h));
+  }, [l, h, i]), D(() => {
+    if (!i || typeof document > "u")
       return;
     const e = window.scrollY, { body: t, documentElement: u } = document, m = {
       overflow: t.style.overflow,
@@ -69,7 +69,7 @@ const se = ee, K = 1, P = f(
     return y.current = !0, t.style.overflow = "hidden", t.style.position = "fixed", t.style.top = `-${e}px`, t.style.width = "100%", u.style.overscrollBehavior = "none", () => {
       t.style.overflow = m.overflow, t.style.position = m.position, t.style.top = m.top, t.style.width = m.width, u.style.overscrollBehavior = X, y.current && window.scrollTo(0, e);
     };
-  }, [d]), !B || !k)
+  }, [i]), !B || !k)
     return null;
   const x = (e) => {
     if (e === "end") {
@@ -91,7 +91,7 @@ const se = ee, K = 1, P = f(
         className: f(e.className, "overflow-visible"),
         children: [
           e.children,
-          t ? /* @__PURE__ */ l(
+          t ? /* @__PURE__ */ r(
             "span",
             {
               className: "pointer-events-none absolute left-1/2 top-0 z-[70] -translate-x-1/2 -translate-y-[calc(100%+4px)] whitespace-nowrap rounded-md border bg-popover px-2 py-1 text-xs font-semibold text-primary shadow-md",
@@ -103,54 +103,54 @@ const se = ee, K = 1, P = f(
       }
     );
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     oe,
     {
-      open: d,
+      open: i,
       lockScroll: !1,
       onOpenChange: (e) => {
         e || U();
       },
       children: /* @__PURE__ */ c(ne, { className: "overflow-hidden", children: [
         /* @__PURE__ */ c(ae, { className: "border-b px-4 pb-3 pt-4 text-left", children: [
-          /* @__PURE__ */ l(le, { className: "sr-only", children: r === "start" ? o.startDate : o.endDate }),
+          /* @__PURE__ */ r(re, { className: "sr-only", children: l === "start" ? o.startDate : o.endDate }),
           /* @__PURE__ */ c(
             "div",
             {
               className: "relative grid grid-cols-2 rounded-md bg-muted p-1",
               "aria-label": o.rentalPeriod,
               children: [
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
                     className: f(
                       "absolute inset-y-1 left-1 w-[calc(50%-0.25rem)] rounded bg-background shadow-sm transition-transform duration-300 ease-out",
-                      r === "end" && "translate-x-full"
+                      l === "end" && "translate-x-full"
                     )
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
-                    "aria-pressed": r === "start",
+                    "aria-pressed": l === "start",
                     className: f(
                       "relative z-10 h-9 rounded px-3 text-sm font-medium transition-colors",
-                      r === "start" ? "text-foreground" : "text-muted-foreground"
+                      l === "start" ? "text-foreground" : "text-muted-foreground"
                     ),
                     onClick: () => x("start"),
                     children: o.startDate
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
-                    "aria-pressed": r === "end",
+                    "aria-pressed": l === "end",
                     className: f(
                       "relative z-10 h-9 rounded px-3 text-sm font-medium transition-colors",
-                      r === "end" ? "text-foreground" : "text-muted-foreground"
+                      l === "end" ? "text-foreground" : "text-muted-foreground"
                     ),
                     onClick: () => x("end"),
                     children: o.endDate
@@ -160,16 +160,16 @@ const se = ee, K = 1, P = f(
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { className: "overflow-hidden px-4 py-4", children: /* @__PURE__ */ c(
+        /* @__PURE__ */ r("div", { className: "overflow-hidden px-4 py-4", children: /* @__PURE__ */ c(
           "div",
           {
             className: f(
               "flex w-[200%] transition-transform duration-300 ease-out",
-              r === "end" && "-translate-x-1/2"
+              l === "end" && "-translate-x-1/2"
             ),
             children: [
-              /* @__PURE__ */ l("section", { className: "max-h-[calc(95dvh-9rem)] w-1/2 shrink-0 overflow-y-auto pr-4", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ l(
+              /* @__PURE__ */ r("section", { className: "max-h-[calc(95dvh-9rem)] w-1/2 shrink-0 overflow-y-auto pr-4", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ r(
                   F,
                   {
                     id: "start-date-calendar",
@@ -181,11 +181,11 @@ const se = ee, K = 1, P = f(
                     selected: n,
                     month: J,
                     onMonthChange: (e) => O(s(e)),
-                    disabled: (e) => e < i,
+                    disabled: (e) => e < d,
                     onSelect: (e) => {
                       const t = e ?? void 0, u = t != null && (n == null || !w(t, n)), m = A(t);
                       u && (v.current = !1), p(
-                        Y(t, a, i)
+                        Y(t, a, d)
                       ), q(t, {
                         close: !1,
                         openEndDatePicker: !1
@@ -194,13 +194,13 @@ const se = ee, K = 1, P = f(
                         commit: !1
                       });
                     },
-                    initialFocus: !0,
+                    autoFocus: !0,
                     "data-testid": "start-date-calendar",
                     className: "w-full p-0",
                     classNames: $
                   }
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ r(
                   T,
                   {
                     type: "button",
@@ -214,8 +214,8 @@ const se = ee, K = 1, P = f(
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ l("section", { className: "max-h-[calc(95dvh-9rem)] w-1/2 shrink-0 overflow-y-auto pl-4", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
-                /* @__PURE__ */ l(
+              /* @__PURE__ */ r("section", { className: "max-h-[calc(95dvh-9rem)] w-1/2 shrink-0 overflow-y-auto pl-4", children: /* @__PURE__ */ c("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ r(
                   F,
                   {
                     id: "end-date-calendar",
@@ -229,14 +229,14 @@ const se = ee, K = 1, P = f(
                     },
                     month: Q,
                     onMonthChange: (e) => p(s(e)),
-                    disabled: (e) => n && e < n || e < i,
+                    disabled: (e) => n && e < n || e < d,
                     onSelect: (e, t) => {
                       v.current = !0, b(t ?? void 0, {
                         close: !1,
                         commit: !1
                       });
                     },
-                    initialFocus: !0,
+                    autoFocus: !0,
                     "data-testid": "end-date-calendar",
                     className: "w-full p-0",
                     classNames: $,
@@ -246,7 +246,7 @@ const se = ee, K = 1, P = f(
                   },
                   h
                 ),
-                /* @__PURE__ */ l(
+                /* @__PURE__ */ r(
                   T,
                   {
                     type: "button",

package/dist/components/BookingPeriodSelector/components/BookingStartDateField.js

@@ -137,7 +137,7 @@ const y = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), z = (e) =
                 DayButton: k
               },
               disabled: (a) => a < w,
-              initialFocus: !0,
+              autoFocus: !0,
               "data-testid": "start-date-calendar"
             },
             portalContainer: E
@@ -169,7 +169,7 @@ const y = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), z = (e) =
                 DayButton: k
               },
               disabled: (a) => a < w,
-              initialFocus: !0,
+              autoFocus: !0,
               "data-testid": "start-date-calendar"
             }
           }

package/dist/ui/day-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"day-picker.d.ts","sourceRoot":"","sources":["../../src/ui/day-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAKrD,YAAY,EAAE,cAAc,EAAE,CAAA;AAO9B,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAoDzG;kBApDQ,SAAS;;;AAuDlB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"day-picker.d.ts","sourceRoot":"","sources":["../../src/ui/day-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAKrD,YAAY,EAAE,cAAc,EAAE,CAAA;AAO9B,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,eAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CA8CzG;kBA9CQ,SAAS;;;AAiDlB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/ui/day-picker.js

@@ -1,16 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
-import { ChevronLeft as c, ChevronRight as s } from "lucide-react";
-import { DayPicker as m } from "react-day-picker";
+import { ChevronLeft as s, ChevronRight as m } from "lucide-react";
+import { DayPicker as u } from "react-day-picker";
 import { cn as e } from "@rpcbase/ui";
-import { buttonVariants as o } from "./button.js";
-const y = m;
-function l({ className: a, classNames: n, components: d, showOutsideDays: i = !0, ...u }) {
+import { buttonVariants as a } from "./button.js";
+const l = u;
+function p({ className: o, classNames: n, components: i, showOutsideDays: d = !0, ...c }) {
   return /* @__PURE__ */ r(
-    y,
+    l,
     {
       weekStartsOn: 1,
-      showOutsideDays: i,
-      className: e("p-3", a),
+      showOutsideDays: d,
+      className: e("p-3", o),
       classNames: {
         month: "space-y-4",
         months: "flex flex-col sm:flex-row space-y-4 sm:space-y-0 relative gap-2",
@@ -18,25 +18,20 @@ function l({ className: a, classNames: n, components: d, showOutsideDays: i = !0
         month_grid: "w-full border-collapse space-y-1",
         caption_label: "text-sm font-medium",
         nav: "flex items-center justify-between absolute inset-x-0",
-        button_previous: e(o({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
-        button_next: e(o({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
+        button_previous: e(a({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
+        button_next: e(a({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
         weeks: "w-full border-collapse",
         weekdays: "flex",
         weekday: "text-muted-foreground rounded-md w-9 font-normal text-xs",
         week: "flex w-full mt-2",
         day: "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md",
         day_button: e(
-          o({ variant: "ghost" }),
+          a({ variant: "ghost" }),
           "h-9 w-9 text-center text-sm p-0 relative focus-within:relative focus-within:z-20"
         ),
         range_start: "day-range-start !bg-accent rounded-l-md [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
         range_end: "day-range-end !bg-accent rounded-r-md [&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
         range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground !rounded-none",
-        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        day_today: "bg-accent text-accent-foreground",
-        day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
-        day_disabled: "text-muted-foreground opacity-50",
-        day_hidden: "invisible",
         selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
         today: "bg-gray-50 text-accent-foreground !rounded-md",
         outside: "day-outside text-muted-foreground opacity-50 !aria-selected:bg-accent/50 !aria-selected:text-muted-foreground !aria-selected:opacity-30",
@@ -45,14 +40,14 @@ function l({ className: a, classNames: n, components: d, showOutsideDays: i = !0
         ...n
       },
       components: {
-        Chevron: ({ ...t }) => t.orientation === "left" ? /* @__PURE__ */ r(c, { ...t, className: "h-4 w-4" }) : /* @__PURE__ */ r(s, { ...t, className: "h-4 w-4" }),
-        ...d
+        Chevron: ({ ...t }) => t.orientation === "left" ? /* @__PURE__ */ r(s, { ...t, className: "h-4 w-4" }) : /* @__PURE__ */ r(m, { ...t, className: "h-4 w-4" }),
+        ...i
       },
-      ...u
+      ...c
     }
   );
 }
-l.displayName = "DayPicker";
+p.displayName = "DayPicker";
 export {
-  l as DayPicker
+  p as DayPicker
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loczer/storefront-sdk",
-  "version": "0.170.0",
+  "version": "0.171.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -73,7 +73,7 @@
       }
     },
     "typecheck": {
-      "command": "tsc --noEmit",
+      "command": "node ../../node_modules/typescript/bin/tsc --noEmit",
       "dependencies": [
         "../booking-engine:build",
         "../ui:types:build"
@@ -111,7 +111,7 @@
       ]
     },
     "test": {
-      "command": "tsc --noEmit && playwright test",
+      "command": "node ../../node_modules/typescript/bin/tsc --noEmit && playwright test",
       "dependencies": [
         "../booking-engine:build",
         "../ui:build"