@tmlmobilidade/ui 20250305.1841.5 → 20250306.1453.58

package/dist/cjs/types/src/components/common/Menu/index.d.ts

@@ -2,14 +2,16 @@ import { MenuDividerProps as MantineMenuDividerProps, MenuDropdownProps as Manti
 export type MenuProps = MantineMenuProps;
 export type MenuTargetProps = MantineMenuTargetProps;
 export type MenuDropdownProps = MantineMenuDropdownProps;
-export type MenuItemProps = MantineMenuItemProps;
+export type MenuItemProps = MantineMenuItemProps & {
+    href: string;
+};
 export type MenuDividerProps = MantineMenuDividerProps;
 export type MenuLabelProps = MantineMenuLabelProps;
 declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Menu {
     var Target: (props: MenuTargetProps) => import("react/jsx-runtime").JSX.Element;
     var Dropdown: (props: MenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
-    var Item: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: ({ href, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
     var Divider: (props: MenuDividerProps) => import("react/jsx-runtime").JSX.Element;
     var Label: (props: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;
 }

package/dist/cjs/types/src/components/layout/AppWrapper/Header/index.d.ts

@@ -1 +1,2 @@
-export default function Header(): import("react/jsx-runtime").JSX.Element;
+import { HeaderProps } from '..';
+export default function Header({ user_name }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/layout/AppWrapper/index.d.ts

@@ -1,11 +1,14 @@
 import { SidebarItemProps } from '../Sidebar';
-interface AppWrapperProps {
+export interface HeaderProps {
+    user_name?: string;
+}
+export interface AppWrapperProps {
     children: React.ReactNode;
+    headerProps?: HeaderProps;
     icon: React.ReactNode | {
         href: string;
         icon: React.ReactNode;
     };
     sidebarItems: SidebarItemProps[];
 }
-export default function AppWrapper({ children, icon, sidebarItems, }: AppWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function AppWrapper({ children, headerProps, icon, sidebarItems, }: AppWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/layout/Sidebar/index.d.ts

@@ -7,4 +7,4 @@ export interface SidebarItemProps {
 export interface SidebarProps {
     items: SidebarItemProps[];
 }
-export default function Sidebar({ items, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export default function Sidebar({ items, }: SidebarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/types/src/components/layout/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AppWrapper } from './AppWrapper';
 export { default as Grid } from './Grid';
 export { default as Section } from './Section';
+export { SidebarItemProps } from './Sidebar';
 export { default as Sidebar } from './Sidebar';
 export { SimpleSurface } from './SimpleSurface';
 export { default as Spacer } from './Spacer';

package/dist/esm/index.js

@@ -10,7 +10,7 @@ import { ModalsProvider, modals as modals$1 } from '@mantine/modals';
 export * from '@mantine/modals';
 import { Notifications, notifications } from '@mantine/notifications';
 import * as Icon from '@tabler/icons-react';
-import { IconX, IconCaretDownFilled, IconCalendar, IconTrash, IconUpload, IconEye, IconEyeClosed, IconInfoCircle, IconArrowUpRhombus, IconArrowDownRhombus, IconArrowsUpDown, IconSettings, IconLogin, IconCaretLeftFilled } from '@tabler/icons-react';
+import { IconX, IconCaretDownFilled, IconCalendar, IconTrash, IconUpload, IconEye, IconEyeClosed, IconInfoCircle, IconArrowUpRhombus, IconArrowDownRhombus, IconArrowsUpDown, IconCaretLeftFilled } from '@tabler/icons-react';
 import { ViewportList } from 'react-viewport-list';
 import { useDebouncedValue } from '@mantine/hooks';
 export * from '@mantine/hooks';
@@ -1258,8 +1258,8 @@ Menu.Target = function MenuTarget(props) {
 Menu.Dropdown = function MenuDropdown(props) {
     return jsxRuntimeExports.jsx(Menu$1.Dropdown, { ...props, className: styles$i.dropdown });
 };
-Menu.Item = function MenuItem(props) {
-    return jsxRuntimeExports.jsx(Menu$1.Item, { ...props, className: styles$i.item });
+Menu.Item = function MenuItem({ href, ...props }) {
+    return (jsxRuntimeExports.jsx(Menu$1.Item, { className: styles$i.item, component: href ? 'a' : undefined, href: href, ...props }));
 };
 Menu.Divider = function MenuDivider(props) {
     return jsxRuntimeExports.jsx(Menu$1.Divider, { ...props, className: styles$i.divider });
@@ -1579,7 +1579,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) => {
@@ -1595,45 +1596,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(IconSettings, { size: 20 }) }) }), jsxRuntimeExports.jsxs(Menu.Dropdown, { children: [jsxRuntimeExports.jsx(Menu.Divider, {}), jsxRuntimeExports.jsxs(Menu.Item, { color: "red", children: [jsxRuntimeExports.jsx(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] = 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"};