@tmlmobilidade/ui 20250823.53.52 → 20250823.104.6
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 +6 -4
- package/dist/index.css.map +1 -1
- package/dist/src/components/inputs/SearchInput/index.js +14 -1
- package/dist/src/components/inputs/SearchInput/index.js.map +1 -1
- package/dist/src/components/inputs/SearchInput/styles.module.css.js +1 -1
- package/dist/styles-no-reset.css +6 -4
- package/dist/styles.css +6 -4
- package/package.json +1 -1
|
@@ -2,12 +2,16 @@
|
|
|
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 { useState } from 'react';
|
|
5
6
|
import styles from './styles.module.css.js';
|
|
6
7
|
|
|
7
8
|
/* * */
|
|
8
9
|
function SearchInput({ onChange, value }) {
|
|
9
10
|
//
|
|
10
11
|
//
|
|
12
|
+
// A. Setup variables
|
|
13
|
+
const [isInUse, setIsInUse] = useState(false);
|
|
14
|
+
//
|
|
11
15
|
// A. Handle actions
|
|
12
16
|
const handleChange = (event) => {
|
|
13
17
|
if (!onChange)
|
|
@@ -18,10 +22,19 @@ function SearchInput({ onChange, value }) {
|
|
|
18
22
|
if (!onChange)
|
|
19
23
|
return;
|
|
20
24
|
onChange('');
|
|
25
|
+
setIsInUse(false);
|
|
26
|
+
};
|
|
27
|
+
const handleFocus = () => {
|
|
28
|
+
setIsInUse(true);
|
|
29
|
+
};
|
|
30
|
+
const handleBlur = () => {
|
|
31
|
+
if (value?.length)
|
|
32
|
+
return;
|
|
33
|
+
setIsInUse(false);
|
|
21
34
|
};
|
|
22
35
|
//
|
|
23
36
|
// B. Render components
|
|
24
|
-
return (jsxRuntimeExports.jsx(TextInput, { classNames: { root: styles.
|
|
37
|
+
return (jsxRuntimeExports.jsx(TextInput, { classNames: { root: styles.override }, "data-in-use": isInUse, leftSection: jsxRuntimeExports.jsx(IconSearch, { size: 20 }), onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, 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 }) })) }));
|
|
25
38
|
//
|
|
26
39
|
}
|
|
27
40
|
|
|
@@ -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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"}
|
package/dist/styles-no-reset.css
CHANGED
|
@@ -11677,14 +11677,16 @@ breakpoint-mobile {
|
|
|
11677
11677
|
}
|
|
11678
11678
|
}
|
|
11679
11679
|
/* * */
|
|
11680
|
-
/*
|
|
11680
|
+
/* IN USE OVERRIDE */
|
|
11681
11681
|
|
|
11682
|
-
.styles-
|
|
11683
|
-
width: 100%;
|
|
11684
|
-
min-width: initial;
|
|
11682
|
+
.styles-module_override__9xXIN {
|
|
11685
11683
|
transition: width 200ms ease-in-out;
|
|
11686
11684
|
}
|
|
11687
11685
|
|
|
11686
|
+
.styles-module_override__9xXIN[data-in-use="true"] {
|
|
11687
|
+
width: 100%;
|
|
11688
|
+
}
|
|
11689
|
+
|
|
11688
11690
|
/* * */
|
|
11689
11691
|
/* POPUP */
|
|
11690
11692
|
|
package/dist/styles.css
CHANGED
|
@@ -11732,14 +11732,16 @@ breakpoint-mobile {
|
|
|
11732
11732
|
}
|
|
11733
11733
|
}
|
|
11734
11734
|
/* * */
|
|
11735
|
-
/*
|
|
11735
|
+
/* IN USE OVERRIDE */
|
|
11736
11736
|
|
|
11737
|
-
.styles-
|
|
11738
|
-
width: 100%;
|
|
11739
|
-
min-width: initial;
|
|
11737
|
+
.styles-module_override__9xXIN {
|
|
11740
11738
|
transition: width 200ms ease-in-out;
|
|
11741
11739
|
}
|
|
11742
11740
|
|
|
11741
|
+
.styles-module_override__9xXIN[data-in-use="true"] {
|
|
11742
|
+
width: 100%;
|
|
11743
|
+
}
|
|
11744
|
+
|
|
11743
11745
|
/* * */
|
|
11744
11746
|
/* POPUP */
|
|
11745
11747
|
|
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.104.6",
|
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"publishConfig": {
|