@tmlmobilidade/ui 20250305.1841.5 → 20250306.1453.58

package/dist/cjs/index.js

@@ -1275,8 +1275,8 @@ Menu.Target = function MenuTarget(props) {
 Menu.Dropdown = function MenuDropdown(props) {
     return jsxRuntimeExports.jsx(core.Menu.Dropdown, { ...props, className: styles$i.dropdown });
 };
-Menu.Item = function MenuItem(props) {
-    return jsxRuntimeExports.jsx(core.Menu.Item, { ...props, className: styles$i.item });
+Menu.Item = function MenuItem({ href, ...props }) {
+    return (jsxRuntimeExports.jsx(core.Menu.Item, { className: styles$i.item, component: href ? 'a' : undefined, href: href, ...props }));
 };
 Menu.Divider = function MenuDivider(props) {
     return jsxRuntimeExports.jsx(core.Menu.Divider, { ...props, className: styles$i.divider });
@@ -1596,7 +1596,8 @@ function generateIcon(name) {
 var styles$7 = {"container":"styles-module_container__tduxg","navWrapper":"styles-module_navWrapper__Xb59N","navButton":"styles-module_navButton__kTv0k","selected":"styles-module_selected__w-GVG","disabled":"styles-module_disabled__lxQjN"};
 
 function Sidebar({ items, }) {
-    //
+    if (!items || items.length === 0)
+        return null;
     //
     // A. Render components
     return (jsxRuntimeExports.jsx("div", { className: cn(styles$7.container), children: jsxRuntimeExports.jsx("div", { className: cn(styles$7.navWrapper), children: items.map((item) => {
@@ -1612,45 +1613,32 @@ function SidebarItem({ classNames, disabled, href, icon, label, }) {
                 }), children: typeof icon === 'string' ? generateIcon(icon) : icon }) }) }));
 }
 
-/* * */
-function AppOptions() {
-    //
-    //
-    // A. Setup variables
-    //
-    // B. Handle actions
-    //
-    // C. Render components
-    return (jsxRuntimeExports.jsxs(Menu, { offset: 15, position: "bottom-end", shadow: "lg", children: [jsxRuntimeExports.jsx(Menu.Target, { children: jsxRuntimeExports.jsx(ActionIcon, { color: "gray", variant: "muted", children: jsxRuntimeExports.jsx(Icon.IconSettings, { size: 20 }) }) }), jsxRuntimeExports.jsxs(Menu.Dropdown, { children: [jsxRuntimeExports.jsx(Menu.Divider, {}), jsxRuntimeExports.jsxs(Menu.Item, { color: "red", children: [jsxRuntimeExports.jsx(Icon.IconLogin, { size: 20 }), "Logout"] }), jsxRuntimeExports.jsx(Menu.Divider, {})] })] }));
-    //
-}
-
 var styles$6 = {"container":"styles-module_container__G0H4W","greeting":"styles-module_greeting__Zw9r-","options":"styles-module_options__RyJJ1"};
 
 /* * */
 const greetings = ['Olá', 'Hi', 'Hey', 'Oi', 'Hallo', 'Ciao', 'Hej'];
 /* * */
-function Header() {
+function Header({ user_name }) {
     //
     //
     // A. Setup variables
     const [drawnGreeting] = React.useState(greetings[(greetings.length * Math.random()) | 0]);
     //
     // B. Render components
-    return (jsxRuntimeExports.jsxs("div", { className: styles$6.container, children: [jsxRuntimeExports.jsx("p", { className: styles$6.greeting, children: drawnGreeting }), jsxRuntimeExports.jsx("div", { className: styles$6.options, children: jsxRuntimeExports.jsx(AppOptions, {}) })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: styles$6.container, children: [jsxRuntimeExports.jsxs("p", { className: styles$6.greeting, children: [drawnGreeting, " ", user_name] }), jsxRuntimeExports.jsx("div", { className: styles$6.options })] }));
     //
 }
 
 var styles$5 = {"container":"styles-module_container__V2XNO","appIcon":"styles-module_appIcon__QFZYG","content":"styles-module_content__N1Zgw"};
 
-function AppWrapper({ children, icon, sidebarItems, }) {
+function AppWrapper({ children, headerProps, icon, sidebarItems, }) {
     const appIcon = () => {
         if (icon && typeof icon === 'object' && 'href' in icon) {
             return jsxRuntimeExports.jsx("a", { href: icon.href, children: icon.icon });
         }
         return icon;
     };
-    return (jsxRuntimeExports.jsxs("div", { className: styles$5.container, children: [jsxRuntimeExports.jsx("div", { className: styles$5.appIcon, children: appIcon() }), jsxRuntimeExports.jsx(Header, {}), jsxRuntimeExports.jsx(Sidebar, { items: sidebarItems }), jsxRuntimeExports.jsx("div", { className: styles$5.content, children: children })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: styles$5.container, children: [jsxRuntimeExports.jsx("div", { className: styles$5.appIcon, children: appIcon() }), jsxRuntimeExports.jsx(Header, { ...headerProps }), jsxRuntimeExports.jsx(Sidebar, { items: sidebarItems }), jsxRuntimeExports.jsx("div", { className: styles$5.content, children: children })] }));
 }
 
 var styles$4 = {"container":"styles-module_container__u-Ao-","hAlignstart":"styles-module_hAlignstart__Poz-6","hAligncenter":"styles-module_hAligncenter__-8-PQ","hAlignend":"styles-module_hAlignend__9-hiG","vAlignstart":"styles-module_vAlignstart__UHr2W","vAligncenter":"styles-module_vAligncenter__AI3ka","vAlignend":"styles-module_vAlignend__Ufwik","gapnone":"styles-module_gapnone__yv7lm","gapxs":"styles-module_gapxs__qCDUv","gapsm":"styles-module_gapsm__9Pnop","gapmd":"styles-module_gapmd__9lCqV","gaplg":"styles-module_gaplg__kvQt9","gapxl":"styles-module_gapxl__5-mrY","a":"styles-module_a__NDsdd","aab":"styles-module_aab__xvehZ","ab":"styles-module_ab__JtDDA","abb":"styles-module_abb__jlnJf","abc":"styles-module_abc__XRK-M","abcd":"styles-module_abcd__3jl83"};