@tmlmobilidade/ui 20250305.1746.10 → 20250305.1809.16

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/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,11 +9,11 @@ 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';
 export * from '@mantine/hooks';
-import pjson from 'package.json';
 export * from '@mantine/form';
 
 var jsxRuntime = {exports: {}};
@@ -1571,6 +1571,14 @@ function useIsActivePage(href) {
     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, }) {
@@ -1587,7 +1595,7 @@ function SidebarItem({ classNames, disabled, href, icon, label, }) {
     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 }) }) }));
 }
 
 /* * */
@@ -1599,7 +1607,7 @@ function AppOptions() {
     // 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, {}), jsxRuntimeExports.jsxs(Menu.Label, { children: ["Version ", pjson.version] })] })] }));
+    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, {})] })] }));
     //
 }