react-better-html 1.1.223 → 1.1.225

package/dist/index.d.mts

@@ -306,13 +306,13 @@ type PageHeaderProps = {
     imageSize?: number;
     /** @default false */
     imageAzProfileImage?: boolean;
-    title?: string;
+    title?: string | React.ReactNode;
     /** @default "h1" */
     titleAs?: TextAs;
     /** @default textPrimary */
     titleColor?: React.CSSProperties["color"];
     titleRightElement?: React.ReactNode;
-    description?: string;
+    description?: string | React.ReactNode;
     /** @default textSecondary */
     descriptionColor?: React.CSSProperties["color"];
     textAlign?: React.CSSProperties["textAlign"];

package/dist/index.d.ts

@@ -306,13 +306,13 @@ type PageHeaderProps = {
     imageSize?: number;
     /** @default false */
     imageAzProfileImage?: boolean;
-    title?: string;
+    title?: string | React.ReactNode;
     /** @default "h1" */
     titleAs?: TextAs;
     /** @default textPrimary */
     titleColor?: React.CSSProperties["color"];
     titleRightElement?: React.ReactNode;
-    description?: string;
+    description?: string | React.ReactNode;
     /** @default textSecondary */
     descriptionColor?: React.CSSProperties["color"];
     textAlign?: React.CSSProperties["textAlign"];

package/dist/index.js

@@ -1640,7 +1640,7 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
                   justifyContent: textAlign === "center" ? "center" : textAlign === "right" ? "flex-end" : void 0,
                   gap: theme2.styles.space,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    typeof title === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       Text_default,
                       {
                         as: titleAs,
@@ -1648,12 +1648,12 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
                         color: titleColor ?? (lightMode ? theme2.colors.base : theme2.colors.textPrimary),
                         children: title
                       }
-                    ),
+                    ) : title,
                     titleRightElement
                   ]
                 }
               ),
-              description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Text_default,
                 {
                   maxWidth: !mediaQuery.size600 ? app.contentMaxWidth * 0.6 : void 0,
@@ -1662,7 +1662,7 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
                   opacity: lightMode ? 0.7 : void 0,
                   children: description
                 }
-              )
+              ) : description)
             ]
           }
         ),
@@ -1765,8 +1765,11 @@ DivComponent.grid = (0, import_react8.forwardRef)(function Grid(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DivComponent, { display: "grid", ref, ...props });
 });
 DivComponent.box = (0, import_react8.forwardRef)(function Box({
+  icon,
+  image,
   imageUrl,
   imageSize,
+  imageAzProfileImage,
   title,
   titleAs,
   titleColor,
@@ -1815,8 +1818,11 @@ DivComponent.box = (0, import_react8.forwardRef)(function Box({
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 PageHeader_default,
                 {
+                  icon,
+                  image,
                   imageUrl,
                   imageSize,
+                  imageAzProfileImage,
                   title,
                   titleAs,
                   titleColor,
@@ -3728,7 +3734,7 @@ var DropdownComponent = (0, import_react18.forwardRef)(function Dropdown({
     if (!withDebounce) return;
     onChangeSearch?.(debouncedSearchQuery);
   }, [withDebounce, onChangeSearch, debouncedSearchQuery]);
-  const displayValue = (withSearch && isFocused && searchQuery.length > 0 ? searchQuery : !Array.isArray(selectedOption) ? selectedOption?.label : void 0) ?? "";
+  const displayValue = (withSearch && isFocused ? searchQuery : !Array.isArray(selectedOption) ? selectedOption?.label : void 0) ?? "";
   const withClearButton = isOpen && (Array.isArray(selectedOption) ? selectedOption.length > 0 : selectedOption);
   const readyPlaceholder = placeholder ?? `Select ${!withMultiselect ? "an " : ""}${label?.toLowerCase() ?? (0, import_react_better_core17.getPluralWord)("option", withMultiselect ? 2 : 1)}`;
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Div_default.column, { width: "100%", position: "relative", userSelect: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -3749,7 +3755,7 @@ var DropdownComponent = (0, import_react18.forwardRef)(function Dropdown({
       leftIcon,
       autoComplete: "off",
       className: `react-better-html-dropdown${Array.isArray(selectedOption) && selectedOption.length > 0 ? " react-better-html-dropdown-multiselect" : ""}${isOpen ? " react-better-html-dropdown-open" : ""}${isOpenLate ? " react-better-html-dropdown-open-late" : ""}${inputFieldClassName ? ` ${inputFieldClassName}` : ""}`,
-      onClick: !disabled ? setIsOpen.toggle : void 0,
+      onClick: !disabled ? withMultiselect ? setIsOpen.setTrue : setIsOpen.toggle : void 0,
       onFocus: setIsFocused.setTrue,
       onBlur: setIsFocused.setFalse,
       onKeyDown: onKeyDownInputField,