react-better-html 1.1.223 → 1.1.225

package/dist/index.mjs

@@ -1569,7 +1569,7 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
                   justifyContent: textAlign === "center" ? "center" : textAlign === "right" ? "flex-end" : void 0,
                   gap: theme2.styles.space,
                   children: [
-                    /* @__PURE__ */ jsx5(
+                    typeof title === "string" ? /* @__PURE__ */ jsx5(
                       Text_default,
                       {
                         as: titleAs,
@@ -1577,12 +1577,12 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
                         color: titleColor ?? (lightMode ? theme2.colors.base : theme2.colors.textPrimary),
                         children: title
                       }
-                    ),
+                    ) : title,
                     titleRightElement
                   ]
                 }
               ),
-              description && /* @__PURE__ */ jsx5(
+              description && (typeof description === "string" ? /* @__PURE__ */ jsx5(
                 Text_default,
                 {
                   maxWidth: !mediaQuery.size600 ? app.contentMaxWidth * 0.6 : void 0,
@@ -1591,7 +1591,7 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
                   opacity: lightMode ? 0.7 : void 0,
                   children: description
                 }
-              )
+              ) : description)
             ]
           }
         ),
@@ -1694,8 +1694,11 @@ DivComponent.grid = forwardRef6(function Grid(props, ref) {
   return /* @__PURE__ */ jsx6(DivComponent, { display: "grid", ref, ...props });
 });
 DivComponent.box = forwardRef6(function Box({
+  icon,
+  image,
   imageUrl,
   imageSize,
+  imageAzProfileImage,
   title,
   titleAs,
   titleColor,
@@ -1744,8 +1747,11 @@ DivComponent.box = forwardRef6(function Box({
               /* @__PURE__ */ jsx6(
                 PageHeader_default,
                 {
+                  icon,
+                  image,
                   imageUrl,
                   imageSize,
+                  imageAzProfileImage,
                   title,
                   titleAs,
                   titleColor,
@@ -3679,7 +3685,7 @@ var DropdownComponent = forwardRef10(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() ?? getPluralWord("option", withMultiselect ? 2 : 1)}`;
   return /* @__PURE__ */ jsx15(Div_default.column, { width: "100%", position: "relative", userSelect: "none", ...props, children: /* @__PURE__ */ jsx15(
@@ -3700,7 +3706,7 @@ var DropdownComponent = forwardRef10(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,