react-better-html 1.1.231 → 1.1.232

package/dist/index.js

@@ -2335,15 +2335,19 @@ var ModalComponent = (0, import_react11.forwardRef)(function Modal({
     }
     onOpen?.();
   }, [onOpen, urlQuery, name]);
-  const onClickClose = (0, import_react11.useCallback)(() => {
-    setIsOpened.setFalse();
-    onClose?.();
-    if (urlQuery && name) urlQuery.removeQuery(`${name}-modal`, false);
-    setTimeout(() => {
-      dialogRef.current?.close();
-      setIsOpenedLate.setFalse();
-    }, 0.2 * 1e3);
-  }, [onClose, urlQuery, name]);
+  const onClickClose = (0, import_react11.useCallback)(
+    (event) => {
+      event?.stopPropagation();
+      setIsOpened.setFalse();
+      onClose?.();
+      if (urlQuery && name) urlQuery.removeQuery(`${name}-modal`, false);
+      setTimeout(() => {
+        dialogRef.current?.close();
+        setIsOpenedLate.setFalse();
+      }, 0.2 * 1e3);
+    },
+    [onClose, urlQuery, name]
+  );
   const onKeyDown = (0, import_react11.useCallback)(
     (event) => {
       if (event.key === "Escape") {
@@ -2357,17 +2361,13 @@ var ModalComponent = (0, import_react11.forwardRef)(function Modal({
     if (!defaultIsOpened) return;
     onClickOpen();
   }, []);
-  (0, import_react11.useImperativeHandle)(
-    ref,
-    () => {
-      return {
-        open: onClickOpen,
-        close: onClickClose,
-        isOpened
-      };
-    },
-    [onClickOpen, onClickClose, isOpened]
-  );
+  (0, import_react11.useImperativeHandle)(ref, () => {
+    return {
+      open: onClickOpen,
+      close: onClickClose,
+      isOpened
+    };
+  }, [onClickOpen, onClickClose, isOpened]);
   const headerVertical = headerTextAlign === "center";
   return (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -4723,7 +4723,7 @@ InputFieldComponent.phoneNumber = (0, import_react21.forwardRef)(function PhoneN
       return;
     }
     setDropdownValue(country.phoneNumberExtension);
-    setInputFieldValue(newValue.slice(country?.phoneNumberExtension.length + 1));
+    setInputFieldValue(newValue.slice(country.phoneNumberExtension.length + 1));
   }, [value]);
   const readyId = id ?? internalId;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Div_default.column, { width: "100%", gap: theme2.styles.gap / 2, children: [
@@ -5035,7 +5035,7 @@ InputFieldComponent.time = (0, import_react21.forwardRef)(function Time({ hoursT
         const readyHour = readyHours.includes(hours2) ? hours2 : findClosestNumber(readyHours, hours2);
         const readyMinute = readyMinutes.includes(minutes2) ? minutes2 : findClosestNumber(readyMinutes, minutes2);
         const finalHour = minHours && readyHour < minHours ? minHours : maxHours && readyHour > maxHours ? maxHours : readyHour;
-        const finalMinute = minHours !== void 0 && minMinutes !== void 0 && finalHour === minHours && readyMinute < minMinutes ? minMinutes : maxHours !== void 0 && maxMinutes !== void 0 && finalHour === maxHours && readyMinute > maxMinutes ? maxMinutes : readyMinute;
+        const finalMinute = !!minHours && !!minMinutes && finalHour === minHours && readyMinute < minMinutes ? minMinutes : !!maxHours && !!maxMinutes && finalHour === maxHours && readyMinute > maxMinutes ? maxMinutes : readyMinute;
         const newValue = `${finalHour.toString().padStart(2, "0")}:${finalMinute.toString().padStart(2, "0")}`;
         inputFieldProps.onChangeValue?.(newValue);
       }