@tmlmobilidade/ui 20250828.1342.43 → 20250828.1439.42

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.d.ts CHANGED
@@ -121,7 +121,7 @@ interface BadgeProps extends BadgeProps$1 {
121
121
  }
122
122
  declare function Badge({ children, className, disabled, filled, fullWidth, icon, onClick, size, type, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
123
123
 
124
- interface DataItem$1 {
124
+ interface DataItem$2 {
125
125
  icon?: React.ReactNode;
126
126
  label: string;
127
127
  value: string;
@@ -129,7 +129,7 @@ interface DataItem$1 {
129
129
  interface BaseProps extends Omit<ComboboxProps, 'onChange' | 'value'> {
130
130
  className?: string;
131
131
  clearable?: boolean;
132
- data: DataItem$1[] | string[];
132
+ data: DataItem$2[] | string[];
133
133
  description?: string;
134
134
  error?: string;
135
135
  fullWidth?: boolean;
@@ -202,7 +202,7 @@ declare namespace Menu {
202
202
  var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
203
203
  }
204
204
 
205
- interface DataItem {
205
+ interface DataItem$1 {
206
206
  icon?: React.ReactNode;
207
207
  label: string;
208
208
  value: string;
@@ -210,7 +210,7 @@ interface DataItem {
210
210
  interface MultiSelectProps {
211
211
  className?: string;
212
212
  clearable?: boolean;
213
- data: DataItem[];
213
+ data: DataItem$1[];
214
214
  description?: string;
215
215
  disabled?: boolean;
216
216
  error?: string;
@@ -282,6 +282,19 @@ interface LineSelectProps {
282
282
  }
283
283
  declare function LineSelect({ data, label, loading, nothingFound, onSelectLineId, placeholder, selectedLineId, variant }: LineSelectProps): react_jsx_runtime.JSX.Element;
284
284
 
285
+ interface DataItem {
286
+ icon?: React.ReactNode;
287
+ label: string;
288
+ value: string;
289
+ }
290
+ interface PillGroupBaseProps {
291
+ data: DataItem[] | string[];
292
+ onChange?: (value: string[]) => void;
293
+ selected?: string[];
294
+ }
295
+ type PillGroupProps = PillGroupBaseProps;
296
+ declare function PillGroup({ data, onChange, selected }: PillGroupProps): react_jsx_runtime.JSX.Element;
297
+
285
298
  type PopoverProps = PopoverProps$1;
286
299
  type PopoverTargetProps = PopoverTargetProps$1;
287
300
  type PopoverDropdownProps = PopoverDropdownProps$1;
@@ -1069,5 +1082,5 @@ declare function AppProvider({ children }: PropsWithChildren): react_jsx_runtime
1069
1082
  */
1070
1083
  declare function BaseProvider({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
1071
1084
 
1072
- 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, FilterMenu, FilterMenuTarget, FiltersBar, Grid, HasPermission, 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, PillsInput, Popover, SearchInput, Section, SegmentedControl, 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 };
1073
- export type { ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$1 as DataItem, DataTableColumn, DataTableProps, 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 };
1085
+ 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, FilterMenu, FilterMenuTarget, FiltersBar, Grid, HasPermission, 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, 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 };
1086
+ export type { ButtonProps, CheckboxGroupProps, CheckboxProps, DataItem$2 as DataItem, DataTableColumn, DataTableProps, 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 CHANGED
@@ -18,6 +18,7 @@ export { LineBadge } from './src/components/common/LineBadge/index.js';
18
18
  export { LineDisplay } from './src/components/common/LineDisplay/index.js';
19
19
  export { LineName } from './src/components/common/LineName/index.js';
20
20
  export { LineSelect } from './src/components/common/LineSelect/index.js';
21
+ export { PillGroup } from './src/components/common/PillGroup/index.js';
21
22
  export { Popover } from './src/components/common/Popover/index.js';
22
23
  export { SegmentedControl } from './src/components/common/SegmentedControl/index.js';
23
24
  export { Slider } from './src/components/common/Slider/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,33 @@
1
+ 'use client';
2
+ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
3
+ import { Pill } from '@mantine/core';
4
+ import { IconCheck, IconX, IconPlus } from '@tabler/icons-react';
5
+ import { useMemo } from 'react';
6
+ import styles from './styles.module.css.js';
7
+
8
+ function PillGroup({ data, onChange, selected }) {
9
+ //
10
+ const preparedData = useMemo(() => {
11
+ return data.map(item => (typeof item === 'string' ? { label: item, value: item } : item));
12
+ }, [data]);
13
+ //
14
+ // A. Render components
15
+ return (jsxRuntimeExports.jsx(Pill.Group, { children: preparedData.map(item => (jsxRuntimeExports.jsxs(Pill, { classNames: {
16
+ label: styles.label,
17
+ root: styles.pill,
18
+ }, removeButtonProps: {
19
+ icon: selected?.includes(item.value) ? jsxRuntimeExports.jsx(IconX, { size: 16 }) : jsxRuntimeExports.jsx(IconPlus, { size: 16 }),
20
+ onClick: () => {
21
+ if (selected?.includes(item.value)) {
22
+ onChange?.(selected.filter(value => value !== item.value));
23
+ }
24
+ else {
25
+ onChange?.([...(selected ?? []), item.value]);
26
+ }
27
+ },
28
+ }, withRemoveButton: true, children: [selected?.includes(item.value) && jsxRuntimeExports.jsx(IconCheck, { size: 16 }), item.icon && jsxRuntimeExports.jsx("span", { style: { marginRight: '0.25rem' }, children: item.icon }), item.label] }, item.value))) }));
29
+ //
30
+ }
31
+
32
+ export { PillGroup };
33
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/common/PillGroup/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ var styles = {"pill":"styles-module_pill__yivEf","label":"styles-module_label__2CZDF"};
2
+
3
+ export { styles as default };
4
+ //# sourceMappingURL=styles.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -934,6 +934,34 @@
934
934
  background-color: var(--color-system-background-200) !important;
935
935
  }
936
936
 
937
+ /* * */
938
+ /* PILL */
939
+
940
+ .styles-module_pill__yivEf {
941
+ display: flex;
942
+ gap: var(--size-spacing-xs);
943
+ align-items: center;
944
+ font-size: var(--font-size-sm);
945
+ font-weight: var(--font-weight-medium);
946
+ color: var(--color-system-text-100);
947
+ cursor: auto;
948
+ background-color: var(--color-system-background-200);
949
+ border-radius: var(--border-radius-xs);
950
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
951
+
952
+ & * {
953
+ user-select: none;
954
+ }
955
+ }
956
+
957
+ .styles-module_label__2CZDF {
958
+ display: flex;
959
+ gap: var(--size-spacing-xs);
960
+ align-items: center;
961
+ font-size: var(--font-size-sm);
962
+ font-weight: var(--font-weight-medium);
963
+ color: var(--color-system-text-100);
964
+ }
937
965
  /* * */
938
966
  /* CONTAINER */
939
967
 
package/dist/styles.css CHANGED
@@ -993,6 +993,34 @@ figure {
993
993
  background-color: var(--color-system-background-200) !important;
994
994
  }
995
995
 
996
+ /* * */
997
+ /* PILL */
998
+
999
+ .styles-module_pill__yivEf {
1000
+ display: flex;
1001
+ gap: var(--size-spacing-xs);
1002
+ align-items: center;
1003
+ font-size: var(--font-size-sm);
1004
+ font-weight: var(--font-weight-medium);
1005
+ color: var(--color-system-text-100);
1006
+ cursor: auto;
1007
+ background-color: var(--color-system-background-200);
1008
+ border-radius: var(--border-radius-xs);
1009
+ box-shadow: 1px 2px 3px 1px rgb(0 0 0 / 15%);
1010
+
1011
+ & * {
1012
+ user-select: none;
1013
+ }
1014
+ }
1015
+
1016
+ .styles-module_label__2CZDF {
1017
+ display: flex;
1018
+ gap: var(--size-spacing-xs);
1019
+ align-items: center;
1020
+ font-size: var(--font-size-sm);
1021
+ font-weight: var(--font-weight-medium);
1022
+ color: var(--color-system-text-100);
1023
+ }
996
1024
  /* * */
997
1025
  /* CONTAINER */
998
1026
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tmlmobilidade/ui",
3
3
  "description": "UI components for Transportes Metropolitanos de Lisboa (TML) web applications.",
4
- "version": "20250828.1342.43",
4
+ "version": "20250828.1439.42",
5
5
  "author": "João de Vasconcelos & Jusi Monteiro",
6
6
  "license": "AGPL-3.0-or-later",
7
7
  "publishConfig": {