mozrest-sdk-react-dev 0.1.71 → 0.1.73

package/mozrest-sdk.es.js

@@ -96844,7 +96844,13 @@ const SelectedDateDisplay = ({ initialDate, selectedDate, onSelectDate, datesSum
     style: { marginLeft: 10, marginRight: 10 }
   }, "No date selected"));
 };
-const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary, initialDate, setInitialDate }) => {
+const CustomDatePicker = ({
+  onSelectDate,
+  onOpenHoursAvailability,
+  bookingSumary,
+  initialDate,
+  setInitialDate
+}) => {
   const [selectedDate, setSelectedDate] = useState(() => {
     const date4 = new Date();
     const year2 = date4.getFullYear();
@@ -96853,6 +96859,7 @@ const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary
     return `${year2}-${month2}-${day2}`;
   });
   const [datePickerOpen, setDatePickerOpen] = useState(false);
+  const datePickerRef = useRef(null);
   const onChange3 = (date4, dateString) => {
     setSelectedDate(dateString);
     setInitialDate(dateString);
@@ -96862,6 +96869,18 @@ const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary
   useEffect(() => {
     onSelectDate(selectedDate);
   }, [selectedDate]);
+  useEffect(() => {
+    function handleDocumentClick(event) {
+      var _a2, _b;
+      if (datePickerRef.current && typeof ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.className) === "string" && !((_b = event == null ? void 0 : event.target) == null ? void 0 : _b.className.includes("ant"))) {
+        setDatePickerOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleDocumentClick);
+    return () => {
+      document.removeEventListener("mousedown", handleDocumentClick);
+    };
+  }, []);
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex" }
   }, /* @__PURE__ */ React__default.createElement(SelectedDateDisplay, {
@@ -96880,6 +96899,7 @@ const CustomDatePicker = ({ onSelectDate, onOpenHoursAvailability, bookingSumary
     size: "medium",
     onClick: () => setDatePickerOpen(true)
   })), /* @__PURE__ */ React__default.createElement(DatePicker$2, {
+    ref: datePickerRef,
     onChange: onChange3,
     open: datePickerOpen,
     style: {
@@ -99265,11 +99285,11 @@ const ReservationDetail = ({ open, onClose: onClose2, venueId, reloadMainTable,
     isLoading: isExecuting
   }));
 };
-const timeSlot = "_timeSlot_1rz9z_1";
+const timeSlot = "_timeSlot_1d7nu_1";
 var styles$6 = {
   timeSlot,
-  "timeSlot-active-true": "_timeSlot-active-true_1rz9z_5",
-  "timeSlot-active-false": "_timeSlot-active-false_1rz9z_8"
+  "timeSlot-active-true": "_timeSlot-active-true_1d7nu_6",
+  "timeSlot-active-false": "_timeSlot-active-false_1d7nu_9"
 };
 const FilterForm = ({ currentDate }) => {
   const { t: t2 } = useTranslation();
@@ -99327,15 +99347,18 @@ const TableFilters = ({ params, setParams, reload, currentTimeZone, currentDate
     currentDate
   })));
 };
-const TableRow = ({ row: row2 }) => {
+const TableRow = ({ row: row2, currentTimeZone }) => {
   const formatHour = (hour2) => {
-    return hooks.utc(hour2, "HH:mm").local().format("H:mm");
+    const utcHour2 = moment$1.utc(hour2, "HH:mm", true);
+    return moment$1.tz(utcHour2, currentTimeZone ? currentTimeZone : "").format("H:mm");
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", flexDirection: "column" }
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    style: { display: "block", height: 20 }
   }, /* @__PURE__ */ React__default.createElement("small", {
-    className: ""
-  }, row2.name), /* @__PURE__ */ React__default.createElement("div", {
+    style: { position: "absolute", cursor: "default" }
+  }, row2.name)), /* @__PURE__ */ React__default.createElement("div", {
     style: { display: "flex", gap: 3 }
   }, row2 && row2.slots && row2.slots.length && row2.slots.length > 0 ? row2.slots.map((slot2, index2) => /* @__PURE__ */ React__default.createElement("div", {
     key: index2
@@ -99343,13 +99366,14 @@ const TableRow = ({ row: row2 }) => {
     className: classNames$2(styles$6["timeSlot"], styles$6[`timeSlot-active-${slot2.available ? "true" : "false"}`])
   }, formatHour(slot2.time)))) : null));
 };
-const Table = ({ data: data2 }) => {
+const Table = ({ data: data2, currentTimeZone }) => {
   const { t: t2 } = useTranslation();
   return /* @__PURE__ */ React__default.createElement("div", {
     style: { width: "100%", margin: "auto" }
   }, /* @__PURE__ */ React__default.createElement("div", {
     style: { overflowX: "auto", display: "flex", flexDirection: "column", gap: 10, marginTop: 20 }
   }, data2.length && data2.length > 0 ? data2.map((table2, index2) => /* @__PURE__ */ React__default.createElement(TableRow, {
+    currentTimeZone,
     row: table2,
     key: index2
   })) : /* @__PURE__ */ React__default.createElement("div", {
@@ -99367,6 +99391,7 @@ const HoursTableAvailability = ({ venueId, params, setParams, currentTimeZone, c
     currentTimeZone,
     currentDate
   }), /* @__PURE__ */ React__default.createElement(Table, {
+    currentTimeZone,
     data: data2 != null ? data2 : []
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.1.71",
+  "version": "0.1.73",
   "main": "mozrest-sdk.es.js",
   "keywords": ["mozrest"],
   "author": {