@tmlmobilidade/ui 20250823.0.8 → 20250823.53.7
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 +14 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/src/components/inputs/SearchInput/index.js +3 -2
- package/dist/src/components/inputs/SearchInput/index.js.map +1 -1
- package/dist/src/components/inputs/SearchInput/styles.module.css.js +4 -0
- package/dist/src/components/inputs/SearchInput/styles.module.css.js.map +1 -0
- package/dist/src/components/layout/Spacer/index.js +2 -2
- package/dist/src/components/layout/Spacer/index.js.map +1 -1
- package/dist/src/components/sidebar/SidebarItemTooltip/index.js +1 -1
- package/dist/styles-no-reset.css +14 -0
- package/dist/styles.css +14 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -530,9 +530,10 @@ declare function Section({ alignItems, children, flexDirection, flexWrap, gap, j
|
|
|
530
530
|
|
|
531
531
|
interface SpacerProps {
|
|
532
532
|
orientation?: 'horizontal' | 'vertical';
|
|
533
|
+
shrink?: boolean;
|
|
533
534
|
size?: 'full' | 'lg' | 'md' | 'sm';
|
|
534
535
|
}
|
|
535
|
-
declare function Spacer({ orientation, size }: SpacerProps): react_jsx_runtime.JSX.Element;
|
|
536
|
+
declare function Spacer({ orientation, shrink, size }: SpacerProps): react_jsx_runtime.JSX.Element;
|
|
536
537
|
|
|
537
538
|
interface SurfaceProps {
|
|
538
539
|
align?: 'center' | 'end' | 'start';
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
3
3
|
import { TextInput, ActionIcon } from '@mantine/core';
|
|
4
4
|
import { IconX, IconSearch } from '@tabler/icons-react';
|
|
5
|
+
import styles from './styles.module.css.js';
|
|
5
6
|
|
|
6
7
|
/* * */
|
|
7
8
|
function SearchInput({ onChange, value }) {
|
|
8
9
|
//
|
|
9
10
|
//
|
|
10
|
-
// A.Handle actions
|
|
11
|
+
// A. Handle actions
|
|
11
12
|
const handleChange = (event) => {
|
|
12
13
|
if (!onChange)
|
|
13
14
|
return;
|
|
@@ -20,7 +21,7 @@ function SearchInput({ onChange, value }) {
|
|
|
20
21
|
};
|
|
21
22
|
//
|
|
22
23
|
// B. Render components
|
|
23
|
-
return (jsxRuntimeExports.jsx(TextInput, { leftSection: jsxRuntimeExports.jsx(IconSearch, { size: 20 }), onChange: handleChange, placeholder: "Pesquisar...", value: value ?? '', rightSection: (typeof value === 'string' && value.length > 0) && (jsxRuntimeExports.jsx(ActionIcon, { color: "var(--color-system-text-300)", onClick: handleClear, variant: "transparent", children: jsxRuntimeExports.jsx(IconX, { size: 20 }) })) }));
|
|
24
|
+
return (jsxRuntimeExports.jsx(TextInput, { classNames: { root: styles.growWhenUsed, wrapper: styles.growWhenUsed }, leftSection: jsxRuntimeExports.jsx(IconSearch, { size: 20 }), onChange: handleChange, placeholder: "Pesquisar...", value: value ?? '', rightSection: (typeof value === 'string' && value.length > 0) && (jsxRuntimeExports.jsx(ActionIcon, { color: "var(--color-system-text-300)", onClick: handleClear, variant: "transparent", children: jsxRuntimeExports.jsx(IconX, { size: 20 }) })) }));
|
|
24
25
|
//
|
|
25
26
|
}
|
|
26
27
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/inputs/SearchInput/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineTextInput","MantineActionIcon"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/inputs/SearchInput/index.tsx"],"sourcesContent":[null],"names":["_jsx","MantineTextInput","MantineActionIcon"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
|
|
|
2
2
|
import styles from './styles.module.css.js';
|
|
3
3
|
|
|
4
4
|
/* * */
|
|
5
|
-
function Spacer({ orientation = 'horizontal', size = 'full' }) {
|
|
6
|
-
return (jsxRuntimeExports.jsx("div", { className: styles.container, "data-orientation": orientation, "data-size": size }));
|
|
5
|
+
function Spacer({ orientation = 'horizontal', shrink = false, size = 'full' }) {
|
|
6
|
+
return (jsxRuntimeExports.jsx("div", { className: styles.container, "data-orientation": orientation, "data-shrink": shrink, "data-size": size }));
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
export { Spacer };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Spacer/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/layout/Spacer/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAYA;AAEM,SAAU,MAAM,CAAC,EAAE,WAAW,GAAG,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,MAAM,EAAe,EAAA;AAChG,IAAA,QACCA,qBAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,kBAAA,EACT,WAAW,iBAChB,MAAM,EAAA,WAAA,EACR,IAAI,EAAA,CACd;AAEJ;;;;"}
|
|
@@ -54,7 +54,7 @@ function SidebarItemTooltip({ label, target }) {
|
|
|
54
54
|
return null;
|
|
55
55
|
}
|
|
56
56
|
return createPortal(jsxRuntimeExports.jsx("div", { className: styles.tooltip, style: {
|
|
57
|
-
left: targetPosition.right +
|
|
57
|
+
left: targetPosition.right + 5,
|
|
58
58
|
top: targetPosition.top + targetPosition.height / 2,
|
|
59
59
|
transform: 'translateY(-50%)',
|
|
60
60
|
}, children: label }), rootElement);
|
package/dist/styles-no-reset.css
CHANGED
|
@@ -11139,6 +11139,12 @@ breakpoint-mobile {
|
|
|
11139
11139
|
height: 2px;
|
|
11140
11140
|
}
|
|
11141
11141
|
|
|
11142
|
+
/* * */
|
|
11143
|
+
/* PROPS / SHRINK */
|
|
11144
|
+
|
|
11145
|
+
.styles-module_container__nTl3X[data-shrink="true"] {
|
|
11146
|
+
flex-shrink: 999;
|
|
11147
|
+
}
|
|
11142
11148
|
/* * */
|
|
11143
11149
|
/* TOOLTIP */
|
|
11144
11150
|
|
|
@@ -11670,6 +11676,14 @@ breakpoint-mobile {
|
|
|
11670
11676
|
user-select: none;
|
|
11671
11677
|
}
|
|
11672
11678
|
}
|
|
11679
|
+
/* * */
|
|
11680
|
+
/* GROW WHEN USED */
|
|
11681
|
+
|
|
11682
|
+
.styles-module_growWhenUsed__9WsiQ[data-with-right-section="true"] {
|
|
11683
|
+
width: 100%;
|
|
11684
|
+
min-width: initial;
|
|
11685
|
+
}
|
|
11686
|
+
|
|
11673
11687
|
/* * */
|
|
11674
11688
|
/* POPUP */
|
|
11675
11689
|
|
package/dist/styles.css
CHANGED
|
@@ -11194,6 +11194,12 @@ breakpoint-mobile {
|
|
|
11194
11194
|
height: 2px;
|
|
11195
11195
|
}
|
|
11196
11196
|
|
|
11197
|
+
/* * */
|
|
11198
|
+
/* PROPS / SHRINK */
|
|
11199
|
+
|
|
11200
|
+
.styles-module_container__nTl3X[data-shrink="true"] {
|
|
11201
|
+
flex-shrink: 999;
|
|
11202
|
+
}
|
|
11197
11203
|
/* * */
|
|
11198
11204
|
/* TOOLTIP */
|
|
11199
11205
|
|
|
@@ -11725,6 +11731,14 @@ breakpoint-mobile {
|
|
|
11725
11731
|
user-select: none;
|
|
11726
11732
|
}
|
|
11727
11733
|
}
|
|
11734
|
+
/* * */
|
|
11735
|
+
/* GROW WHEN USED */
|
|
11736
|
+
|
|
11737
|
+
.styles-module_growWhenUsed__9WsiQ[data-with-right-section="true"] {
|
|
11738
|
+
width: 100%;
|
|
11739
|
+
min-width: initial;
|
|
11740
|
+
}
|
|
11741
|
+
|
|
11728
11742
|
/* * */
|
|
11729
11743
|
/* POPUP */
|
|
11730
11744
|
|
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": "20250823.
|
|
4
|
+
"version": "20250823.53.7",
|
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"publishConfig": {
|