@tmlmobilidade/ui 20250823.56.7 → 20250823.118.34
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 +1 -11
- package/dist/index.css.map +1 -1
- package/dist/src/components/inputs/SearchInput/index.js +16 -4
- package/dist/src/components/inputs/SearchInput/index.js.map +1 -1
- package/dist/styles-no-reset.css +1 -11
- package/dist/styles.css +1 -11
- package/package.json +1 -1
- package/dist/src/components/inputs/SearchInput/styles.module.css.js +0 -4
- package/dist/src/components/inputs/SearchInput/styles.module.css.js.map +0 -1
|
@@ -2,13 +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
|
|
5
|
+
import { useState } from 'react';
|
|
6
6
|
|
|
7
7
|
/* * */
|
|
8
8
|
function SearchInput({ onChange, value }) {
|
|
9
9
|
//
|
|
10
10
|
//
|
|
11
|
-
// A.
|
|
11
|
+
// A. Setup variables
|
|
12
|
+
const [isInUse, setIsInUse] = useState(false);
|
|
13
|
+
//
|
|
14
|
+
// B. Handle actions
|
|
12
15
|
const handleChange = (event) => {
|
|
13
16
|
if (!onChange)
|
|
14
17
|
return;
|
|
@@ -18,10 +21,19 @@ function SearchInput({ onChange, value }) {
|
|
|
18
21
|
if (!onChange)
|
|
19
22
|
return;
|
|
20
23
|
onChange('');
|
|
24
|
+
setIsInUse(false);
|
|
25
|
+
};
|
|
26
|
+
const handleFocus = () => {
|
|
27
|
+
setIsInUse(true);
|
|
28
|
+
};
|
|
29
|
+
const handleBlur = () => {
|
|
30
|
+
if (value?.length)
|
|
31
|
+
return;
|
|
32
|
+
setIsInUse(false);
|
|
21
33
|
};
|
|
22
34
|
//
|
|
23
|
-
//
|
|
24
|
-
return (jsxRuntimeExports.jsx(TextInput, {
|
|
35
|
+
// C. Render components
|
|
36
|
+
return (jsxRuntimeExports.jsx(TextInput, { "data-in-use": isInUse, leftSection: jsxRuntimeExports.jsx(IconSearch, { size: 20 }), onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, placeholder: "Pesquisar...", styles: { root: { width: isInUse ? '100%' : 'auto' } }, 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
37
|
//
|
|
26
38
|
}
|
|
27
39
|
|
|
@@ -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
|
@@ -9810,6 +9810,7 @@ breakpoint-mobile {
|
|
|
9810
9810
|
--input-height: 40px;
|
|
9811
9811
|
min-width: 200px;
|
|
9812
9812
|
overflow: visible;
|
|
9813
|
+
transition: width 300ms ease-in-out
|
|
9813
9814
|
}
|
|
9814
9815
|
|
|
9815
9816
|
/* * */
|
|
@@ -11676,17 +11677,6 @@ breakpoint-mobile {
|
|
|
11676
11677
|
user-select: none;
|
|
11677
11678
|
}
|
|
11678
11679
|
}
|
|
11679
|
-
/* * */
|
|
11680
|
-
/* GROW WHEN USED */
|
|
11681
|
-
|
|
11682
|
-
.styles-module_growWhenUsed__9WsiQ {
|
|
11683
|
-
transition: width 200ms ease-in-out;
|
|
11684
|
-
}
|
|
11685
|
-
|
|
11686
|
-
.styles-module_growWhenUsed__9WsiQ[data-with-right-section="true"] {
|
|
11687
|
-
width: 100%;
|
|
11688
|
-
}
|
|
11689
|
-
|
|
11690
11680
|
/* * */
|
|
11691
11681
|
/* POPUP */
|
|
11692
11682
|
|
package/dist/styles.css
CHANGED
|
@@ -9865,6 +9865,7 @@ breakpoint-mobile {
|
|
|
9865
9865
|
--input-height: 40px;
|
|
9866
9866
|
min-width: 200px;
|
|
9867
9867
|
overflow: visible;
|
|
9868
|
+
transition: width 300ms ease-in-out
|
|
9868
9869
|
}
|
|
9869
9870
|
|
|
9870
9871
|
/* * */
|
|
@@ -11731,17 +11732,6 @@ breakpoint-mobile {
|
|
|
11731
11732
|
user-select: none;
|
|
11732
11733
|
}
|
|
11733
11734
|
}
|
|
11734
|
-
/* * */
|
|
11735
|
-
/* GROW WHEN USED */
|
|
11736
|
-
|
|
11737
|
-
.styles-module_growWhenUsed__9WsiQ {
|
|
11738
|
-
transition: width 200ms ease-in-out;
|
|
11739
|
-
}
|
|
11740
|
-
|
|
11741
|
-
.styles-module_growWhenUsed__9WsiQ[data-with-right-section="true"] {
|
|
11742
|
-
width: 100%;
|
|
11743
|
-
}
|
|
11744
|
-
|
|
11745
11735
|
/* * */
|
|
11746
11736
|
/* POPUP */
|
|
11747
11737
|
|
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.118.34",
|
|
5
5
|
"author": "João de Vasconcelos & Jusi Monteiro",
|
|
6
6
|
"license": "AGPL-3.0-or-later",
|
|
7
7
|
"publishConfig": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|