@tmlmobilidade/ui 20250305.1754.42 → 20250305.1816.36

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

@@ -1,7 +1,7 @@
 export interface SidebarItemProps {
     disabled?: boolean;
     href: string;
-    icon: React.ReactNode;
+    icon: React.ReactNode | string;
     label: string;
 }
 export interface SidebarProps {

package/dist/cjs/types/src/hooks/use-is-active-domain.d.ts

@@ -0,0 +1 @@
+export declare function useIsActiveDomain(domain: string): boolean;

package/dist/cjs/types/src/lib/generate-icon.d.ts

@@ -0,0 +1 @@
+export declare function generateIcon(name: string): React.ReactNode;

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import React__default, { createContext, useState, useEffect, useMemo, useContext, useCallback } from 'react';
+import React__default, { createContext, useState, useEffect, useMemo, useContext, useCallback, createElement } from 'react';
 import { clsx } from 'clsx';
 import { DateTime } from 'luxon';
 import { ActionIcon as ActionIcon$1, createTheme, TextInput, Textarea, PasswordInput as PasswordInput$1, Button as Button$1, MantineProvider, Menu as Menu$1, ColorSwatch, Badge as Badge$1, Checkbox as Checkbox$1, useCombobox, Combobox, Group, CheckIcon, PillsInput, Pill, InputBase, Input, SegmentedControl as SegmentedControl$1, Slider as Slider$1, Switch as Switch$1, Text as Text$1, Tooltip as Tooltip$1, Center, rem, Table, Accordion } from '@mantine/core';
@@ -9,6 +9,7 @@ import { DatesProvider, DateTimePicker as DateTimePicker$1 } from '@mantine/date
 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 { ViewportList } from 'react-viewport-list';
 import { useDebouncedValue } from '@mantine/hooks';
@@ -1542,15 +1543,12 @@ function DataTableContent({ classnames, columns, maxHeight, onRowClick, onRowCon
     return (jsxRuntimeExports.jsxs("div", { className: cn(styles$8.root, classnames?.root), children: [jsxRuntimeExports.jsx(DataTableTitle, { search: search, title: title ?? '' }), jsxRuntimeExports.jsx("div", { className: cn(styles$8.tableWrapper, classnames?.tableWrapper), style: { maxHeight: maxHeight || '100%' }, children: jsxRuntimeExports.jsxs(Table, { className: cn(styles$8.table, classnames?.table, 'block'), children: [jsxRuntimeExports.jsx(DataTableHeader, { columns: columns }), jsxRuntimeExports.jsx(Table.Tbody, { children: jsxRuntimeExports.jsx(ViewportList, { itemMargin: 0, items: data.records, children: (record, rowIndex) => (jsxRuntimeExports.jsx(DataTableRow, { columns: columns, onRowClick: onRowClick, onRowContextMenu: onRowContextMenu, onRowDoubleClick: onRowDoubleClick, record: record }, rowIdAccessor ? getValueAtPath(record, rowIdAccessor) : rowIndex)) }) })] }) })] }));
 }
 
-function useIsActivePage(href) {
+function useIsActiveDomain(domain) {
     const [isActive, setIsActive] = useState(false);
     useEffect(() => {
         const handleRouteChange = () => {
-            const pathname = window.location.pathname;
-            if (href === pathname || (href === '/' && pathname === '/')) {
-                setIsActive(true);
-            }
-            else if (href && pathname.includes(href) && href !== '/') {
+            const currentDomain = window.location.hostname;
+            if (domain === currentDomain) {
                 setIsActive(true);
             }
             else {
@@ -1566,10 +1564,18 @@ function useIsActivePage(href) {
             window.removeEventListener('pushState', handleRouteChange);
             window.removeEventListener('replaceState', handleRouteChange);
         };
-    }, [href]);
+    }, [domain]);
     return isActive;
 }
 
+function generateIcon(name) {
+    const IconComponent = Icon[name];
+    if (!IconComponent) {
+        return null;
+    }
+    return createElement(IconComponent);
+}
+
 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, }) {
@@ -1582,11 +1588,11 @@ function Sidebar({ items, }) {
     //
 }
 function SidebarItem({ classNames, disabled, href, icon, label, }) {
-    const isActive = useIsActivePage(href);
+    const isActive = useIsActiveDomain(href);
     return (jsxRuntimeExports.jsx(Tooltip$1, { label: label, position: "right", children: jsxRuntimeExports.jsx("a", { href: href, children: jsxRuntimeExports.jsx(ActionIcon$1, { size: "xl", className: cn(styles$7.navButton, classNames?.navButton, {
                     [styles$7.disabled]: disabled,
                     [styles$7.selected]: isActive,
-                }), children: icon }) }) }));
+                }), children: typeof icon === 'string' ? generateIcon(icon) : icon }) }) }));
 }
 
 /* * */