@tmlmobilidade/ui 20250131.2255.24 → 20250205.1234.12

package/dist/cjs/index.js

@@ -779,7 +779,7 @@ function getValueAtPath(obj, path) {
 }
 
 /* * */
-function Component$3({ className, icon, children, onClick, target, type = 'button', variant = 'primary', disabled, textTransform = 'none', ...props }) {
+function Component$3({ className, icon, href, children, onClick, target, type = 'button', variant = 'primary', disabled, textTransform = 'none', ...props }) {
     //
     const btnClass = cn(className, styles$l.button, !disabled && {
         [styles$l.danger]: variant === 'danger',
@@ -791,7 +791,7 @@ function Component$3({ className, icon, children, onClick, target, type = 'butto
         [styles$l.warning]: variant === 'warning',
         [styles$l.active]: variant === 'active',
     }, disabled && styles$l.disabled);
-    return (jsxRuntimeExports.jsx(core.Button, { className: btnClass, leftSection: icon && icon, onClick: onClick, type: type, variant: variant, disabled: disabled, classNames: { label: styles$l.buttonLabel, ...props.classNames }, ...props, style: { textTransform: textTransform }, children: children }));
+    return (jsxRuntimeExports.jsx(core.Button, { className: btnClass, leftSection: icon && icon, onClick: onClick, type: type, component: href ? 'a' : 'button', href: href, variant: variant, disabled: disabled, classNames: { label: styles$l.buttonLabel, ...props.classNames }, ...props, style: { textTransform: textTransform }, children: children }));
     //
 }
 
@@ -858,7 +858,7 @@ function Component({ classNames, ...props }) {
     return jsxRuntimeExports.jsx(core.Textarea, { classNames: classNames, ...props });
 }
 
-var styles$i = {"wrapper":"styles-module_wrapper__7zsRX","input":"styles-module_input__kZP4l","placeholder":"styles-module_placeholder__uazW4","pillInputWrapper":"styles-module_pillInputWrapper__rtJzo","pillInputField":"styles-module_pillInputField__LYXhi","icon":"styles-module_icon__jXQ8R","pillClearButton":"styles-module_pillClearButton__RYrwJ","pill":"styles-module_pill__eWbVa","label":"styles-module_label__tB0Ce","description":"styles-module_description__KHjxV","error":"styles-module_error__fOsRf","dropdownWrapper":"styles-module_dropdownWrapper__guQYa"};
+var styles$i = {"wrapper":"styles-module_wrapper__7zsRX","input":"styles-module_input__kZP4l","placeholder":"styles-module_placeholder__uazW4","pillInputWrapper":"styles-module_pillInputWrapper__rtJzo","icon":"styles-module_icon__jXQ8R","pillClearButton":"styles-module_pillClearButton__RYrwJ","pill":"styles-module_pill__eWbVa","label":"styles-module_label__tB0Ce","description":"styles-module_description__KHjxV","error":"styles-module_error__fOsRf","dropdownWrapper":"styles-module_dropdownWrapper__guQYa"};
 
 function parseComboboxItem(item) {
     if (typeof item === 'string') {
@@ -1317,7 +1317,7 @@ function Surface({ children, classNames, borderRadius = 'none', padding = 'none'
     return (jsxRuntimeExports.jsxs("div", { className: rootClass, ...props, children: [jsxRuntimeExports.jsx("div", { className: surfaceClass, style: { justifyContent, alignItems, flexDirection }, children: children }), divider && jsxRuntimeExports.jsx("div", { className: dividerClass })] }));
 }
 
-var styles$4 = {"container":"styles-module_container__tduxg","navWrapper":"styles-module_navWrapper__Xb59N","navButton":"styles-module_navButton__kTv0k","selected":"styles-module_selected__w-GVG"};
+var styles$4 = {"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","header":"styles-module_header__Rc7hw","footer":"styles-module_footer__1qqil"};
 
 function useIsActivePage(href) {
     if (typeof window === 'undefined')
@@ -1335,19 +1335,21 @@ function useIsActivePage(href) {
     return false;
 }
 
-function Sidebar({ items, classNames }) {
+function Sidebar({ items, header, footer, classNames, }) {
+    //
     //
     // A. Render components
-    return (jsxRuntimeExports.jsx("div", { className: cn(styles$4.container, classNames?.container), children: jsxRuntimeExports.jsx("div", { className: cn(styles$4.navWrapper, classNames?.navWrapper), children: items.map((item) => {
-                return item.permission ? (jsxRuntimeExports.jsx(SidebarItem, { href: item.href, icon: item.icon, label: item.label }, item.href)) : (jsxRuntimeExports.jsx(SidebarItem, { href: item.href, icon: item.icon, label: item.label }, item.href));
-            }) }) }));
+    return (jsxRuntimeExports.jsx("div", { className: cn(styles$4.container, classNames?.container), children: jsxRuntimeExports.jsxs("div", { className: cn(styles$4.navWrapper, classNames?.navWrapper), children: [header && (jsxRuntimeExports.jsx("div", { className: cn(styles$4.header, classNames?.header), children: header })), items.map((item) => {
+                    return (jsxRuntimeExports.jsx(SidebarItem, { href: item.href, icon: item.icon, label: item.label, disabled: item.disabled }, item.href));
+                }), footer && (jsxRuntimeExports.jsx("div", { className: cn(styles$4.footer, classNames?.footer), children: footer }))] }) }));
     //
 }
-function SidebarItem({ href, icon, label, classNames, }) {
+function SidebarItem({ href, icon, label, disabled, classNames, }) {
     const isActive = useIsActivePage(href);
     return (jsxRuntimeExports.jsx(core.Tooltip, { label: label, position: "right", children: jsxRuntimeExports.jsx("a", { href: href, children: jsxRuntimeExports.jsx(core.ActionIcon, { className: cn(styles$4.navButton, classNames?.navButton, {
                     [styles$4.selected]: isActive,
-                }), color: "gray", size: "xl", children: icon }) }) }));
+                    [styles$4.disabled]: disabled,
+                }), size: "xl", children: icon }) }) }));
 }
 
 function accessorSearch(record, accessor, query) {
@@ -1517,7 +1519,7 @@ function DataTableRow({ columns, record, onRowClick, onRowDoubleClick, onRowCont
                     : String(getValueAtPath(record, column.accessor)) }, colIndex))) }));
 }
 
