@tmlmobilidade/ui 20250502.2249.3 → 20250502.2316.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +17 -4
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/src/components/layout/AppWrapper/index.js +2 -2
- package/dist/src/components/layout/AppWrapper/index.js.map +1 -1
- package/dist/src/components/layout/Sidebar/index.js +3 -2
- package/dist/src/components/layout/Sidebar/index.js.map +1 -1
- package/dist/src/components/layout/Sidebar/styles.module.css.js +1 -1
- package/dist/src/components/layout/SidebarItem/index.js +2 -2
- package/dist/src/components/layout/SidebarItem/index.js.map +1 -1
- package/dist/src/components/layout/SidebarSubItem/index.js +37 -0
- package/dist/src/components/layout/SidebarSubItem/index.js.map +1 -0
- package/dist/src/components/layout/SidebarSubItem/styles.module.css.js +4 -0
- package/dist/src/components/layout/SidebarSubItem/styles.module.css.js.map +1 -0
- package/dist/src/hooks/use-is-active-page.js +6 -2
- package/dist/src/hooks/use-is-active-page.js.map +1 -1
- package/dist/styles-no-reset.css +77 -1
- package/dist/styles.css +77 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -390,7 +390,9 @@ interface Props$5 extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
390
390
|
}
|
|
391
391
|
declare function Grid({ children, className, columns, gap, hAlign, vAlign, ...props }: Props$5): react_jsx_runtime.JSX.Element;
|
|
392
392
|
|
|
393
|
-
declare function AppWrapper({ children }: PropsWithChildren
|
|
393
|
+
declare function AppWrapper({ children, submenu }: PropsWithChildren<{
|
|
394
|
+
submenu?: SidebarSubItemProps[];
|
|
395
|
+
}>): react_jsx_runtime.JSX.Element;
|
|
394
396
|
|
|
395
397
|
interface CollapsibleProps {
|
|
396
398
|
children: React__default.ReactNode;
|
|
@@ -445,7 +447,18 @@ interface SectionProps {
|
|
|
445
447
|
}
|
|
446
448
|
declare function Section({ alignItems, children, flexDirection, gap, justifyContent, padding }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
447
449
|
|
|
448
|
-
|
|
450
|
+
interface SidebarSubItemProps {
|
|
451
|
+
_id: string;
|
|
452
|
+
href: string;
|
|
453
|
+
icon: React.ReactNode;
|
|
454
|
+
label: string;
|
|
455
|
+
permission: Permission<unknown>;
|
|
456
|
+
}
|
|
457
|
+
declare function SidebarSubItem({ href, icon, label, permission }: SidebarSubItemProps): react_jsx_runtime.JSX.Element;
|
|
458
|
+
|
|
459
|
+
declare function Sidebar({ submenu }: {
|
|
460
|
+
submenu?: SidebarSubItemProps[];
|
|
461
|
+
}): react_jsx_runtime.JSX.Element;
|
|
449
462
|
|
|
450
463
|
interface SidebarItemProps {
|
|
451
464
|
_id: string;
|
|
@@ -752,5 +765,5 @@ declare const getBaseGeoJsonFeatureLineString: () => GeoJSON.Feature<GeoJSON.Lin
|
|
|
752
765
|
*/
|
|
753
766
|
declare const getBaseGeoJsonFeatureCollection: () => GeoJSON.FeatureCollection<GeoJSON.LineString | GeoJSON.Point, GeoJSON.GeoJsonProperties>;
|
|
754
767
|
|
|
755
|
-
export { AVAILABLE_THEMES, ActionIcon, AppProvider, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DatePicker, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, Loader, LoadingOverlay, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeContextProvider, ThemeDark, ThemeLight, ThemeSwitcher, Themer, Tooltip, centerMap, getBaseGeoJsonFeatureCollection, getBaseGeoJsonFeatureLineString, moveMap, useIsActiveDomain, useIsActivePage, useMapOptionsContext, useMeContext, useScreenSize, useSearchQuery, useSidebarContext, useThemeContext, useToast };
|
|
756
|
-
export type { ButtonProps, DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, LabelProps, LoaderProps, MapStyle, SidebarItemProps, TagProps, TextProps, ThemeType, ToastPromiseParams, ToastProps };
|
|
768
|
+
export { AVAILABLE_THEMES, ActionIcon, AppProvider, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, DataTable, DatePicker, DateTimePicker, DeleteActionIcon, Description, Divider, FileButton, Grid, Label, Loader, LoadingOverlay, MapOptionsContextProvider, MapView, MapViewStyleActiveStops, MapViewStyleActiveStopsInteractiveLayerId, MapViewStyleActiveStopsPrimaryLayerId, MapViewStylePath, MapViewStylePathInteractiveLayerId, MapViewStylePathPrimaryLayerId, MapViewStyleStops, MapViewStyleStopsInteractiveLayerId, MapViewStyleStopsPrimaryLayerId, MapViewStyleVehicles, MapViewStyleVehiclesInteractiveLayerId, MapViewStyleVehiclesPrimaryLayerId, MeContextProvider, Menu, Pane, PanesManager, PasswordInput, Section, SegmentedControl, Sidebar, SidebarContextProvider, SidebarItem, SidebarSubItem, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeContextProvider, ThemeDark, ThemeLight, ThemeSwitcher, Themer, Tooltip, centerMap, getBaseGeoJsonFeatureCollection, getBaseGeoJsonFeatureLineString, moveMap, useIsActiveDomain, useIsActivePage, useMapOptionsContext, useMeContext, useScreenSize, useSearchQuery, useSidebarContext, useThemeContext, useToast };
|
|
769
|
+
export type { ButtonProps, DataItem, DataTableColumn, DataTableProps, DataTableSearchProps, LabelProps, LoaderProps, MapStyle, SidebarItemProps, SidebarSubItemProps, TagProps, TextProps, ThemeType, ToastPromiseParams, ToastProps };
|
package/dist/index.js
CHANGED
|
@@ -35,6 +35,7 @@ export { PanesManager } from './src/components/layout/PanesManager/index.js';
|
|
|
35
35
|
export { Section } from './src/components/layout/Section/index.js';
|
|
36
36
|
export { Sidebar } from './src/components/layout/Sidebar/index.js';
|
|
37
37
|
export { SidebarItem } from './src/components/layout/SidebarItem/index.js';
|
|
38
|
+
export { SidebarSubItem } from './src/components/layout/SidebarSubItem/index.js';
|
|
38
39
|
export { Spacer } from './src/components/layout/Spacer/index.js';
|
|
39
40
|
export { Surface } from './src/components/layout/Surface/index.js';
|
|
40
41
|
export { MapView } from './src/components/map/MapView/index.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,14 +6,14 @@ import { useMeContext } from '../../../contexts/Me.context.js';
|
|
|
6
6
|
import styles from './styles.module.css.js';
|
|
7
7
|
|
|
8
8
|
/* * */
|
|
9
|
-
function AppWrapper({ children }) {
|
|
9
|
+
function AppWrapper({ children, submenu }) {
|
|
10
10
|
//
|
|
11
11
|
//
|
|
12
12
|
// A. Setup variables
|
|
13
13
|
const meContext = useMeContext();
|
|
14
14
|
//
|
|
15
15
|
// B. Render components
|
|
16
|
-
return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.appLogo }), jsxRuntimeExports.jsx(AppWrapperHeader, { userName: meContext.data.user?.first_name }), jsxRuntimeExports.jsx(Sidebar, {}), jsxRuntimeExports.jsx("div", { className: styles.content, children: children })] }));
|
|
16
|
+
return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.appLogo }), jsxRuntimeExports.jsx(AppWrapperHeader, { userName: meContext.data.user?.first_name }), jsxRuntimeExports.jsx(Sidebar, { submenu: submenu }), jsxRuntimeExports.jsx("div", { className: styles.content, children: children })] }));
|
|
17
17
|
//
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/AppWrapper/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/AppWrapper/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
2
2
|
import { SidebarItem } from '../SidebarItem/index.js';
|
|
3
|
+
import { SidebarSubItem } from '../SidebarSubItem/index.js';
|
|
3
4
|
import { Spacer } from '../Spacer/index.js';
|
|
4
5
|
import { ThemeSwitcher } from '../../theme/ThemeSwitcher/index.js';
|
|
5
6
|
import { apps } from '@tmlmobilidade/lib';
|
|
6
7
|
import styles from './styles.module.css.js';
|
|
7
8
|
|
|
8
9
|
/* * */
|
|
9
|
-
function Sidebar() {
|
|
10
|
-
return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: apps.map(item => (jsxRuntimeExports.jsx(SidebarItem, { _id: item._id, href: item.href, label: item.label, permission: item.permission }, item.href))) }), jsxRuntimeExports.jsx(Spacer, { orientation: "vertical" }), jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: jsxRuntimeExports.jsx(ThemeSwitcher, {}) })] }));
|
|
10
|
+
function Sidebar({ submenu }) {
|
|
11
|
+
return (jsxRuntimeExports.jsxs("div", { className: styles.sidebarWrapper, children: [jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: apps.map(item => (jsxRuntimeExports.jsx(SidebarItem, { _id: item._id, href: item.href, label: item.label, permission: item.permission }, item.href))) }), jsxRuntimeExports.jsx(Spacer, { orientation: "vertical" }), jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: jsxRuntimeExports.jsx(ThemeSwitcher, {}) })] }), jsxRuntimeExports.jsx("div", { className: styles.container, children: submenu && (jsxRuntimeExports.jsx("div", { className: styles.navWrapper, children: submenu.map(item => (jsxRuntimeExports.jsx(SidebarSubItem, { _id: item._id, href: item.href, icon: item.icon, label: item.label, permission: item.permission }, item._id))) })) })] }));
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
export { Sidebar };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Sidebar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Sidebar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAUA;AAEgB,SAAA,OAAO,CAAC,EAAE,OAAO,EAAuC,EAAA;AACvE,IAAA,QACCA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAAA,CACpCA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CAC/BC,+BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAC/B,QAAA,EAAA,IAAI,CAAC,GAAG,CAAC,IAAI,KACbA,qBAAC,CAAA,WAAW,EAEX,EAAA,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAAA,EAJtB,IAAI,CAAC,IAAI,CAKb,CACF,CAAC,EAAA,CACG,EACNA,qBAAC,CAAA,MAAM,EAAC,EAAA,WAAW,EAAC,UAAU,EAAA,CAAG,EACjCA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAChCA,qBAAC,CAAA,aAAa,EAAG,EAAA,CAAA,EAAA,CACZ,IACD,EACNA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAC9B,QAAA,EAAA,OAAO,KACPA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAC/B,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,IAAI,KAChBA,qBAAC,CAAA,cAAc,IAEd,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,IALtB,IAAI,CAAC,GAAG,CAMZ,CACF,CAAC,EAAA,CACG,CACN,EACI,CAAA,CAAA,EAAA,CACD;AAER;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var styles = {"container":"styles-module_container__tduxg","navWrapper":"styles-module_navWrapper__Xb59N"};
|
|
1
|
+
var styles = {"container":"styles-module_container__tduxg","sidebarWrapper":"styles-module_sidebarWrapper__fU52z","navWrapper":"styles-module_navWrapper__Xb59N"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
|
4
4
|
//# sourceMappingURL=styles.module.css.js.map
|
|
@@ -5,7 +5,7 @@ import { useMeContext } from '../../../contexts/Me.context.js';
|
|
|
5
5
|
import '../../../contexts/Sidebar.context.js';
|
|
6
6
|
import '../../../contexts/Theme.context.js';
|
|
7
7
|
import { useIsActiveDomain } from '../../../hooks/use-is-active-domain.js';
|
|
8
|
-
import { IconAlertTriangle, IconUser, IconListCheck, IconDeviceMobile, IconChartArrowsVertical, IconBusStop, IconFileCertificate
|
|
8
|
+
import { IconAlertTriangle, IconUser, IconListCheck, IconDeviceMobile, IconChartArrowsVertical, IconBusStop, IconFileCertificate } from '@tabler/icons-react';
|
|
9
9
|
import { getPermission } from '@tmlmobilidade/utils';
|
|
10
10
|
import { useMemo } from 'react';
|
|
11
11
|
import styles from './styles.module.css.js';
|
|
@@ -25,7 +25,7 @@ function SidebarItem({ _id, href, label, permission }) {
|
|
|
25
25
|
const isActive = useIsActiveDomain(href) && !isDisabled;
|
|
26
26
|
//
|
|
27
27
|
// C. Render components
|
|
28
|
-
return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsxs("a", { className: styles.icon, "data-active": isActive, "data-disabled": isDisabled, href: href, children: [_id === 'alerts' && jsxRuntimeExports.jsx(IconAlertTriangle, { size: 26 }), _id === 'auth' && jsxRuntimeExports.jsx(IconUser, { size: 26 }), _id === 'controller' && jsxRuntimeExports.jsx(IconListCheck, { size: 26 }), _id === 'equipments' && jsxRuntimeExports.jsx(IconDeviceMobile, { size: 26 }), _id === 'pulse' && jsxRuntimeExports.jsx(IconChartArrowsVertical, { size: 26 }), _id === 'stops' && jsxRuntimeExports.jsx(IconBusStop, { size: 26 }), _id === 'plans' && jsxRuntimeExports.jsx(IconFileCertificate, { size: 26 })
|
|
28
|
+
return (jsxRuntimeExports.jsxs("div", { className: styles.container, children: [jsxRuntimeExports.jsxs("a", { className: styles.icon, "data-active": isActive, "data-disabled": isDisabled, href: href, children: [_id === 'alerts' && jsxRuntimeExports.jsx(IconAlertTriangle, { size: 26 }), _id === 'auth' && jsxRuntimeExports.jsx(IconUser, { size: 26 }), _id === 'controller' && jsxRuntimeExports.jsx(IconListCheck, { size: 26 }), _id === 'equipments' && jsxRuntimeExports.jsx(IconDeviceMobile, { size: 26 }), _id === 'pulse' && jsxRuntimeExports.jsx(IconChartArrowsVertical, { size: 26 }), _id === 'stops' && jsxRuntimeExports.jsx(IconBusStop, { size: 26 }), _id === 'plans' && jsxRuntimeExports.jsx(IconFileCertificate, { size: 26 })] }), jsxRuntimeExports.jsx("span", { className: styles.tooltip, children: label })] }));
|
|
29
29
|
//
|
|
30
30
|
}
|
|
31
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SidebarItem/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;AAsBA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAC,CAAA,CAAE,CAAG,CAAA,CAAA,CAAA,CAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAA;;;;AAM7E,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAE,CAAA;;;AAKhC,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;CAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,cAAc,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAC,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,IAAI,CAAC,CAAA,CAAA,CAAA,CAAI,EAAE,CAA+C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,UAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,EAAE,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,MAAM,CAAC;QAC/I,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,KAAK,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,MAAM,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,cAAc,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,KAAK,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,KAAK,CAAC;AACrH,CAAA,CAAA,CAAA,CAAA,CAAC,CAAE,CAAA,CAAC,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAA,CAAE,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC;CAElD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,QAAQ,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAI,CAAA,CAAA,CAAA,CAAC,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SidebarItem/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
3
|
+
import '../../../contexts/MapOptions.context.js';
|
|
4
|
+
import { useMeContext } from '../../../contexts/Me.context.js';
|
|
5
|
+
import '../../../contexts/Sidebar.context.js';
|
|
6
|
+
import '../../../contexts/Theme.context.js';
|
|
7
|
+
import '@mantine/notifications';
|
|
8
|
+
import { useMemo } from 'react';
|
|
9
|
+
import { useIsActivePage } from '../../../hooks/use-is-active-page.js';
|
|
10
|
+
import '../../../hooks/use-screen-size.js';
|
|
11
|
+
import 'clsx';
|
|
12
|
+
import 'luxon';
|
|
13
|
+
import '@mantine/hooks';
|
|
14
|
+
import { getPermission } from '@tmlmobilidade/utils';
|
|
15
|
+
import styles from './styles.module.css.js';
|
|
16
|
+
|
|
17
|
+
/* * */
|
|
18
|
+
function SidebarSubItem({ href, icon, label, permission }) {
|
|
19
|
+
//
|
|
20
|
+
//
|
|
21
|
+
// A. Setup Variables
|
|
22
|
+
const meContext = useMeContext();
|
|
23
|
+
//
|
|
24
|
+
// B. Transform data
|
|
25
|
+
const isDisabled = useMemo(() => {
|
|
26
|
+
const userPermission = getPermission(meContext.data.user?.permissions, permission.scope, permission.action);
|
|
27
|
+
return !userPermission || (userPermission.action !== permission.action || userPermission.scope !== permission.scope);
|
|
28
|
+
}, [meContext.data.user?.permissions, permission]);
|
|
29
|
+
const isActive = useIsActivePage(href) && !isDisabled;
|
|
30
|
+
//
|
|
31
|
+
// C. Render components
|
|
32
|
+
return (jsxRuntimeExports.jsxs("a", { className: styles.container, "data-active": isActive, "data-disabled": isDisabled, href: href, children: [jsxRuntimeExports.jsx("div", { className: styles.icon, children: icon }), jsxRuntimeExports.jsx("span", { className: styles.label, children: label })] }));
|
|
33
|
+
//
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export { SidebarSubItem };
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/SidebarSubItem/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -2,14 +2,18 @@
|
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
3
|
|
|
4
4
|
function useIsActivePage(href) {
|
|
5
|
+
if (typeof window === 'undefined') {
|
|
6
|
+
return false;
|
|
7
|
+
}
|
|
5
8
|
const [isActive, setIsActive] = useState(false);
|
|
6
9
|
useEffect(() => {
|
|
7
10
|
const handleRouteChange = () => {
|
|
8
11
|
const pathname = window.location.pathname;
|
|
12
|
+
console.log(href, pathname);
|
|
9
13
|
if (href === pathname || (href === '/' && pathname === '/')) {
|
|
10
14
|
setIsActive(true);
|
|
11
15
|
}
|
|
12
|
-
else if (href &&
|
|
16
|
+
else if (href && href.includes(pathname) && href !== '/') {
|
|
13
17
|
setIsActive(true);
|
|
14
18
|
}
|
|
15
19
|
else {
|
|
@@ -25,7 +29,7 @@ function useIsActivePage(href) {
|
|
|
25
29
|
window.removeEventListener('pushState', handleRouteChange);
|
|
26
30
|
window.removeEventListener('replaceState', handleRouteChange);
|
|
27
31
|
};
|
|
28
|
-
}, [href]);
|
|
32
|
+
}, [href, window.location.pathname]);
|
|
29
33
|
return isActive;
|
|
30
34
|
}
|
|
31
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-is-active-page.js","sources":["../../../src/hooks/use-is-active-page.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIM,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAC,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA;
|
|
1
|
+
{"version":3,"file":"use-is-active-page.js","sources":["../../../src/hooks/use-is-active-page.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/dist/styles-no-reset.css
CHANGED
|
@@ -10470,6 +10470,7 @@ breakpoint-mobile {
|
|
|
10470
10470
|
.styles-module_tooltip__oQUMh {
|
|
10471
10471
|
position: absolute;
|
|
10472
10472
|
left: calc(100% + 5px);
|
|
10473
|
+
z-index: 26;
|
|
10473
10474
|
display: none;
|
|
10474
10475
|
padding: 10px;
|
|
10475
10476
|
font-size: 16px;
|
|
@@ -10487,6 +10488,61 @@ breakpoint-mobile {
|
|
|
10487
10488
|
/* * */
|
|
10488
10489
|
/* CONTAINER */
|
|
10489
10490
|
|
|
10491
|
+
.styles-module_container__x-psC {
|
|
10492
|
+
position: relative;
|
|
10493
|
+
display: flex;
|
|
10494
|
+
flex-direction: row;
|
|
10495
|
+
gap: var(--size-spacing-sm);
|
|
10496
|
+
align-items: center;
|
|
10497
|
+
justify-content: flex-start;
|
|
10498
|
+
width: 100%;
|
|
10499
|
+
padding: var(--size-spacing-xs) var(--size-spacing-md) var(--size-spacing-xs) var(--size-spacing-xs);
|
|
10500
|
+
cursor: pointer;
|
|
10501
|
+
user-select: none;
|
|
10502
|
+
border-radius: var(--border-radius-sm);
|
|
10503
|
+
}
|
|
10504
|
+
|
|
10505
|
+
/* * */
|
|
10506
|
+
/* ICON */
|
|
10507
|
+
|
|
10508
|
+
.styles-module_icon__T54Q3 {
|
|
10509
|
+
display: flex;
|
|
10510
|
+
align-items: center;
|
|
10511
|
+
justify-content: center;
|
|
10512
|
+
width: 32px;
|
|
10513
|
+
aspect-ratio: 1;
|
|
10514
|
+
font-size: 30px;
|
|
10515
|
+
color: var(--color-system-text-100);
|
|
10516
|
+
background-color: transparent;
|
|
10517
|
+
border: 2px solid transparent;
|
|
10518
|
+
border-radius: var(--border-radius-sm);
|
|
10519
|
+
}
|
|
10520
|
+
|
|
10521
|
+
.styles-module_container__x-psC:hover {
|
|
10522
|
+
background-color: var(--color-system-background-200);
|
|
10523
|
+
}
|
|
10524
|
+
|
|
10525
|
+
.styles-module_container__x-psC[data-active='true'],
|
|
10526
|
+
.styles-module_container__x-psC[data-active='true']:hover {
|
|
10527
|
+
color: var(--color-contrast);
|
|
10528
|
+
pointer-events: none;
|
|
10529
|
+
background-color: var(--color-primary);
|
|
10530
|
+
border-color: var(--color-secondary);
|
|
10531
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
|
10532
|
+
}
|
|
10533
|
+
|
|
10534
|
+
.styles-module_container__x-psC[data-disabled='true'],
|
|
10535
|
+
.styles-module_container__x-psC[data-disabled='true']:hover {
|
|
10536
|
+
color: var(--color-system-text-100);
|
|
10537
|
+
pointer-events: none;
|
|
10538
|
+
cursor: not-allowed;
|
|
10539
|
+
background-color: transparent;
|
|
10540
|
+
opacity: 0.25;
|
|
10541
|
+
}
|
|
10542
|
+
|
|
10543
|
+
/* * */
|
|
10544
|
+
/* CONTAINER */
|
|
10545
|
+
|
|
10490
10546
|
.styles-module_container__nTl3X {
|
|
10491
10547
|
display: flex;
|
|
10492
10548
|
}
|
|
@@ -10523,24 +10579,44 @@ breakpoint-mobile {
|
|
|
10523
10579
|
height: 2px;
|
|
10524
10580
|
}
|
|
10525
10581
|
|
|
10582
|
+
|
|
10583
|
+
|
|
10526
10584
|
/* * */
|
|
10527
10585
|
/* CONTAINER */
|
|
10528
10586
|
|
|
10529
10587
|
.styles-module_container__tduxg {
|
|
10530
|
-
z-index: 25;
|
|
10531
10588
|
display: flex;
|
|
10532
10589
|
flex-direction: column;
|
|
10533
10590
|
gap: var(--size-spacing-xs);
|
|
10534
10591
|
align-items: center;
|
|
10535
10592
|
justify-content: space-between;
|
|
10536
10593
|
height: 100%;
|
|
10594
|
+
}
|
|
10595
|
+
|
|
10596
|
+
/* * */
|
|
10597
|
+
/* SIDEBAR WRAPPER */
|
|
10598
|
+
|
|
10599
|
+
.styles-module_sidebarWrapper__fU52z {
|
|
10600
|
+
z-index: 25;
|
|
10601
|
+
display: flex;
|
|
10602
|
+
flex-direction: row;
|
|
10603
|
+
gap: var(--size-spacing-xs);
|
|
10604
|
+
align-items: center;
|
|
10605
|
+
justify-content: space-between;
|
|
10606
|
+
height: 100%;
|
|
10537
10607
|
|
|
10538
10608
|
/* overflow-y: auto; */
|
|
10539
10609
|
background-color: var(--color-system-background-100);
|
|
10540
10610
|
border-right: 1px solid var(--color-system-border-100);
|
|
10541
10611
|
box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%);
|
|
10612
|
+
|
|
10613
|
+
& .styles-module_container__tduxg:nth-child(2) {
|
|
10614
|
+
border-left: 1px dotted var(--color-system-border-100);
|
|
10615
|
+
}
|
|
10542
10616
|
}
|
|
10543
10617
|
|
|
10618
|
+
|
|
10619
|
+
|
|
10544
10620
|
/* * */
|
|
10545
10621
|
/* NAV WRAPPER */
|
|
10546
10622
|
|
package/dist/styles.css
CHANGED
|
@@ -10525,6 +10525,7 @@ breakpoint-mobile {
|
|
|
10525
10525
|
.styles-module_tooltip__oQUMh {
|
|
10526
10526
|
position: absolute;
|
|
10527
10527
|
left: calc(100% + 5px);
|
|
10528
|
+
z-index: 26;
|
|
10528
10529
|
display: none;
|
|
10529
10530
|
padding: 10px;
|
|
10530
10531
|
font-size: 16px;
|
|
@@ -10542,6 +10543,61 @@ breakpoint-mobile {
|
|
|
10542
10543
|
/* * */
|
|
10543
10544
|
/* CONTAINER */
|
|
10544
10545
|
|
|
10546
|
+
.styles-module_container__x-psC {
|
|
10547
|
+
position: relative;
|
|
10548
|
+
display: flex;
|
|
10549
|
+
flex-direction: row;
|
|
10550
|
+
gap: var(--size-spacing-sm);
|
|
10551
|
+
align-items: center;
|
|
10552
|
+
justify-content: flex-start;
|
|
10553
|
+
width: 100%;
|
|
10554
|
+
padding: var(--size-spacing-xs) var(--size-spacing-md) var(--size-spacing-xs) var(--size-spacing-xs);
|
|
10555
|
+
cursor: pointer;
|
|
10556
|
+
user-select: none;
|
|
10557
|
+
border-radius: var(--border-radius-sm);
|
|
10558
|
+
}
|
|
10559
|
+
|
|
10560
|
+
/* * */
|
|
10561
|
+
/* ICON */
|
|
10562
|
+
|
|
10563
|
+
.styles-module_icon__T54Q3 {
|
|
10564
|
+
display: flex;
|
|
10565
|
+
align-items: center;
|
|
10566
|
+
justify-content: center;
|
|
10567
|
+
width: 32px;
|
|
10568
|
+
aspect-ratio: 1;
|
|
10569
|
+
font-size: 30px;
|
|
10570
|
+
color: var(--color-system-text-100);
|
|
10571
|
+
background-color: transparent;
|
|
10572
|
+
border: 2px solid transparent;
|
|
10573
|
+
border-radius: var(--border-radius-sm);
|
|
10574
|
+
}
|
|
10575
|
+
|
|
10576
|
+
.styles-module_container__x-psC:hover {
|
|
10577
|
+
background-color: var(--color-system-background-200);
|
|
10578
|
+
}
|
|
10579
|
+
|
|
10580
|
+
.styles-module_container__x-psC[data-active='true'],
|
|
10581
|
+
.styles-module_container__x-psC[data-active='true']:hover {
|
|
10582
|
+
color: var(--color-contrast);
|
|
10583
|
+
pointer-events: none;
|
|
10584
|
+
background-color: var(--color-primary);
|
|
10585
|
+
border-color: var(--color-secondary);
|
|
10586
|
+
box-shadow: 0 1px 3px 0 var(--color-shadow);
|
|
10587
|
+
}
|
|
10588
|
+
|
|
10589
|
+
.styles-module_container__x-psC[data-disabled='true'],
|
|
10590
|
+
.styles-module_container__x-psC[data-disabled='true']:hover {
|
|
10591
|
+
color: var(--color-system-text-100);
|
|
10592
|
+
pointer-events: none;
|
|
10593
|
+
cursor: not-allowed;
|
|
10594
|
+
background-color: transparent;
|
|
10595
|
+
opacity: 0.25;
|
|
10596
|
+
}
|
|
10597
|
+
|
|
10598
|
+
/* * */
|
|
10599
|
+
/* CONTAINER */
|
|
10600
|
+
|
|
10545
10601
|
.styles-module_container__nTl3X {
|
|
10546
10602
|
display: flex;
|
|
10547
10603
|
}
|
|
@@ -10578,24 +10634,44 @@ breakpoint-mobile {
|
|
|
10578
10634
|
height: 2px;
|
|
10579
10635
|
}
|
|
10580
10636
|
|
|
10637
|
+
|
|
10638
|
+
|
|
10581
10639
|
/* * */
|
|
10582
10640
|
/* CONTAINER */
|
|
10583
10641
|
|
|
10584
10642
|
.styles-module_container__tduxg {
|
|
10585
|
-
z-index: 25;
|
|
10586
10643
|
display: flex;
|
|
10587
10644
|
flex-direction: column;
|
|
10588
10645
|
gap: var(--size-spacing-xs);
|
|
10589
10646
|
align-items: center;
|
|
10590
10647
|
justify-content: space-between;
|
|
10591
10648
|
height: 100%;
|
|
10649
|
+
}
|
|
10650
|
+
|
|
10651
|
+
/* * */
|
|
10652
|
+
/* SIDEBAR WRAPPER */
|
|
10653
|
+
|
|
10654
|
+
.styles-module_sidebarWrapper__fU52z {
|
|
10655
|
+
z-index: 25;
|
|
10656
|
+
display: flex;
|
|
10657
|
+
flex-direction: row;
|
|
10658
|
+
gap: var(--size-spacing-xs);
|
|
10659
|
+
align-items: center;
|
|
10660
|
+
justify-content: space-between;
|
|
10661
|
+
height: 100%;
|
|
10592
10662
|
|
|
10593
10663
|
/* overflow-y: auto; */
|
|
10594
10664
|
background-color: var(--color-system-background-100);
|
|
10595
10665
|
border-right: 1px solid var(--color-system-border-100);
|
|
10596
10666
|
box-shadow: 0 0 10px -5px rgb(0 0 0 / 20%);
|
|
10667
|
+
|
|
10668
|
+
& .styles-module_container__tduxg:nth-child(2) {
|
|
10669
|
+
border-left: 1px dotted var(--color-system-border-100);
|
|
10670
|
+
}
|
|
10597
10671
|
}
|
|
10598
10672
|
|
|
10673
|
+
|
|
10674
|
+
|
|
10599
10675
|
/* * */
|
|
10600
10676
|
/* NAV WRAPPER */
|
|
10601
10677
|
|