@tmlmobilidade/ui 20250915.1518.13 → 20250915.1655.9

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,12 @@ export * from '@mantine/hooks';
 export * from '@mantine/form';
 export { zod4Resolver, zodResolver } from 'mantine-form-zod-resolver';
 
+interface AvatarProps {
+    size?: 'lg' | 'md' | 'sm' | 'xl' | 'xs';
+    user: User;
+}
+declare function Avatar({ size, user }: AvatarProps): react_jsx_runtime.JSX.Element;
+
 interface HasPermissionProps {
     action: string;
     children: React.ReactNode;
@@ -1153,5 +1159,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({ size = 'md', user }) {
+    //
+    //
+    // User has an avatar and it is a valid URL
+    if (user.avatar && isUrl(user.avatar)) {
+        return jsxRuntimeExports.jsx(Avatar$1, { size: size, src: user.avatar });
+    }
+    // User does not have an avatar or the avatar is not a valid URL
+    return jsxRuntimeExports.jsx(Avatar$1, { size: size, 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":";;;;;AAeM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,GAAG,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAe,CAAA,CAAA;;;;IAKxD,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;AACtC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAOA,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,EAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,GAAG,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAI;IACvD;;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,CAAC,CAAA,CAAA,CAAA,CAAI,CAAA,CAAE,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,IAAI,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,EAAA,CAAiB;AACzG;;"}

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.1655.9",
 	"author": "João de Vasconcelos & Jusi Monteiro",
 	"license": "AGPL-3.0-or-later",
 	"publishConfig": {