@vtx-ui/react 0.0.1-beta.18 → 0.0.1-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AdminHeader.css +17702 -21
- package/dist/cjs/components/AdminHeader/components/AdminHeader/AdminHeader.js +1 -1
- package/dist/cjs/components/AdminHeader/components/AdminHeader/AdminHeader.js.map +1 -1
- package/dist/cjs/components/Badge/components/Badge/Badge.js +23 -1
- package/dist/cjs/components/Badge/components/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/Divider/components/Divider/Divider.js +7 -3
- package/dist/cjs/components/Divider/components/Divider/Divider.js.map +1 -1
- package/dist/cjs/components/Image/components/Image/Image.js +2 -2
- package/dist/cjs/components/Image/components/Image/Image.js.map +1 -1
- package/dist/cjs/components/Link/components/Link/Link.js +10 -4
- package/dist/cjs/components/Link/components/Link/Link.js.map +1 -1
- package/dist/cjs/components/Navbar/components/Navbar/NavItem.js +103 -7
- package/dist/cjs/components/Navbar/components/Navbar/NavItem.js.map +1 -1
- package/dist/cjs/components/Navbar/components/Navbar/Navbar.js +40 -106
- package/dist/cjs/components/Navbar/components/Navbar/Navbar.js.map +1 -1
- package/dist/cjs/components/Navbar/components/Navbar/NavbarDesktop.js +51 -0
- package/dist/cjs/components/Navbar/components/Navbar/NavbarDesktop.js.map +1 -0
- package/dist/cjs/components/Navbar/components/Navbar/NavbarMobile.js +60 -0
- package/dist/cjs/components/Navbar/components/Navbar/NavbarMobile.js.map +1 -0
- package/dist/cjs/components/Navbar/components/Navbar/TopBar.js +24 -10
- package/dist/cjs/components/Navbar/components/Navbar/TopBar.js.map +1 -1
- package/dist/cjs/components/Navbar/components/Navbar/useNavbarSections.js +3 -3
- package/dist/cjs/components/Navbar/components/Navbar/useNavbarSections.js.map +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js.map +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js +15 -8
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js.map +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js.map +1 -1
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js +46 -20
- package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js.map +1 -1
- package/dist/cjs/components/Skeleton/components/Skeleton/SkeletonTheme.js +6 -0
- package/dist/cjs/components/Skeleton/components/Skeleton/SkeletonTheme.js.map +1 -1
- package/dist/cjs/components/Widget/components/Widget/Widget.js +3 -3
- package/dist/cjs/components/Widget/components/Widget/Widget.js.map +1 -1
- package/dist/cjs/components/Widget/components/Widget/index.js +2 -2
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +53 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +70 -0
- package/dist/cjs/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js +59 -388
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js +6 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/OrderWidget.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/OrderWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ProductWidget.js +2 -2
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/ProductWidget.js.map +1 -1
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js +1 -0
- package/dist/cjs/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js.map +1 -1
- package/dist/cjs/utils/utils/parseClass.js +121 -24
- package/dist/cjs/utils/utils/parseClass.js.map +1 -1
- package/dist/cjs/widgets/ProductCard/widgets/ProductCard/ProductCard.js +19 -13
- package/dist/cjs/widgets/ProductCard/widgets/ProductCard/ProductCard.js.map +1 -1
- package/dist/esm/AdminHeader.css +17702 -21
- package/dist/esm/components/AdminHeader/components/AdminHeader/AdminHeader.js +1 -1
- package/dist/esm/components/AdminHeader/components/AdminHeader/AdminHeader.js.map +1 -1
- package/dist/esm/components/Badge/components/Badge/Badge.js +23 -1
- package/dist/esm/components/Badge/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/Divider/components/Divider/Divider.js +7 -3
- package/dist/esm/components/Divider/components/Divider/Divider.js.map +1 -1
- package/dist/esm/components/Image/components/Image/Image.js +2 -2
- package/dist/esm/components/Image/components/Image/Image.js.map +1 -1
- package/dist/esm/components/Link/components/Link/Link.js +10 -4
- package/dist/esm/components/Link/components/Link/Link.js.map +1 -1
- package/dist/esm/components/Navbar/components/Navbar/NavItem.js +104 -8
- package/dist/esm/components/Navbar/components/Navbar/NavItem.js.map +1 -1
- package/dist/esm/components/Navbar/components/Navbar/Navbar.js +41 -108
- package/dist/esm/components/Navbar/components/Navbar/Navbar.js.map +1 -1
- package/dist/esm/components/Navbar/components/Navbar/NavbarDesktop.js +47 -0
- package/dist/esm/components/Navbar/components/Navbar/NavbarDesktop.js.map +1 -0
- package/dist/esm/components/Navbar/components/Navbar/NavbarMobile.js +56 -0
- package/dist/esm/components/Navbar/components/Navbar/NavbarMobile.js.map +1 -0
- package/dist/esm/components/Navbar/components/Navbar/TopBar.js +24 -10
- package/dist/esm/components/Navbar/components/Navbar/TopBar.js.map +1 -1
- package/dist/esm/components/Navbar/components/Navbar/useNavbarSections.js +3 -3
- package/dist/esm/components/Navbar/components/Navbar/useNavbarSections.js.map +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js.map +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js +16 -9
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js.map +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js.map +1 -1
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js +47 -17
- package/dist/esm/components/Navbar/variants/components/Navbar/variants/TwoRowNavbar.js.map +1 -1
- package/dist/esm/components/Skeleton/components/Skeleton/SkeletonTheme.js +6 -0
- package/dist/esm/components/Skeleton/components/Skeleton/SkeletonTheme.js.map +1 -1
- package/dist/esm/components/Widget/components/Widget/Widget.js +3 -3
- package/dist/esm/components/Widget/components/Widget/Widget.js.map +1 -1
- package/dist/esm/components/Widget/components/Widget/index.js +2 -2
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js +49 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.js.map +1 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js +66 -0
- package/dist/esm/components/Widget/renderers/ContentBlock/components/Widget/renderers/ContentBlock/VisualBlockTheme.js.map +1 -0
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/CarouselWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js +60 -389
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ContentBlockWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js +6 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/GridCarouselWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderWidget.js +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/OrderWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ProductWidget.js +2 -2
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/ProductWidget.js.map +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js +1 -1
- package/dist/esm/components/Widget/renderers/components/Widget/renderers/TestimonialWidget.js.map +1 -1
- package/dist/esm/theme/base.css +17702 -21
- package/dist/esm/utils/utils/parseClass.js +121 -25
- package/dist/esm/utils/utils/parseClass.js.map +1 -1
- package/dist/esm/widgets/ProductCard/widgets/ProductCard/ProductCard.js +19 -13
- package/dist/esm/widgets/ProductCard/widgets/ProductCard/ProductCard.js.map +1 -1
- package/dist/types/components/Badge/Badge.d.ts +17 -1
- package/dist/types/components/Badge/Badge.d.ts.map +1 -1
- package/dist/types/components/Divider/Divider.d.ts.map +1 -1
- package/dist/types/components/Image/Image.d.ts +4 -0
- package/dist/types/components/Image/Image.d.ts.map +1 -1
- package/dist/types/components/Link/Link.d.ts +4 -0
- package/dist/types/components/Link/Link.d.ts.map +1 -1
- package/dist/types/components/Navbar/NavItem.d.ts +6 -0
- package/dist/types/components/Navbar/NavItem.d.ts.map +1 -1
- package/dist/types/components/Navbar/Navbar.d.ts +6 -7
- package/dist/types/components/Navbar/Navbar.d.ts.map +1 -1
- package/dist/types/components/Navbar/NavbarDesktop.d.ts +4 -0
- package/dist/types/components/Navbar/NavbarDesktop.d.ts.map +1 -0
- package/dist/types/components/Navbar/NavbarMobile.d.ts +4 -0
- package/dist/types/components/Navbar/NavbarMobile.d.ts.map +1 -0
- package/dist/types/components/Navbar/TopBar.d.ts.map +1 -1
- package/dist/types/components/Navbar/types.d.ts +117 -4
- package/dist/types/components/Navbar/types.d.ts.map +1 -1
- package/dist/types/components/Navbar/useNavbarSections.d.ts.map +1 -1
- package/dist/types/components/Navbar/variants/SingleRowNavbar.d.ts +2 -2
- package/dist/types/components/Navbar/variants/SingleRowNavbar.d.ts.map +1 -1
- package/dist/types/components/Navbar/variants/TwoRowNavbar.d.ts +2 -1
- package/dist/types/components/Navbar/variants/TwoRowNavbar.d.ts.map +1 -1
- package/dist/types/components/Skeleton/SkeletonTheme.d.ts +1 -1
- package/dist/types/components/Skeleton/SkeletonTheme.d.ts.map +1 -1
- package/dist/types/components/Widget/renderers/CarouselWidget.d.ts.map +1 -1
- package/dist/types/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.d.ts +10 -0
- package/dist/types/components/Widget/renderers/ContentBlock/FeatureHighlightTheme.d.ts.map +1 -0
- package/dist/types/components/Widget/renderers/ContentBlock/VisualBlockTheme.d.ts +10 -0
- package/dist/types/components/Widget/renderers/ContentBlock/VisualBlockTheme.d.ts.map +1 -0
- package/dist/types/components/Widget/renderers/ContentBlockWidget.d.ts +1 -6
- package/dist/types/components/Widget/renderers/ContentBlockWidget.d.ts.map +1 -1
- package/dist/types/components/Widget/renderers/GridCarouselWidget.d.ts.map +1 -1
- package/dist/types/components/Widget/renderers/OrderWidget.d.ts +1 -1
- package/dist/types/components/Widget/renderers/OrderWidget.d.ts.map +1 -1
- package/dist/types/components/Widget/renderers/TestimonialWidget.d.ts +1 -1
- package/dist/types/components/Widget/renderers/TestimonialWidget.d.ts.map +1 -1
- package/dist/types/components/Widget/types.d.ts +65 -4
- package/dist/types/components/Widget/types.d.ts.map +1 -1
- package/dist/types/utils/parseClass.d.ts +7 -0
- package/dist/types/utils/parseClass.d.ts.map +1 -1
- package/dist/types/widgets/ProductCard/ProductCard.d.ts +4 -4
- package/dist/types/widgets/ProductCard/ProductCard.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -6,120 +6,54 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var hoc_withParsedClasses = require('../../../../hoc/hoc/withParsedClasses.js');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var components_Navbar_variants_CenteredNavbar = require('../../variants/components/Navbar/variants/CenteredNavbar.js');
|
|
12
|
-
var components_Navbar_variants_TransparentNavbar = require('../../variants/components/Navbar/variants/TransparentNavbar.js');
|
|
13
|
-
var components_Navbar_TopBar = require('./TopBar.js');
|
|
14
|
-
var components_Navbar_NavItem = require('./NavItem.js');
|
|
15
|
-
var components_Container_Container = require('../../../Container/components/Container/Container.js');
|
|
16
|
-
var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
|
|
17
|
-
var components_Autocomplete_Autocomplete = require('../../../Autocomplete/components/Autocomplete/Autocomplete.js');
|
|
18
|
-
var components_Badge_Badge = require('../../../Badge/components/Badge/Badge.js');
|
|
19
|
-
var components_Avatar_Avatar = require('../../../Avatar/components/Avatar/Avatar.js');
|
|
20
|
-
var components_Button_Button = require('../../../Button/components/Button/Button.js');
|
|
21
|
-
var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
|
|
9
|
+
var components_Navbar_NavbarDesktop = require('./NavbarDesktop.js');
|
|
10
|
+
var components_Navbar_NavbarMobile = require('./NavbarMobile.js');
|
|
22
11
|
|
|
23
|
-
//
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const [isScrolled, setIsScrolled] = React.useState(false);
|
|
12
|
+
// Custom hook for responsive behavior
|
|
13
|
+
const useIsMobile = (breakpoint) => {
|
|
14
|
+
const [isMobile, setIsMobile] = React.useState(false);
|
|
27
15
|
React.useEffect(() => {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const renderVariant = () => {
|
|
43
|
-
if (variant === 'two-row' || layout === 'two-row') {
|
|
44
|
-
return jsxRuntime.jsx(components_Navbar_variants_TwoRowNavbar.TwoRowNavbar, { ...props, topBar: undefined }); // TopBar handled by wrapper
|
|
45
|
-
}
|
|
46
|
-
if (variant === 'centered' || layout === 'centered') {
|
|
47
|
-
return jsxRuntime.jsx(components_Navbar_variants_CenteredNavbar.CenteredNavbar, { ...props, topBar: undefined });
|
|
48
|
-
}
|
|
49
|
-
if (variant === 'transparent') {
|
|
50
|
-
return jsxRuntime.jsx(components_Navbar_variants_TransparentNavbar.TransparentNavbar, { ...props, topBar: undefined });
|
|
51
|
-
}
|
|
52
|
-
return jsxRuntime.jsx(components_Navbar_variants_SingleRowNavbar.SingleRowNavbar, { ...props, topBar: undefined });
|
|
53
|
-
};
|
|
54
|
-
return (jsxRuntime.jsxs("div", { className: wrapperClass, children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), renderVariant()] }));
|
|
55
|
-
};
|
|
56
|
-
// ----- Mobile Navbar Component -----
|
|
57
|
-
const NavbarMobile = ({ logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], sticky = false, shadow = true, backgroundColor, className = '', topBar, user, search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, containerized = true, isOpen: controlledIsOpen, onOpenChange, }) => {
|
|
58
|
-
const [internalIsOpen, setInternalIsOpen] = React.useState(false);
|
|
59
|
-
const [searchQuery, setSearchQuery] = React.useState('');
|
|
60
|
-
const isControlled = controlledIsOpen !== undefined;
|
|
61
|
-
const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
|
|
62
|
-
const handleToggle = () => {
|
|
63
|
-
const newValue = !isOpen;
|
|
64
|
-
if (!isControlled) {
|
|
65
|
-
setInternalIsOpen(newValue);
|
|
16
|
+
// Media query string
|
|
17
|
+
const query = `(max-width: ${breakpoint}px)`;
|
|
18
|
+
// Create matcher
|
|
19
|
+
const matcher = window.matchMedia(query);
|
|
20
|
+
// Initial check
|
|
21
|
+
setIsMobile(matcher.matches);
|
|
22
|
+
// Change handler
|
|
23
|
+
const handleChange = (e) => {
|
|
24
|
+
setIsMobile(e.matches);
|
|
25
|
+
};
|
|
26
|
+
// Modern event listener
|
|
27
|
+
if (matcher.addEventListener) {
|
|
28
|
+
matcher.addEventListener('change', handleChange);
|
|
29
|
+
return () => matcher.removeEventListener('change', handleChange);
|
|
66
30
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
setInternalIsOpen(false);
|
|
31
|
+
// Fallback for older browsers (though unlikely needed for React 18+ targets)
|
|
32
|
+
else {
|
|
33
|
+
matcher.addListener(handleChange);
|
|
34
|
+
return () => matcher.removeListener(handleChange);
|
|
72
35
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
const navbarClass = [
|
|
76
|
-
'vtx-navbar',
|
|
77
|
-
'vtx-navbar--mobile',
|
|
78
|
-
sticky && 'vtx-navbar--sticky',
|
|
79
|
-
shadow && 'vtx-navbar--shadow',
|
|
80
|
-
className,
|
|
81
|
-
]
|
|
82
|
-
.filter(Boolean)
|
|
83
|
-
.join(' ');
|
|
84
|
-
const style = {};
|
|
85
|
-
if (backgroundColor)
|
|
86
|
-
style.backgroundColor = backgroundColor;
|
|
87
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("div", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { children: jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsxRuntime.jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsxRuntime.jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxRuntime.jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) })), jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })] })] }) })) : (jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsxRuntime.jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsxRuntime.jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxRuntime.jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) })), jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })] })] })) }), jsxRuntime.jsx("div", { className: `vtx-navbar__drawer ${isOpen ? 'vtx-navbar__drawer--open' : ''}`, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-content", children: [(search || searchOptions.length > 0) && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-search", children: jsxRuntime.jsx(components_Autocomplete_Autocomplete["default"], { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
|
|
88
|
-
var _a;
|
|
89
|
-
setSearchQuery(value);
|
|
90
|
-
(_a = search === null || search === void 0 ? void 0 : search.onSearch) === null || _a === void 0 ? void 0 : _a.call(search, value);
|
|
91
|
-
}, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
|
|
92
|
-
onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
|
|
93
|
-
setSearchQuery('');
|
|
94
|
-
handleClose();
|
|
95
|
-
}, showSearchIcon: true, clearable: true, fullWidth: true, size: "md" }) })), navigationItems.length > 0 && (jsxRuntime.jsx("nav", { className: "vtx-navbar__drawer-nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose }, index))) })), user && (jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-user", children: [jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: 3, children: [jsxRuntime.jsx(components_Avatar_Avatar["default"], { src: user.avatar, alt: user.name, size: "md" }), jsxRuntime.jsxs("div", { children: [user.name && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-name", children: user.name }), user.email && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-email", children: user.email })] })] }), user.menuItems && user.menuItems.length > 0 && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-menu", children: user.menuItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose }, index))) }))] })), actions && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-actions", children: actions })] }) }), isOpen && jsxRuntime.jsx("div", { className: "vtx-navbar__overlay", onClick: handleClose })] }));
|
|
36
|
+
}, [breakpoint]);
|
|
37
|
+
return isMobile;
|
|
96
38
|
};
|
|
97
|
-
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
};
|
|
104
|
-
checkMobile();
|
|
105
|
-
window.addEventListener('resize', checkMobile);
|
|
106
|
-
return () => window.removeEventListener('resize', checkMobile);
|
|
107
|
-
}, [mobileBreakpoint]);
|
|
108
|
-
if (onlyDesktop) {
|
|
109
|
-
return jsxRuntime.jsx(NavbarDesktop, { ...props, layout: desktopLayout });
|
|
110
|
-
}
|
|
111
|
-
if (onlyMobile) {
|
|
112
|
-
return jsxRuntime.jsx(NavbarMobile, { ...props });
|
|
39
|
+
const NavbarResponsive = ({ desktopLayout = 'single-row', mobileBreakpoint = 1024, linkComponent, ...props }) => {
|
|
40
|
+
const isMobile = useIsMobile(mobileBreakpoint);
|
|
41
|
+
// Propagate all props to the active component
|
|
42
|
+
// Note: mobileBreakpoint and desktopLayout are consumed here or passed appropriately
|
|
43
|
+
if (isMobile) {
|
|
44
|
+
return (jsxRuntime.jsx(components_Navbar_NavbarMobile.NavbarMobile, { linkComponent: linkComponent, ...props }));
|
|
113
45
|
}
|
|
114
|
-
return
|
|
46
|
+
return (jsxRuntime.jsx(components_Navbar_NavbarDesktop.NavbarDesktop, { layout: desktopLayout, linkComponent: linkComponent, ...props }));
|
|
47
|
+
};
|
|
48
|
+
// Exports
|
|
49
|
+
const Navbar = hoc_withParsedClasses.withParsedClasses(NavbarResponsive);
|
|
50
|
+
// Attach sub-components for advanced composition if needed, though mostly usage should be via <Navbar />
|
|
51
|
+
const NavbarComponents = {
|
|
52
|
+
Desktop: components_Navbar_NavbarDesktop.NavbarDesktop,
|
|
53
|
+
Mobile: components_Navbar_NavbarMobile.NavbarMobile
|
|
115
54
|
};
|
|
116
|
-
// ----- Exports -----
|
|
117
|
-
const Navbar = Object.assign(NavbarResponsive, {
|
|
118
|
-
Desktop: hoc_withParsedClasses.withParsedClasses(NavbarDesktop),
|
|
119
|
-
Mobile: hoc_withParsedClasses.withParsedClasses(NavbarMobile),
|
|
120
|
-
Responsive: hoc_withParsedClasses.withParsedClasses(NavbarResponsive),
|
|
121
|
-
});
|
|
122
55
|
|
|
123
56
|
exports.Navbar = Navbar;
|
|
57
|
+
exports.NavbarComponents = NavbarComponents;
|
|
124
58
|
exports["default"] = Navbar;
|
|
125
59
|
//# sourceMappingURL=Navbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","TwoRowNavbar","CenteredNavbar","TransparentNavbar","SingleRowNavbar","_jsxs","TopBar","_Fragment","Container","Flex","Button","Badge","BellIcon","ShoppingCartIcon","CloseIcon","MenuIcon","Autocomplete","NavItem","Avatar","withParsedClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Navbar.js","sources":["../../../../../../src/components/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","NavbarMobile","NavbarDesktop","withParsedClasses"],"mappings":";;;;;;;;;;AAcA;AACA,MAAM,WAAW,GAAG,CAAC,UAAkB,KAAa;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAEhDC,eAAS,CAAC,MAAK;;AAEb,QAAA,MAAM,KAAK,GAAG,CAAe,YAAA,EAAA,UAAU,KAAK,CAAC;;QAG7C,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;;AAGzC,QAAA,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;;AAG7B,QAAA,MAAM,YAAY,GAAG,CAAC,CAAsB,KAAI;AAC9C,YAAA,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AACzB,SAAC,CAAC;;AAGF,QAAA,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAC5B,YAAA,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACjD,OAAO,MAAM,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SAClE;;aAEI;AACH,YAAA,OAAO,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAClC,OAAO,MAAM,OAAO,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;SACnD;AACH,KAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAEjB,IAAA,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,aAAa,GAAG,YAAY,EAC5B,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;;;IAK/C,IAAI,QAAQ,EAAE;QACZ,QACEC,cAAC,CAAAC,2CAAY,EACX,EAAA,aAAa,EAAE,aAAa,EACxB,GAAA,KAAK,EACT,CAAA,EACF;KACH;AAED,IAAA,QACED,cAAA,CAACE,6CAAa,EAAA,EACZ,MAAM,EAAE,aAAa,EACrB,aAAa,EAAE,aAAa,EAAA,GACxB,KAAK,EAAA,CACT,EACF;AACJ,CAAC,CAAC;AAEF;MACa,MAAM,GAAGC,uCAAiB,CAAC,gBAAgB,EAAqC;AAE7F;AACa,MAAA,gBAAgB,GAAG;AAC9B,IAAA,OAAO,EAAED,6CAAa;AACtB,IAAA,MAAM,EAAED,2CAAY;;;;;;;"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var components_Navbar_variants_SingleRowNavbar = require('../../variants/components/Navbar/variants/SingleRowNavbar.js');
|
|
8
|
+
var components_Navbar_variants_TwoRowNavbar = require('../../variants/components/Navbar/variants/TwoRowNavbar.js');
|
|
9
|
+
var components_Navbar_variants_CenteredNavbar = require('../../variants/components/Navbar/variants/CenteredNavbar.js');
|
|
10
|
+
var components_Navbar_variants_TransparentNavbar = require('../../variants/components/Navbar/variants/TransparentNavbar.js');
|
|
11
|
+
var components_Navbar_TopBar = require('./TopBar.js');
|
|
12
|
+
|
|
13
|
+
const NavbarDesktop = (props) => {
|
|
14
|
+
const { variant = 'single-row', layout, transparent, sticky, topBar, containerized = true, linkComponent } = props;
|
|
15
|
+
const [isScrolled, setIsScrolled] = React.useState(false);
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
if (transparent && sticky) {
|
|
18
|
+
const handleScroll = () => {
|
|
19
|
+
setIsScrolled(window.scrollY > 10);
|
|
20
|
+
};
|
|
21
|
+
window.addEventListener('scroll', handleScroll);
|
|
22
|
+
return () => window.removeEventListener('scroll', handleScroll);
|
|
23
|
+
}
|
|
24
|
+
return undefined;
|
|
25
|
+
}, [transparent, sticky]);
|
|
26
|
+
const wrapperClass = [
|
|
27
|
+
'vtx-navbar-wrapper',
|
|
28
|
+
sticky && 'vtx-navbar-wrapper--sticky',
|
|
29
|
+
transparent && 'vtx-navbar-wrapper--transparent',
|
|
30
|
+
isScrolled && 'vtx-navbar-wrapper--scrolled',
|
|
31
|
+
].filter(Boolean).join(' ');
|
|
32
|
+
const renderVariant = () => {
|
|
33
|
+
// We handle sticky wrapper at this level, so we force sticky=false for children
|
|
34
|
+
// to avoid nested sticky wrappers which break layout.
|
|
35
|
+
const childProps = { ...props, sticky: false, topBar: undefined };
|
|
36
|
+
if (variant === 'two-row' || layout === 'two-row') {
|
|
37
|
+
return jsxRuntime.jsx(components_Navbar_variants_TwoRowNavbar.TwoRowNavbar, { linkComponent: linkComponent, ...childProps });
|
|
38
|
+
}
|
|
39
|
+
if (variant === 'centered' || layout === 'centered') {
|
|
40
|
+
return jsxRuntime.jsx(components_Navbar_variants_CenteredNavbar.CenteredNavbar, { linkComponent: linkComponent, ...childProps });
|
|
41
|
+
}
|
|
42
|
+
if (variant === 'transparent') {
|
|
43
|
+
return jsxRuntime.jsx(components_Navbar_variants_TransparentNavbar.TransparentNavbar, { linkComponent: linkComponent, ...childProps });
|
|
44
|
+
}
|
|
45
|
+
return jsxRuntime.jsx(components_Navbar_variants_SingleRowNavbar.SingleRowNavbar, { linkComponent: linkComponent, ...childProps });
|
|
46
|
+
};
|
|
47
|
+
return (jsxRuntime.jsxs("div", { className: wrapperClass, children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), renderVariant()] }));
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
exports.NavbarDesktop = NavbarDesktop;
|
|
51
|
+
//# sourceMappingURL=NavbarDesktop.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavbarDesktop.js","sources":["../../../../../../src/components/Navbar/NavbarDesktop.tsx"],"sourcesContent":[null],"names":["useState","useEffect","_jsx","TwoRowNavbar","CenteredNavbar","TransparentNavbar","SingleRowNavbar","_jsxs","TopBar"],"mappings":";;;;;;;;;;;;AAQa,MAAA,aAAa,GAAiC,CAAC,KAAK,KAAI;IACjE,MAAM,EAAE,OAAO,GAAG,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,GAAG,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACnH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAEpDC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,WAAW,IAAI,MAAM,EAAE;YACvB,MAAM,YAAY,GAAG,MAAK;AACtB,gBAAA,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;AACvC,aAAC,CAAC;AACF,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SACnE;AACD,QAAA,OAAO,SAAS,CAAC;AACrB,KAAC,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;AAE1B,IAAA,MAAM,YAAY,GAAG;QACjB,oBAAoB;AACpB,QAAA,MAAM,IAAI,4BAA4B;AACtC,QAAA,WAAW,IAAI,iCAAiC;AAChD,QAAA,UAAU,IAAI,8BAA8B;KAC/C,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,MAAK;;;AAGvB,QAAA,MAAM,UAAU,GAAG,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;QAElE,IAAI,OAAO,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,OAAOC,cAAA,CAACC,oDAAY,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SACzE;QACD,IAAI,OAAO,KAAK,UAAU,IAAI,MAAM,KAAK,UAAU,EAAE;YACjD,OAAOD,cAAA,CAACE,wDAAc,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SAC3E;AACD,QAAA,IAAI,OAAO,KAAK,aAAa,EAAE;YAC3B,OAAOF,cAAA,CAACG,8DAAiB,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;SAC9E;QACD,OAAOH,cAAA,CAACI,0DAAe,EAAC,EAAA,aAAa,EAAE,aAAa,EAAA,GAAM,UAAU,EAAA,CAAI,CAAC;AAC7E,KAAC,CAAC;IAEF,QACIC,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,YAAY,aACvB,MAAM,IAAIL,cAAC,CAAAM,+BAAM,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EAClE,aAAa,EAAE,CACd,EAAA,CAAA,EACR;AACN;;;;"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var components_Navbar_TopBar = require('./TopBar.js');
|
|
8
|
+
var components_Navbar_NavItem = require('./NavItem.js');
|
|
9
|
+
var components_Container_Container = require('../../../Container/components/Container/Container.js');
|
|
10
|
+
var components_Flex_Flex = require('../../../Flex/components/Flex/Flex.js');
|
|
11
|
+
var components_Autocomplete_Autocomplete = require('../../../Autocomplete/components/Autocomplete/Autocomplete.js');
|
|
12
|
+
var components_Badge_Badge = require('../../../Badge/components/Badge/Badge.js');
|
|
13
|
+
var components_Avatar_Avatar = require('../../../Avatar/components/Avatar/Avatar.js');
|
|
14
|
+
var components_Button_Button = require('../../../Button/components/Button/Button.js');
|
|
15
|
+
var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
|
|
16
|
+
|
|
17
|
+
const NavbarMobile = ({ logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], sticky = false, shadow = true, backgroundColor, className = '', topBar, user, search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, containerized = true, isOpen: controlledIsOpen, onOpenChange, linkComponent, hoverColor, activeColor = 'primary', activeIndicatorStyle = 'underline', activeIndicatorBehavior = 'always', }) => {
|
|
18
|
+
const [internalIsOpen, setInternalIsOpen] = React.useState(false);
|
|
19
|
+
const [searchQuery, setSearchQuery] = React.useState('');
|
|
20
|
+
const isControlled = controlledIsOpen !== undefined;
|
|
21
|
+
const isOpen = isControlled ? controlledIsOpen : internalIsOpen;
|
|
22
|
+
const handleToggle = () => {
|
|
23
|
+
const newValue = !isOpen;
|
|
24
|
+
if (!isControlled) {
|
|
25
|
+
setInternalIsOpen(newValue);
|
|
26
|
+
}
|
|
27
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newValue);
|
|
28
|
+
};
|
|
29
|
+
const handleClose = () => {
|
|
30
|
+
if (!isControlled) {
|
|
31
|
+
setInternalIsOpen(false);
|
|
32
|
+
}
|
|
33
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
|
|
34
|
+
};
|
|
35
|
+
const navbarClass = [
|
|
36
|
+
'vtx-navbar',
|
|
37
|
+
'vtx-navbar--mobile',
|
|
38
|
+
sticky && 'vtx-navbar--sticky',
|
|
39
|
+
shadow && 'vtx-navbar--shadow',
|
|
40
|
+
className,
|
|
41
|
+
]
|
|
42
|
+
.filter(Boolean)
|
|
43
|
+
.join(' ');
|
|
44
|
+
const style = {};
|
|
45
|
+
if (backgroundColor)
|
|
46
|
+
style.backgroundColor = backgroundColor;
|
|
47
|
+
const MobileHeaderContent = (jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", className: "vtx-navbar__mobile-header", children: [jsxRuntime.jsx("div", { className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, loading: "eager", fetchPriority: "high" })) : brandText ? (jsxRuntime.jsx("span", { className: "vtx-navbar__brand-text", onClick: onLogoClick, children: brandText })) : null }), jsxRuntime.jsxs("div", { className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) })), jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: handleToggle, className: "vtx-navbar__menu-button", children: isOpen ? jsxRuntime.jsx(icons_IconComponents.CloseIcon, { size: 24 }) : jsxRuntime.jsx(icons_IconComponents.MenuIcon, { size: 24 }) })] })] }));
|
|
48
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("div", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { children: MobileHeaderContent })) : (MobileHeaderContent) }), jsxRuntime.jsx("div", { className: `vtx-navbar__drawer ${isOpen ? 'vtx-navbar__drawer--open' : ''}`, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-content", children: [(search || searchOptions.length > 0) && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-search", children: jsxRuntime.jsx(components_Autocomplete_Autocomplete["default"], { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
|
|
49
|
+
var _a;
|
|
50
|
+
setSearchQuery(value);
|
|
51
|
+
(_a = search === null || search === void 0 ? void 0 : search.onSearch) === null || _a === void 0 ? void 0 : _a.call(search, value);
|
|
52
|
+
}, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
|
|
53
|
+
onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
|
|
54
|
+
setSearchQuery('');
|
|
55
|
+
handleClose();
|
|
56
|
+
}, showSearchIcon: true, clearable: true, fullWidth: true, size: "md" }) })), navigationItems.length > 0 && (jsxRuntime.jsx("nav", { className: "vtx-navbar__drawer-nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) })), user && (jsxRuntime.jsxs("div", { className: "vtx-navbar__drawer-user", children: [jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: 3, children: [jsxRuntime.jsx(components_Avatar_Avatar["default"], { src: user.avatar, alt: user.name, size: "md" }), jsxRuntime.jsxs("div", { children: [user.name && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-name", children: user.name }), user.email && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-email", children: user.email })] })] }), user.menuItems && user.menuItems.length > 0 && (jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-user-menu", children: user.menuItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, mobile: true, onItemClick: handleClose, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) }))] })), actions && jsxRuntime.jsx("div", { className: "vtx-navbar__drawer-actions", children: actions })] }) }), isOpen && jsxRuntime.jsx("div", { className: "vtx-navbar__overlay", onClick: handleClose })] }));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
exports.NavbarMobile = NavbarMobile;
|
|
60
|
+
//# sourceMappingURL=NavbarMobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavbarMobile.js","sources":["../../../../../../src/components/Navbar/NavbarMobile.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Flex","_jsx","Button","Badge","BellIcon","ShoppingCartIcon","CloseIcon","MenuIcon","TopBar","Container","Autocomplete","NavItem","Avatar"],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
15
|
const TopBar = ({ config, containerized = true, }) => {
|
|
16
|
+
var _a, _b, _c;
|
|
16
17
|
const renderItems = (items) => {
|
|
17
18
|
if (!items)
|
|
18
19
|
return null;
|
|
@@ -20,22 +21,35 @@ const TopBar = ({ config, containerized = true, }) => {
|
|
|
20
21
|
return items;
|
|
21
22
|
if (Array.isArray(items)) {
|
|
22
23
|
return (jsxRuntime.jsx(components_Flex_Flex["default"], { align: "center", gap: 24, children: items.map((item, index) => {
|
|
23
|
-
|
|
24
|
-
const Component = item.component;
|
|
25
|
-
return jsxRuntime.jsx(Component, { ...(item.componentProps || {}) }, index);
|
|
26
|
-
}
|
|
27
|
-
return (jsxRuntime.jsx(components_Link_Link["default"], { href: item.href, onClick: item.onClick, className: "vtx-navbar__topbar-link", variant: "small", color: "inherit", noUnderline: true, leftIcon: item.icon, children: item.label }, index));
|
|
24
|
+
return (jsxRuntime.jsx(components_Link_Link["default"], { href: item.href, onClick: item.onClick, variant: "small", color: "inherit", noUnderline: true, hoverColor: item.hoverColor, leftIcon: item.icon, component: item.component, className: "vtx-navbar__topbar-link", children: item.label }, index));
|
|
28
25
|
}) }));
|
|
29
26
|
}
|
|
30
27
|
return items;
|
|
31
28
|
};
|
|
29
|
+
const { backgroundColor, textColor, } = config;
|
|
30
|
+
const isStandardBg = backgroundColor && ['primary', 'secondary', 'dark'].includes(backgroundColor);
|
|
31
|
+
const isCustomBg = backgroundColor && !isStandardBg;
|
|
32
|
+
const isStandardText = textColor && ['light', 'dark'].includes(textColor);
|
|
33
|
+
const isCustomText = textColor && !isStandardText;
|
|
34
|
+
// Determine standard class names
|
|
35
|
+
const classes = [
|
|
36
|
+
'vtx-navbar__topbar',
|
|
37
|
+
isStandardBg && `vtx-navbar__topbar--${backgroundColor}`,
|
|
38
|
+
isStandardText && `vtx-navbar__topbar--text-${textColor}`,
|
|
39
|
+
// Auto-light text for primary/secondary/dark backgrounds if not specified
|
|
40
|
+
!textColor && (backgroundColor === 'primary' || backgroundColor === 'secondary' || backgroundColor === 'dark') && 'vtx-navbar__topbar--text-light',
|
|
41
|
+
// Responsive visibility
|
|
42
|
+
((_a = config.hideOn) === null || _a === void 0 ? void 0 : _a.includes('mobile')) && 'mobile-hide',
|
|
43
|
+
((_b = config.hideOn) === null || _b === void 0 ? void 0 : _b.includes('tablet')) && 'tablet-hide',
|
|
44
|
+
((_c = config.hideOn) === null || _c === void 0 ? void 0 : _c.includes('desktop')) && 'desktop-hide',
|
|
45
|
+
].filter(Boolean).join(' ');
|
|
32
46
|
const style = {};
|
|
33
|
-
if (
|
|
34
|
-
style.backgroundColor =
|
|
35
|
-
if (
|
|
36
|
-
style.color =
|
|
47
|
+
if (isCustomBg)
|
|
48
|
+
style.backgroundColor = backgroundColor;
|
|
49
|
+
if (isCustomText)
|
|
50
|
+
style.color = textColor;
|
|
37
51
|
const content = (jsxRuntime.jsxs(components_Flex_Flex["default"], { justify: "between", align: "center", children: [renderItems(config.left), renderItems(config.right)] }));
|
|
38
|
-
return (jsxRuntime.jsx("div", { className:
|
|
52
|
+
return (jsxRuntime.jsx("div", { className: classes, style: style, children: containerized ? jsxRuntime.jsx(components_Container_Container["default"], { children: content }) : jsxRuntime.jsx("div", { style: { padding: config.padding || '0 1.5rem' }, children: content }) }));
|
|
39
53
|
};
|
|
40
54
|
|
|
41
55
|
exports.TopBar = TopBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.js","sources":["../../../../../../src/components/Navbar/TopBar.tsx"],"sourcesContent":[null],"names":["React","_jsx","Flex","Link","_jsxs","Container"],"mappings":";;;;;;;;;;;;;;AAWO,MAAM,MAAM,GAA0B,CAAC,EAC5C,MAAM,EACN,aAAa,GAAG,IAAI,GACrB,KAAI
|
|
1
|
+
{"version":3,"file":"TopBar.js","sources":["../../../../../../src/components/Navbar/TopBar.tsx"],"sourcesContent":[null],"names":["React","_jsx","Flex","Link","_jsxs","Container"],"mappings":"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"}
|
|
@@ -15,10 +15,10 @@ var icons_IconComponents = require('../../../../icons/icons/IconComponents.js');
|
|
|
15
15
|
var components_Navbar_NavItem = require('./NavItem.js');
|
|
16
16
|
|
|
17
17
|
const useNavbarSections = (props) => {
|
|
18
|
-
const { logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, user, } = props;
|
|
18
|
+
const { logo, logoAlt = 'Logo', onLogoClick, brandText, navigationItems = [], search, searchOptions = [], searchGetOptionLabel, searchGetOptionValue, searchGetOptionDescription, searchGetOptionIcon, searchNoOptionsMessage, searchLoading, onSearchSelect, notificationCount, onNotificationClick, cartCount, onCartClick, actions, user, uppercaseNavItems = false, linkComponent, hoverColor, searchFullWidth = true, activeColor = 'primary', activeIndicatorStyle = 'underline', activeIndicatorBehavior = 'always', } = props;
|
|
19
19
|
const [searchQuery, setSearchQuery] = React.useState('');
|
|
20
20
|
const logoSection = (logo || brandText) && (jsxRuntime.jsx(components_Flex_Flex["default"], { align: "center", className: "vtx-navbar__logo", children: logo ? (jsxRuntime.jsx("img", { src: logo, alt: logoAlt, className: "vtx-navbar__logo-image", onClick: onLogoClick, style: { cursor: onLogoClick ? 'pointer' : 'default' }, loading: "eager", fetchPriority: "high" })) : (jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "h5", as: "span", className: "vtx-navbar__brand-text", onClick: onLogoClick, weight: "bold", style: { cursor: onLogoClick ? 'pointer' : 'default' }, children: brandText })) }));
|
|
21
|
-
const navigationSection = navigationItems.length > 0 && (jsxRuntime.jsx(components_Flex_Flex["default"], { as: "nav", align: "center", className: "vtx-navbar__nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item }, index))) }));
|
|
21
|
+
const navigationSection = navigationItems.length > 0 && (jsxRuntime.jsx(components_Flex_Flex["default"], { as: "nav", align: "center", className: "vtx-navbar__nav", children: navigationItems.map((item, index) => (jsxRuntime.jsx(components_Navbar_NavItem.NavItem, { item: item, uppercase: uppercaseNavItems, linkComponent: linkComponent, defaultHoverColor: hoverColor, defaultActiveColor: activeColor, activeIndicatorStyle: activeIndicatorStyle, activeIndicatorBehavior: activeIndicatorBehavior }, index))) }));
|
|
22
22
|
const searchSection = (search || searchOptions.length > 0) && (jsxRuntime.jsx(components_Autocomplete_Autocomplete["default"], { placeholder: (search === null || search === void 0 ? void 0 : search.placeholder) || 'Search...', value: searchQuery, onChange: (value) => {
|
|
23
23
|
var _a;
|
|
24
24
|
setSearchQuery(value);
|
|
@@ -26,7 +26,7 @@ const useNavbarSections = (props) => {
|
|
|
26
26
|
}, options: searchOptions, getOptionLabel: searchGetOptionLabel, getOptionValue: searchGetOptionValue, getOptionDescription: searchGetOptionDescription, getOptionIcon: searchGetOptionIcon, noOptionsMessage: searchNoOptionsMessage || 'No results found', loading: searchLoading, onSelect: (value, option) => {
|
|
27
27
|
onSearchSelect === null || onSearchSelect === void 0 ? void 0 : onSearchSelect(value, option);
|
|
28
28
|
setSearchQuery('');
|
|
29
|
-
}, showSearchIcon: true, clearable: true, size: "
|
|
29
|
+
}, showSearchIcon: true, clearable: true, size: "md", className: `vtx-navbar__search-input ${searchFullWidth ? 'vtx-navbar__search-input--full' : ''}`, fullWidth: searchFullWidth }));
|
|
30
30
|
const iconsSection = (notificationCount !== undefined || cartCount !== undefined) && (jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", className: "vtx-navbar__icons", children: [notificationCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onNotificationClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: notificationCount > 0 ? String(notificationCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.BellIcon, { size: 20 }) }) })), cartCount !== undefined && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", iconOnly: true, onClick: onCartClick, className: "vtx-navbar__icon-button", children: jsxRuntime.jsx(components_Badge_Badge["default"], { content: cartCount > 0 ? String(cartCount) : '', variant: "error", size: "sm", children: jsxRuntime.jsx(icons_IconComponents.ShoppingCartIcon, { size: 20 }) }) }))] }));
|
|
31
31
|
const userSection = user && (jsxRuntime.jsx(components_Button_Button["default"], { variant: "ghost", className: "vtx-navbar__user-button", children: jsxRuntime.jsxs(components_Flex_Flex["default"], { align: "center", gap: "0.5rem", children: [jsxRuntime.jsx(components_Avatar_Avatar["default"], { src: user.avatar, alt: user.name, size: "sm" }), user.name && jsxRuntime.jsx(components_Typography_Typography["default"], { variant: "body2", weight: "medium", children: user.name }), jsxRuntime.jsx(icons_IconComponents.ChevronDownIcon, { size: 16 })] }) }));
|
|
32
32
|
const actionsSection = actions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["useState","_jsx","Flex","Typography","NavItem","Autocomplete","_jsxs","Button","Badge","BellIcon","ShoppingCartIcon","Avatar","ChevronDownIcon"],"mappings":";;;;;;;;;;;;;;;AAaa,MAAA,iBAAiB,GAAG,CAAC,KAAsB,KAAI;
|
|
1
|
+
{"version":3,"file":"useNavbarSections.js","sources":["../../../../../../src/components/Navbar/useNavbarSections.tsx"],"sourcesContent":[null],"names":["useState","_jsx","Flex","Typography","NavItem","Autocomplete","_jsxs","Button","Badge","BellIcon","ShoppingCartIcon","Avatar","ChevronDownIcon"],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ const CenteredNavbar = (props) => {
|
|
|
21
21
|
const style = { ...propStyle };
|
|
22
22
|
if (backgroundColor)
|
|
23
23
|
style.backgroundColor = backgroundColor;
|
|
24
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] })) })] }));
|
|
24
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : { padding: '0 1.5rem' }, children: [logoSection, navigationSection, jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] })) })] }));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
exports.CenteredNavbar = CenteredNavbar;
|
package/dist/cjs/components/Navbar/variants/components/Navbar/variants/CenteredNavbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CenteredNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/CenteredNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_jsx","TopBar","Container"],"mappings":";;;;;;;;;AAMa,MAAA,cAAc,GAA8B,CAAC,KAAK,KAAI;IACjE,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAGA,qDAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,sBAAsB;AACtB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB,EAAE,GAAG,SAAS,EAAE,CAAC;AACpD,IAAA,IAAI,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;IAE7D,QACEC,
|
|
1
|
+
{"version":3,"file":"CenteredNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/CenteredNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"mappings":";;;;;;;;;AAMa,MAAA,cAAc,GAA8B,CAAC,KAAK,KAAI;IACjE,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,IAAI,EACb,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAGA,qDAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,sBAAsB;AACtB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB,EAAE,GAAG,SAAS,EAAE,CAAC;AACpD,IAAA,IAAI,eAAe;AAAE,QAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;IAE7D,QACEC,eACG,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,MAAM,IAAIC,cAAA,CAACC,+BAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAA,CAAI,EACnED,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,cAAC,CAAAE,yCAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAClC,QAAA,EAAAJ,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACjC,WAAW,EACX,iBAAiB,EAClBA,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAC/B,QAAA,EAAA,CAAA,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACF,EAAA,CAAA,EAAA,CACI,KAEZA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAC7G,WAAW,EACX,iBAAiB,EAClBA,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAC/B,QAAA,EAAA,CAAA,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CACX,EAAA,CAAA,CAAA,EAAA,CACF,CACP,EAAA,CACG,CACL,EAAA,CAAA,EACH;AACJ;;;;"}
|
|
@@ -8,23 +8,30 @@ var components_Navbar_TopBar = require('../../../../components/Navbar/TopBar.js'
|
|
|
8
8
|
var components_Container_Container = require('../../../../../Container/components/Container/Container.js');
|
|
9
9
|
|
|
10
10
|
const SingleRowNavbar = (props) => {
|
|
11
|
-
const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, } = props;
|
|
11
|
+
const { sticky = false, shadow = true, backgroundColor, className = '', topBar, containerized = true, style: propStyle, singleRowVariant = 'standard', } = props;
|
|
12
12
|
const { logoSection, navigationSection, searchSection, iconsSection, userSection, actionsSection, } = components_Navbar_useNavbarSections.useNavbarSections(props);
|
|
13
13
|
const navbarClass = [
|
|
14
14
|
'vtx-navbar',
|
|
15
|
-
'vtx-navbar--desktop',
|
|
16
|
-
'vtx-navbar--single-row',
|
|
17
|
-
sticky && 'vtx-navbar--sticky',
|
|
18
15
|
shadow && 'vtx-navbar--shadow',
|
|
19
16
|
className,
|
|
20
17
|
].filter(Boolean).join(' ');
|
|
21
18
|
const style = { ...propStyle };
|
|
22
19
|
if (backgroundColor)
|
|
23
20
|
style.backgroundColor = backgroundColor;
|
|
24
|
-
//
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
// Flexible Content Rendering
|
|
22
|
+
const renderContent = () => {
|
|
23
|
+
// 1. Balanced: Logo | Nav | Actions
|
|
24
|
+
if (singleRowVariant === 'balanced') {
|
|
25
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "vtx-navbar__left", children: logoSection }), jsxRuntime.jsx("div", { className: "vtx-navbar__center", children: navigationSection }), jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }));
|
|
26
|
+
}
|
|
27
|
+
// 2. Search Centered: Logo+Nav | Search | Actions
|
|
28
|
+
if (singleRowVariant === 'search-centered') {
|
|
29
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "vtx-navbar__left", children: [logoSection, jsxRuntime.jsx("div", { className: "vtx-navbar__nav", style: { marginLeft: '24px' }, children: navigationSection })] }), jsxRuntime.jsx("div", { className: "vtx-navbar__center", style: { width: '100%', justifyContent: 'center' }, children: searchSection }), jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [iconsSection, userSection, actionsSection] })] }));
|
|
30
|
+
}
|
|
31
|
+
// 3. Standard (Default): Logo + Nav | ... | Actions
|
|
32
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "vtx-navbar__left", children: [logoSection, jsxRuntime.jsx("div", { className: "vtx-navbar__nav", style: { marginLeft: '24px' }, children: navigationSection })] }), jsxRuntime.jsx("div", { className: "vtx-navbar__center" }), jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] })] }));
|
|
33
|
+
};
|
|
34
|
+
return (jsxRuntime.jsxs("div", { className: `vtx-navbar-wrapper ${sticky ? 'vtx-navbar-wrapper--sticky' : ''}`, children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsx("div", { className: "vtx-navbar__content", children: renderContent() }) })) : (jsxRuntime.jsx("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : undefined, children: renderContent() })) })] }));
|
|
28
35
|
};
|
|
29
36
|
|
|
30
37
|
exports.SingleRowNavbar = SingleRowNavbar;
|
package/dist/cjs/components/Navbar/variants/components/Navbar/variants/SingleRowNavbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/SingleRowNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"mappings":";;;;;;;;;AAMa,MAAA,eAAe,
|
|
1
|
+
{"version":3,"file":"SingleRowNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/SingleRowNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_Fragment","_jsx","TopBar","Container"],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ const TransparentNavbar = (props) => {
|
|
|
29
29
|
};
|
|
30
30
|
const leftSide = (jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [logoSection, navigationSection] }));
|
|
31
31
|
const rightSide = (jsxRuntime.jsxs("div", { className: "vtx-navbar__right", children: [searchSection, iconsSection, userSection, actionsSection] }));
|
|
32
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
|
|
32
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [topBar && jsxRuntime.jsx(components_Navbar_TopBar.TopBar, { config: topBar, containerized: containerized }), jsxRuntime.jsx("nav", { className: navbarClass, style: style, children: containerized ? (jsxRuntime.jsx(components_Container_Container["default"], { style: { height: '100%' }, children: jsxRuntime.jsxs("div", { className: "vtx-navbar__content", children: [leftSide, rightSide] }) })) : (jsxRuntime.jsxs("div", { className: "vtx-navbar__content", style: props.padding ? { padding: props.padding } : { padding: '0 1.5rem' }, children: [leftSide, rightSide] })) })] }));
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
exports.TransparentNavbar = TransparentNavbar;
|
package/dist/cjs/components/Navbar/variants/components/Navbar/variants/TransparentNavbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransparentNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TransparentNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","
|
|
1
|
+
{"version":3,"file":"TransparentNavbar.js","sources":["../../../../../../../../src/components/Navbar/variants/TransparentNavbar.tsx"],"sourcesContent":[null],"names":["useNavbarSections","_jsxs","_jsx","TopBar","Container"],"mappings":";;;;;;;;;AAMa,MAAA,iBAAiB,GAA8B,CAAC,KAAK,KAAI;AACpE,IAAA,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,eAAe,GAAG,aAAa,EAC/B,SAAS,GAAG,EAAE,EACd,MAAM,EACN,aAAa,GAAG,IAAI,EACpB,KAAK,EAAE,SAAS,GACjB,GAAG,KAAK,CAAC;AAEV,IAAA,MAAM,EACJ,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,GACf,GAAGA,qDAAiB,CAAC,KAAK,CAAC,CAAC;AAE7B,IAAA,MAAM,WAAW,GAAG;QAClB,YAAY;QACZ,qBAAqB;QACrB,yBAAyB;AACzB,QAAA,MAAM,IAAI,oBAAoB;AAC9B,QAAA,MAAM,IAAI,oBAAoB;QAC9B,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAE5B,IAAA,MAAM,KAAK,GAAwB;QACjC,eAAe;AACf,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,GAAG,SAAS;KACb,CAAC;IAEF,MAAM,QAAQ,IACZC,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAClD,WAAW,EACX,iBAAiB,CACd,EAAA,CAAA,CACP,CAAC;AAEF,IAAA,MAAM,SAAS,IACbA,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC/B,aAAa,EACb,YAAY,EACZ,WAAW,EACX,cAAc,CAAA,EAAA,CACX,CACP,CAAC;IAEF,QACEA,kDACG,MAAM,IAAIC,eAACC,+BAAM,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAI,CAAA,EACnED,wBAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACtC,aAAa,IACZA,cAAA,CAACE,yCAAS,EAAC,EAAA,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAClCH,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CACjC,QAAQ,EACR,SAAS,IACN,EACI,CAAA,KAEZA,eAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAC7G,QAAQ,EACR,SAAS,IACN,CACP,EAAA,CACG,CACL,EAAA,CAAA,EACH;AACJ;;;;"}
|