@tmlmobilidade/ui 20250823.56.7 → 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 +3 -3
- 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 +3 -3
- package/dist/styles.css +3 -3
- 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,13 +11677,13 @@ breakpoint-mobile {
|
|
|
11677
11677
|
}
|
|
11678
11678
|
}
|
|
11679
11679
|
/* * */
|
|
11680
|
-
/*
|
|
11680
|
+
/* IN USE OVERRIDE */
|
|
11681
11681
|
|
|
11682
|
-
.styles-
|
|
11682
|
+
.styles-module_override__9xXIN {
|
|
11683
11683
|
transition: width 200ms ease-in-out;
|
|
11684
11684
|
}
|
|
11685
11685
|
|
|
11686
|
-
.styles-
|
|
11686
|
+
.styles-module_override__9xXIN[data-in-use="true"] {
|
|
11687
11687
|
width: 100%;
|
|
11688
11688
|
}
|
|
11689
11689
|
|
package/dist/styles.css
CHANGED
|
@@ -11732,13 +11732,13 @@ breakpoint-mobile {
|
|
|
11732
11732
|
}
|
|
11733
11733
|
}
|
|
11734
11734
|
/* * */
|
|
11735
|
-
/*
|
|
11735
|
+
/* IN USE OVERRIDE */
|
|
11736
11736
|
|
|
11737
|
-
.styles-
|
|
11737
|
+
.styles-module_override__9xXIN {
|
|
11738
11738
|
transition: width 200ms ease-in-out;
|
|
11739
11739
|
}
|
|
11740
11740
|
|
|
11741
|
-
.styles-
|
|
11741
|
+
.styles-module_override__9xXIN[data-in-use="true"] {
|
|
11742
11742
|
width: 100%;
|
|
11743
11743
|
}
|
|
11744
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.104.6",
|
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"publishConfig": {
|