react-better-html 1.1.227 → 1.1.229

package/dist/index.d.mts

@@ -411,6 +411,7 @@ type ImageComponent = {
         /** @default 40 */
         size?: number;
         letters?: string;
+        letterColor?: string;
         backgroundColor?: string;
     }>) => React.ReactElement;
 };

package/dist/index.d.ts

@@ -411,6 +411,7 @@ type ImageComponent = {
         /** @default 40 */
         size?: number;
         letters?: string;
+        letterColor?: string;
         backgroundColor?: string;
     }>) => React.ReactElement;
 };

package/dist/index.js

@@ -1474,7 +1474,7 @@ var Image = (0, import_react4.forwardRef)(function Image2({ name, src, ...props
     }
   );
 });
-Image.profileImage = (0, import_react4.forwardRef)(function ProfileImage({ size = 40, letters, backgroundColor, ...props }, ref) {
+Image.profileImage = (0, import_react4.forwardRef)(function ProfileImage({ size = 40, letters, letterColor, backgroundColor, ...props }, ref) {
   const theme2 = (0, import_react_better_core4.useTheme)();
   return letters ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Div_default.row,
@@ -1488,7 +1488,7 @@ Image.profileImage = (0, import_react4.forwardRef)(function ProfileImage({ size
       ...props,
       width: size,
       height: size,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text_default, { fontSize: size / 2.5, fontWeight: 700, children: letters.toUpperCase().slice(0, 2) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text_default, { fontSize: size / 2.5, fontWeight: 700, color: letterColor ?? theme2.colors.textPrimary, children: letters.toUpperCase().slice(0, 2) })
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Image,
@@ -2728,25 +2728,31 @@ function Alert2({ alert }) {
         if (intervalRef.current) clearInterval(intervalRef.current);
         if (defaultAlertDisplay === "prominent") return;
         setIsRemoved(true);
-        setTimeout(() => {
-          alertControls2.removeAlert(alert.id);
-          if (!calledOnCloseRef.current) {
-            alert.onClose?.(alert);
-            calledOnCloseRef.current = true;
-          }
-        }, 0.2 * 1e3 - 10);
+        setTimeout(
+          () => {
+            alertControls2.removeAlert(alert.id);
+            if (!calledOnCloseRef.current) {
+              alert.onClose?.(alert);
+              calledOnCloseRef.current = true;
+            }
+          },
+          0.2 * 1e3 - 10
+        );
       }
     }, updateInterval);
   }, [alert, progress, defaultAlertDisplay]);
   const onClickCloseAlert = (0, import_react12.useCallback)(() => {
     setIsRemoved(true);
-    setTimeout(() => {
-      alertControls2.removeAlert(alert.id);
-      if (!calledOnCloseRef.current) {
-        alert.onClose?.(alert);
-        calledOnCloseRef.current = true;
-      }
-    }, 0.2 * 1e3 - 10);
+    setTimeout(
+      () => {
+        alertControls2.removeAlert(alert.id);
+        if (!calledOnCloseRef.current) {
+          alert.onClose?.(alert);
+          calledOnCloseRef.current = true;
+        }
+      },
+      0.2 * 1e3 - 10
+    );
   }, [alert]);
   const onMouseEnter = (0, import_react12.useCallback)(() => {
     setIsPaused(true);
@@ -2763,13 +2769,16 @@ function Alert2({ alert }) {
   const onClickAlertModalDone = (0, import_react12.useCallback)(() => {
     setIsRemoved(true);
     modalRef.current?.close();
-    setTimeout(() => {
-      alertControls2.removeAlert(alert.id);
-      if (!calledOnCloseRef.current) {
-        alert.onClose?.(alert);
-        calledOnCloseRef.current = true;
-      }
-    }, 0.2 * 1e3 - 10);
+    setTimeout(
+      () => {
+        alertControls2.removeAlert(alert.id);
+        if (!calledOnCloseRef.current) {
+          alert.onClose?.(alert);
+          calledOnCloseRef.current = true;
+        }
+      },
+      0.2 * 1e3 - 10
+    );
   }, [alert]);
   const alertData = (0, import_react12.useMemo)(
     () => ({
@@ -2863,7 +2872,7 @@ function Alert2({ alert }) {
           ),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Div_default.column, { flex: 1, gap: theme2.styles.gap / 2, children: [
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text_default, { fontSize: 18, fontWeight: 700, children: alertTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text_default, { color: theme2.colors.textSecondary, children: alert.message })
+            alert.message && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text_default, { color: theme2.colors.textSecondary, children: alert.message })
           ] }),
           pluginConfig.withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button_default.icon, { icon: "XMark", alignSelf: "flex-start", onClick: onClickCloseAlert })
         ] }),
@@ -3657,6 +3666,7 @@ var DropdownComponent = (0, import_react18.forwardRef)(function Dropdown({
   const onChangeValue = (0, import_react18.useCallback)(
     (newValue) => {
       setSearchQuery(newValue);
+      setIsOpen.setTrue();
       if (withDebounce) setDebouncedSearchQuery(newValue);
       else onChangeSearch?.(newValue);
     },