myshell-react-lib 0.1.47 → 0.1.49

package/dist/index.cjs

@@ -6479,7 +6479,7 @@ function getDefaultColorForVariant(variant) {
     }
 }
 function createIconButtonWithVariant(props, ref) {
-    var iconClassName = props.iconClassName, className = props.className, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, userProvidedColor = props.color, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, children = props.children, IconEle = props.icon, disabled = props.disabled, hoverText = props.hoverText, hoverSide = props.hoverSide, passProps = _object_without_properties(props, [
+    var iconClassName = props.iconClassName, className = props.className, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, userProvidedColor = props.color, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, children = props.children, IconEle = props.icon, disabled = props.disabled, hoverText = props.hoverText, hoverSide = props.hoverSide, isMobile2 = props.isMobile, passProps = _object_without_properties(props, [
         "iconClassName",
         "className",
         "variant",
@@ -6491,10 +6491,12 @@ function createIconButtonWithVariant(props, ref) {
         "icon",
         "disabled",
         "hoverText",
-        "hoverSide"
+        "hoverSide",
+        "isMobile"
     ]);
     var color = userProvidedColor || getDefaultColorForVariant(variant);
-    var isMobile2 = (0, import_react_use2.useMedia)("(max-width: 768px)");
+    var componentIsMobile = (0, import_react_use2.useMedia)("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
     var Comp = asChild ? import_react_slot2.Slot : "button";
     var iconCls = cn(iconSizeVariants[size], iconClassName);
     var disable = disabled || loading;
@@ -6503,7 +6505,7 @@ function createIconButtonWithVariant(props, ref) {
         size: "md",
         description: hoverText,
         side: hoverSide,
-        disabled: isMobile2,
+        disabled: isMob,
         children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, _object_spread_props(_object_spread({
             className: cn(iconButtonVariants({
                 variant: variant,
@@ -7842,7 +7844,7 @@ function useNativeBridge() {
 var import_react_use5 = require("react-use");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function Link(_param) {
-    var className = _param.className, href = _param.href, _param_scroll = _param.scroll, scroll = _param_scroll === void 0 ? false : _param_scroll, _param_replace = _param.replace, replace = _param_replace === void 0 ? false : _param_replace, _param_prefetch = _param.prefetch, prefetch = _param_prefetch === void 0 ? true : _param_prefetch, _param_back = _param.back, back = _param_back === void 0 ? false : _param_back, children = _param.children, onClick = _param.onClick, props = _object_without_properties(_param, [
+    var className = _param.className, href = _param.href, _param_scroll = _param.scroll, scroll = _param_scroll === void 0 ? false : _param_scroll, _param_replace = _param.replace, replace = _param_replace === void 0 ? false : _param_replace, _param_prefetch = _param.prefetch, prefetch = _param_prefetch === void 0 ? true : _param_prefetch, _param_back = _param.back, back = _param_back === void 0 ? false : _param_back, children = _param.children, isMobile2 = _param.isMobile, onClick = _param.onClick, props = _object_without_properties(_param, [
         "className",
         "href",
         "scroll",
@@ -7850,18 +7852,20 @@ function Link(_param) {
         "prefetch",
         "back",
         "children",
+        "isMobile",
         "onClick"
     ]);
     var path = typeof href === "string" ? href : "".concat(href.pathname);
     var externalLink = /^(https?:\/\/)/.test(path);
     var _useNativeBridge = useNativeBridge(), getIosUrl = _useNativeBridge.getIosUrl, nativeGoBack = _useNativeBridge.nativeGoBack;
     var isIos = isClient() && isIosApp();
-    var isMobile2 = (0, import_react_use5.useMedia)("(max-width: 768px)");
+    var componentIsMobile = (0, import_react_use5.useMedia)("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
     var pathname = (0, import_react9.useMemo)(function() {
         if (externalLink) return path;
         var formatPath = path;
         var isMobPath = path.startsWith("/m/");
-        if (isMobile2) {
+        if (isMob) {
             formatPath = isMobPath ? path : "/m".concat(path);
         } else {
             formatPath = isMobPath ? path.slice(2) : path;
@@ -8572,11 +8576,13 @@ var ModalRoot = function(_param) {
     }));
 };
 var ModalTitle = React26.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
+    var className = _param.className, isMobile2 = _param.isMobile, props = _object_without_properties(_param, [
+        "className",
+        "isMobile"
     ]);
-    var isMobile2 = (0, import_react_use6.useMedia)("(max-width: 768px)");
-    if (isMobile2) {
+    var componentIsMobile = (0, import_react_use6.useMedia)("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
+    if (isMob) {
         return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_vaul2.Drawer.Title, _object_spread_props(_object_spread({
             ref: ref
         }, props), {
@@ -11498,8 +11504,9 @@ var ArrowLeftIcon = React31.forwardRef(function(props, ref) {
 // src/components/top-navigation-bar.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function TopNavigationBar(param) {
-    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 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, isMobile2 = param.isMobile;
+    var componentIsMobile = (0, import_react_use7.useMedia)("(max-width: 768px)");
+    var isMob = isMobile2 !== null && isMobile2 !== void 0 ? isMobile2 : componentIsMobile;
     var navbarRef = (0, import_react14.useRef)(null);
     var _ref = _sliced_to_array((0, import_react14.useState)(hasBackground), 2), showBackground = _ref[0], setShowBackground = _ref[1];
     (0, import_react14.useEffect)(function() {
@@ -11522,7 +11529,7 @@ function TopNavigationBar(param) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime44.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" : "bg-cc-Button-Plain-bg-default md:bg-Colors-Background-Normal-Primary-Default", className),
+        className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMob && 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_runtime44.jsxs)("div", {
                 className: cn("relative w-full flex justify-between items-center h-13 md:h-15", searchElement && "pt-5 pb-1.5 md:pt-2 md:pb-2"),
@@ -11549,20 +11556,20 @@ function TopNavigationBar(param) {
                                         icon: ArrowLeftIcon,
                                         onClick: onBack
                                     }),
-                                    !isMobile2 && title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Separator, {
+                                    !isMob && title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Separator, {
                                         orientation: "vertical",
                                         className: "h-5 ml-1.5 mr-3"
                                     })
                                 ]
                             }),
-                            title && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMobile2) && (pageType === 1 || !isMobile2) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Display, {
+                            title && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMob) && (pageType === 1 || !isMob) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Display, {
                                 size: "sm",
                                 className: "line-clamp-1 text-xl",
                                 children: title
                             })
                         ]
                     }),
-                    pageType === 2 && isMobile2 && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !searchElement && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
+                    pageType === 2 && isMob && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !searchElement && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
                         className: "absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10",
                         children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Display, {
                             size: "sm",
@@ -11579,7 +11586,7 @@ function TopNavigationBar(param) {
                                     size: "sm",
                                     src: avatar.logo
                                 }),
-                                avatar.name && !isMobile2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, {
+                                avatar.name && !isMob && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, {
                                     size: "lg",
                                     weight: "medium",
                                     children: avatar.name
@@ -11588,18 +11595,18 @@ function TopNavigationBar(param) {
                         })
                     }) : null,
                     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
-                        className: cn("flex justify-end items-center", pageType === 2 && isMobile2 && searchElement && "w-full"),
+                        className: cn("flex justify-end items-center", pageType === 2 && isMob && searchElement && "w-full"),
                         children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", {
                             className: "w-full md:w-auto flex items-center space-x-3",
                             children: [
-                                searchElement && (!isMobile2 && pageType === 1 || pageType === 2) && searchElement,
+                                searchElement && (!isMob && pageType === 1 || pageType === 2) && searchElement,
                                 children
                             ]
                         })
                     })
                 ]
             }),
-            searchElement && pageType === 1 && isMobile2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
+            searchElement && pageType === 1 && isMob && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
                 className: "relative w-full h-13 py-2",
                 children: searchElement
             })