@tmlmobilidade/ui 20250915.1518.13 → 20250915.1643.34

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { User, UnixTimestamp, UserPreferenceValue, Permission } from '@tmlmobilidade/types';
 import { ButtonProps as ButtonProps$2, BadgeProps as BadgeProps$1, ComboboxProps, MenuProps as MenuProps$1, MenuTargetProps as MenuTargetProps$1, MenuDropdownProps as MenuDropdownProps$1, MenuItemProps as MenuItemProps$1, MenuDividerProps as MenuDividerProps$1, MenuLabelProps as MenuLabelProps$1, TooltipProps as TooltipProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, PopoverProps as PopoverProps$1, PopoverTargetProps as PopoverTargetProps$1, PopoverDropdownProps as PopoverDropdownProps$1, SegmentedControlProps as SegmentedControlProps$1, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TextProps as TextProps$1, NumberInputProps as NumberInputProps$1, PasswordInputProps, PillsInputProps as PillsInputProps$1, TextareaProps as TextareaProps$1, TextInputProps as TextInputProps$1 } from '@mantine/core';
 export { Modal, RenderTreeNodePayload, Tree, TreeNodeData, getTreeExpandedState, useTree } from '@mantine/core';
 import * as React$1 from 'react';
@@ -6,7 +7,6 @@ import React__default, { PropsWithChildren, ReactNode, CSSProperties, RefObject
 import { Line, Stop } from '@carrismetropolitana/api-types/network';
 export { ViewportList } from 'react-viewport-list';
 import { DatePickerInputProps } from '@mantine/dates';
-import { UnixTimestamp, UserPreferenceValue, User, Permission } from '@tmlmobilidade/types';
 import { StyleSpecification, MapLibreEvent } from 'maplibre-gl';
 import { FeatureCollection, Polygon, Point, LineString, Feature, Geometry, GeoJsonProperties } from 'geojson';
 import { MapLayerMouseEvent, ViewStateChangeEvent, MapRef } from '@vis.gl/react-maplibre';
@@ -18,6 +18,11 @@ export * from '@mantine/hooks';
 export * from '@mantine/form';
 export { zod4Resolver, zodResolver } from 'mantine-form-zod-resolver';
 
+interface AvatarProps {
+    user: User;
+}
+declare function Avatar({ user }: AvatarProps): react_jsx_runtime.JSX.Element;
+
 interface HasPermissionProps {
     action: string;
     children: React.ReactNode;
@@ -1153,5 +1158,5 @@ declare function AppProvider({ children }: PropsWithChildren): react_jsx_runtime
  */
 declare function BaseProvider({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
 
-export { AVAILABLE_MODES, AVAILABLE_THEMES, AlertCard, AlertMessage, AppProvider, AppWrapper, BackButton, Badge, BaseProvider, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, CoordinatesInput, DataTable, DatePicker, DateTimePicker, DeleteButton, Description, Divider, ErrorDisplay, FileButton, FileUpload, FilterTarget, FilterTypeDateRange, FilterTypeList, FilterWrapper, FiltersBar, Grid, HasPermission, IconButton, Indicator, Label, LineBadge, LineDisplay, LineName, LineSelect, Loader, LoadingOverlay, LockButton, MAP_STYLES, MAP_VIEWPORT, MapContextProvider, MapOverlayGeofences, MapOverlayMultipleStops, MapOverlayObservedPath, MapOverlayPins, MapOverlayScheduledPath, MapView, MapViewContextProvider, MeContextProvider, Menu, MultiSelect, NoDataLabel, NumberInput, Pane, PanesManager, PasswordInput, PillGroup, PillsInput, Popover, SearchInput, Section, SegmentedControl, Separator, Sidebar, SidebarContextProvider, Slider, Spacer, StopDisplay, StopDisplayName, StopSelect, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, TagGroup, Text, TextInput, Textarea, ThemeContextProvider, Toolbar, Tooltip, ValueDisplay, WhenDarkMode, WhenLightMode, WhenMode, accessorSearch, plainSearch, sidebarApps, useCssVariable, useCurrentUrl, useMapContext, useMapViewContext, useMeContext, useSearch, useSidebarContext, useThemeContext, useToast, useUserPreference };
-export type { ButtonProps$1 as ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$2 as DataItem, DataTableColumn, DataTableProps, DatePickerProps, DateTimePickerProps, FileButtonProps, LabelProps, LineBadgeProps, LineDisplayProps, LineNameProps, LineSelectProps, LoaderProps, MapOverlayGeofencesPolygonDataProps, MapOverlayMultipleStopsDataProps, MapOverlayObservedPathLineDataProps, MapOverlayObservedPathPointsDataProps, MapOverlayPinsPointDataProps, MapOverlayScheduledPathLineDataProps, MapOverlayScheduledPathPointsDataProps, MapStyle, ModeType, NoDataLabelProps, NumberInputProps, PillsInputProps, PopoverDropdownProps, PopoverProps, PopoverTargetProps, SearchInputProps, SegmentedControlProps, SurfaceProps, TagGroupProps, TagProps, TextInputProps, TextProps, TextareaProps, ThemeType, ToastPromiseParams, ToastProps };
+export { AVAILABLE_MODES, AVAILABLE_THEMES, AlertCard, AlertMessage, AppProvider, AppWrapper, Avatar, BackButton, Badge, BaseProvider, Button, CMIcon, CMLogo, Checkbox, Collapsible, ComboboxComponent as Combobox, ComponentWrapper, CoordinatesInput, DataTable, DatePicker, DateTimePicker, DeleteButton, Description, Divider, ErrorDisplay, FileButton, FileUpload, FilterTarget, FilterTypeDateRange, FilterTypeList, FilterWrapper, FiltersBar, Grid, HasPermission, IconButton, Indicator, Label, LineBadge, LineDisplay, LineName, LineSelect, Loader, LoadingOverlay, LockButton, MAP_STYLES, MAP_VIEWPORT, MapContextProvider, MapOverlayGeofences, MapOverlayMultipleStops, MapOverlayObservedPath, MapOverlayPins, MapOverlayScheduledPath, MapView, MapViewContextProvider, MeContextProvider, Menu, MultiSelect, NoDataLabel, NumberInput, Pane, PanesManager, PasswordInput, PillGroup, PillsInput, Popover, SearchInput, Section, SegmentedControl, Separator, Sidebar, SidebarContextProvider, Slider, Spacer, StopDisplay, StopDisplayName, StopSelect, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, TagGroup, Text, TextInput, Textarea, ThemeContextProvider, Toolbar, Tooltip, ValueDisplay, WhenDarkMode, WhenLightMode, WhenMode, accessorSearch, plainSearch, sidebarApps, useCssVariable, useCurrentUrl, useMapContext, useMapViewContext, useMeContext, useSearch, useSidebarContext, useThemeContext, useToast, useUserPreference };
+export type { AvatarProps, ButtonProps$1 as ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$2 as DataItem, DataTableColumn, DataTableProps, DatePickerProps, DateTimePickerProps, FileButtonProps, LabelProps, LineBadgeProps, LineDisplayProps, LineNameProps, LineSelectProps, LoaderProps, MapOverlayGeofencesPolygonDataProps, MapOverlayMultipleStopsDataProps, MapOverlayObservedPathLineDataProps, MapOverlayObservedPathPointsDataProps, MapOverlayPinsPointDataProps, MapOverlayScheduledPathLineDataProps, MapOverlayScheduledPathPointsDataProps, MapStyle, ModeType, NoDataLabelProps, NumberInputProps, PillsInputProps, PopoverDropdownProps, PopoverProps, PopoverTargetProps, SearchInputProps, SegmentedControlProps, SurfaceProps, TagGroupProps, TagProps, TextInputProps, TextProps, TextareaProps, ThemeType, ToastPromiseParams, ToastProps };

package/dist/index.js

@@ -1,3 +1,4 @@
+export { Avatar } from './src/components/authentication/Avatar/index.js';
 export { HasPermission } from './src/components/authentication/HasPermission/index.js';
 export { BackButton } from './src/components/buttons/BackButton/index.js';
 export { Button } from './src/components/buttons/Button/index.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/components/authentication/Avatar/index.js

@@ -0,0 +1,18 @@
+'use client';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import { Avatar as Avatar$1 } from '@mantine/core';
+import { isUrl } from '@tmlmobilidade/utils';
+
+function Avatar({ user }) {
+    //
+    //
+    // User has an avatar and it is a valid URL
+    if (user.avatar && isUrl(user.avatar)) {
+        return jsxRuntimeExports.jsx(Avatar$1, { src: user.avatar });
+    }
+    // User does not have an avatar or the avatar is not a valid URL
+    return jsxRuntimeExports.jsx(Avatar$1, { children: user.first_name.charAt(0) + user.last_name.charAt(0) });
+}
+
+export { Avatar };
+//# sourceMappingURL=index.js.map

package/dist/src/components/authentication/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/authentication/Avatar/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineAvatar"],"mappings":";;;;;AAcM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,EAAe,CAAA,CAAA;;;;IAK3C,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAE;QACtC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAI;IAC3C;;IAGA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAOD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAC,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAC,CAAC,CAAA,CAAA,CAAiB;AAC7F;;"}

package/dist/src/components/filters/FiltersBar/index.js

@@ -9,6 +9,7 @@ import '../../../contexts/Theme.context.js';
 import '@tabler/icons-react';
 import '../../sidebar/Sidebar/index.js';
 import '@tmlmobilidade/lib';
+import '@tmlmobilidade/utils';
 import '@mantine/modals';
 import 'clsx';
 import 'luxon';
@@ -19,7 +20,6 @@ import 'ukkonen';
 import '@mantine/hooks';
 import '../../common/Popover/index.js';
 import '../../datatable/DataTableContext/index.js';
-import '@tmlmobilidade/utils';
 import '@mantine/dates';
 import '../FilterTarget/index.js';
 import '../../map/view/MapViewContext/index.js';

package/dist/src/components/inputs/CoordinatesInput/index.js

@@ -20,9 +20,9 @@ import '../../../contexts/Sidebar.context.js';
 import '../../../contexts/Theme.context.js';
 import '../../sidebar/Sidebar/index.js';
 import '@tmlmobilidade/lib';
+import '@tmlmobilidade/utils';
 import '@mantine/modals';
 import '../../datatable/DataTableContext/index.js';
-import '@tmlmobilidade/utils';
 import '@mantine/dates';
 import '../../filters/FilterTarget/index.js';
 import { Section } from '../../layout/Section/index.js';

package/dist/src/components/map/view/MapViewToolbar/index.js

@@ -22,8 +22,8 @@ import '../../../../contexts/Theme.context.js';
 import { Spacer } from '../../../layout/Spacer/index.js';
 import '../../../sidebar/Sidebar/index.js';
 import '@tmlmobilidade/lib';
-import '../../../datatable/DataTableContext/index.js';
 import '@tmlmobilidade/utils';
+import '../../../datatable/DataTableContext/index.js';
 import '@mantine/dates';
 import '../../../filters/FilterTarget/index.js';
 import { MAP_STYLES } from '../../configs/styles.js';

package/dist/src/components/upload/FileUpload/index.js

@@ -19,9 +19,9 @@ import '../../../contexts/Sidebar.context.js';
 import '../../../contexts/Theme.context.js';
 import '../../sidebar/Sidebar/index.js';
 import '@tmlmobilidade/lib';
+import '@tmlmobilidade/utils';
 import '@mantine/modals';
 import '../../datatable/DataTableContext/index.js';
-import '@tmlmobilidade/utils';
 import '@mantine/dates';
 import '../../filters/FilterTarget/index.js';
 import { Section } from '../../layout/Section/index.js';

package/dist/src/hooks/use-user-organization.js

@@ -1,8 +1,9 @@
 'use client';
 import { getAppConfig } from '@tmlmobilidade/lib';
 import '../../_virtual/jsx-runtime.js';
-import { useMeContext } from '../contexts/Me.context.js';
 import '@mantine/core';
+import '@tmlmobilidade/utils';
+import { useMeContext } from '../contexts/Me.context.js';
 import '@tabler/icons-react';
 import '@mantine/modals';
 import 'clsx';
@@ -15,7 +16,6 @@ import 'ukkonen';
 import '@mantine/hooks';
 import '../components/common/Popover/index.js';
 import '../components/datatable/DataTableContext/index.js';
-import '@tmlmobilidade/utils';
 import '@mantine/dates';
 import '../contexts/Map.context.js';
 import '../contexts/Sidebar.context.js';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@tmlmobilidade/ui",
 	"description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
-	"version": "20250915.1518.13",
+	"version": "20250915.1643.34",
 	"author": "João de Vasconcelos & Jusi Monteiro",
 	"license": "AGPL-3.0-or-later",
 	"publishConfig": {