myshell-react-lib 0.1.35 → 0.1.37

package/dist/index.cjs

@@ -11463,7 +11463,7 @@ var import_react14 = require("react");
 var import_react_use7 = require("react-use");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function TopNavigationBar(param) {
-    var _param_showSearchBar = param.showSearchBar, showSearchBar = _param_showSearchBar === void 0 ? true : _param_showSearchBar, searchValue = param.searchValue, searchPlaceholder = param.searchPlaceholder, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? true : _param_hasBackground, avatar = param.avatar, onSearchChange = param.onSearchChange, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType;
+    var searchElement = param.searchElement, title = param.title, border = param.border, backUrl = param.backUrl, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? false : _param_hasBackground, avatar = param.avatar, onBack = param.onBack, _param_pageType = param.pageType, pageType = _param_pageType === void 0 ? 2 : _param_pageType, className = param.className;
     var isMobile2 = (0, import_react_use7.useMedia)("(max-width: 768px)");
     var navbarRef = (0, import_react14.useRef)(null);
     var _ref = _sliced_to_array((0, import_react14.useState)(hasBackground), 2), showBackground = _ref[0], setShowBackground = _ref[1];
@@ -11487,7 +11487,7 @@ function TopNavigationBar(param) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
         ref: navbarRef,
-        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground && "bg-Colors-Background-Normal-Primary-Default"),
+        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground ? "bg-Colors-Background-Normal-Primary-Default" : "bg-cc-Button-Plain-bg-default md:bg-Colors-Background-Normal-Primary-Default", className),
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
                 className: "relative w-full flex justify-between items-center h-13 md:h-15 pt-5 pb-1.5 md:pt-2 md:pb-2",
@@ -11520,7 +11520,7 @@ function TopNavigationBar(param) {
                                     })
                                 ]
                             }),
-                            title && (!showSearchBar || !isMobile2) && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMobile2) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Display, {
+                            title && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Display, {
                                 size: isMobile2 ? "xs" : "sm",
                                 className: "line-clamp-1",
                                 children: title
@@ -11542,44 +11542,23 @@ function TopNavigationBar(param) {
                                     children: avatar.name
                                 })
                             ]
-                        }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
-                            className: "w-[76px]"
-                        })
+                        }) : null
                     }),
                     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
                         className: "flex-1 flex justify-end items-center",
                         children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", {
                             className: "flex items-center space-x-3",
                             children: [
-                                showSearchBar && (!isMobile2 && pageType === 1 || pageType === 2) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
-                                    className: "relative w-full md:w-60",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SearchBar, {
-                                        color: "gray",
-                                        size: "xs",
-                                        searchValue: searchValue,
-                                        placeholder: searchPlaceholder || "Search",
-                                        onSearchChange: function(value1) {
-                                            onSearchChange && onSearchChange(value1);
-                                        }
-                                    })
-                                }),
+                                searchElement && (!isMobile2 && pageType === 1 || pageType === 2) && searchElement,
                                 children
                             ]
                         })
                     })
                 ]
             }),
-            showSearchBar && pageType === 1 && isMobile2 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
+            searchElement && pageType === 1 && isMobile2 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", {
                 className: "relative w-full h-13 py-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SearchBar, {
-                    color: "gray",
-                    size: "xs",
-                    searchValue: searchValue,
-                    placeholder: searchPlaceholder || "Search",
-                    onSearchChange: function(value1) {
-                        onSearchChange && onSearchChange(value1);
-                    }
-                })
+                children: searchElement
             })
         ]
     });