-var styles$1 = {"root":"styles-module_root__2WSxN","title":"styles-module_title__qCJZG","item":"styles-module_item__yl--3","itemsWrapper":"styles-module_itemsWrapper__8xwKJ"};
+var styles$1 = {"root":"styles-module_root__2WSxN","title":"styles-module_title__qCJZG"};
 
 function DataTableTitle({ search, title }) {
     //
@@ -1535,7 +1537,7 @@ function DataTableTitle({ search, title }) {
     return (jsxRuntimeExports.jsxs("div", { className: styles$1.root, children: [jsxRuntimeExports.jsx("div", { className: styles$1.title, children: title && title }), search && !search.hidden && (jsxRuntimeExports.jsx("div", { className: styles$1.filters, children: jsxRuntimeExports.jsx(Component$2, { onChange: handleSearchChange, placeholder: search.placeholder, value: searchQuery }) }))] }));
 }
 
-var styles = {"root":"styles-module_root__AStX6","tableWrapper":"styles-module_tableWrapper__ByR84","table":"styles-module_table__IKm6A","body":"styles-module_body__Ou1Rp"};
+var styles = {"root":"styles-module_root__AStX6","tableWrapper":"styles-module_tableWrapper__ByR84","table":"styles-module_table__IKm6A"};
 
 function DataTable({ records, ...props }) {
     return (jsxRuntimeExports.jsx(DataTableProvider, { initialRecords: records, searchAccessors: props.search?.accessors ?? [], children: jsxRuntimeExports.jsx(DataTableContent, { ...props }) }));