karsten-design-system 1.0.97 → 1.0.98
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/stories/components/multiselect.js +28 -6
- package/dist/stories/components/multiselect.js.map +1 -1
- package/dist/stories/components/select.js +19 -5
- package/dist/stories/components/select.js.map +1 -1
- package/dist/types/stories/components/multiselect.d.ts +1 -0
- package/dist/types/stories/components/select.d.ts +1 -0
- package/package.json +1 -1
|
@@ -7,13 +7,19 @@ import { InputIcon } from 'primereact/inputicon';
|
|
|
7
7
|
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
8
|
|
|
9
9
|
function MultiSelect(props) {
|
|
10
|
-
const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, } = props;
|
|
10
|
+
const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, } = props;
|
|
11
11
|
const [isOpen, setIsOpen] = useState(false);
|
|
12
12
|
const containerRef = useRef(null);
|
|
13
13
|
const [visibleText, setVisibleText] = useState('');
|
|
14
|
+
const [searchText, setSearchText] = useState('');
|
|
15
|
+
const filteredOptions = options.filter(option => option.label.toLowerCase().includes(searchText.toLowerCase()));
|
|
14
16
|
const toggleDropdown = () => {
|
|
15
17
|
if (!disabled && !isLoading) {
|
|
16
|
-
|
|
18
|
+
const newState = !isOpen;
|
|
19
|
+
setIsOpen(newState);
|
|
20
|
+
if (!newState) {
|
|
21
|
+
setSearchText('');
|
|
22
|
+
}
|
|
17
23
|
}
|
|
18
24
|
};
|
|
19
25
|
const handleSelect = (option) => {
|
|
@@ -23,6 +29,7 @@ function MultiSelect(props) {
|
|
|
23
29
|
? currentValues.filter(v => v.value !== option.value)
|
|
24
30
|
: [...currentValues, option];
|
|
25
31
|
props.onChange(newValues.length > 0 ? newValues : null);
|
|
32
|
+
setSearchText('');
|
|
26
33
|
};
|
|
27
34
|
const hasError = !!error && !disabled;
|
|
28
35
|
const isInputDisabled = disabled || isLoading;
|
|
@@ -31,6 +38,7 @@ function MultiSelect(props) {
|
|
|
31
38
|
if (containerRef.current &&
|
|
32
39
|
!containerRef.current.contains(event.target)) {
|
|
33
40
|
setIsOpen(false);
|
|
41
|
+
setSearchText('');
|
|
34
42
|
}
|
|
35
43
|
};
|
|
36
44
|
document.addEventListener('mousedown', handleClickOutside);
|
|
@@ -38,6 +46,14 @@ function MultiSelect(props) {
|
|
|
38
46
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
39
47
|
};
|
|
40
48
|
}, []);
|
|
49
|
+
const selectedText = () => {
|
|
50
|
+
const selected = Array.isArray(props.value) ? props.value : [];
|
|
51
|
+
if (selected.length === 0)
|
|
52
|
+
return '';
|
|
53
|
+
if (selected.length === 1)
|
|
54
|
+
return selected[0].label;
|
|
55
|
+
return `${selected.length} itens selecionados`;
|
|
56
|
+
};
|
|
41
57
|
useEffect(() => {
|
|
42
58
|
const selected = Array.isArray(props.value) ? props.value : [];
|
|
43
59
|
if (selected.length === 0) {
|
|
@@ -48,12 +64,18 @@ function MultiSelect(props) {
|
|
|
48
64
|
}
|
|
49
65
|
else {
|
|
50
66
|
const count = selected.length;
|
|
51
|
-
setVisibleText(`${count}
|
|
67
|
+
setVisibleText(`${count} itens selecionados`);
|
|
52
68
|
}
|
|
53
69
|
}, [props.value]);
|
|
54
|
-
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntimeExports.jsx(FloatingLabel, { value:
|
|
55
|
-
|
|
56
|
-
|
|
70
|
+
return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: selectedText(), label: label, disabled: isInputDisabled, error: error }), jsxRuntimeExports.jsxs(IconField, { className: "w-full", children: [jsxRuntimeExports.jsx(InputText, { placeholder: placeholder, type: "text", value: isLoading
|
|
71
|
+
? 'Carregando...'
|
|
72
|
+
: isOpen && !isReadOnly
|
|
73
|
+
? searchText
|
|
74
|
+
: visibleText, onChange: (e) => {
|
|
75
|
+
setSearchText(e.target.value);
|
|
76
|
+
if (!isOpen)
|
|
77
|
+
setIsOpen(true);
|
|
78
|
+
}, onClick: toggleDropdown, className: clsx('focus:shadow-none placeholder:!pl-3 placeholder:text-gray placeholder:font-roboto text-base w-100 font-roboto border !p-2 rounded-md', hasError ? 'border-redError placeholder:text-redError' : 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(isLoading ? 'pi pi-spinner pi-spin' : isOpen ? 'pi pi-angle-up' : 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsxRuntimeExports.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsx("ul", { className: 'max-h-60 overflow-y-auto', children: filteredOptions.map((option) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(option), className: "p-2 flex justify-between items-center cursor-pointer", title: option.label, children: [jsxRuntimeExports.jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsxRuntimeExports.jsx("input", { type: 'checkbox', checked: Array.isArray(props.value) && props.value.some(v => v.value === option.value), onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer rounded-md') })] }, option.value))) }) }) })), hasError && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error })] }) }));
|
|
57
79
|
}
|
|
58
80
|
|
|
59
81
|
export { MultiSelect };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.js","sources":["../../../../src/stories/components/multiselect.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"multiselect.js","sources":["../../../../src/stories/components/multiselect.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
|
|
@@ -7,12 +7,21 @@ import { InputIcon } from 'primereact/inputicon';
|
|
|
7
7
|
import FloatingLabel from '../../components/floating-label/index.js';
|
|
8
8
|
|
|
9
9
|
function Select(props) {
|
|
10
|
-
const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, } = props;
|
|
10
|
+
const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, } = props;
|
|
11
11
|
const [isOpen, setIsOpen] = useState(false);
|
|
12
12
|
const containerRef = useRef(null);
|
|
13
|
+
const [searchText, setSearchText] = useState('');
|
|
14
|
+
const filteredOptions = options.filter((option) => option.label.toLowerCase().includes(searchText.toLowerCase()));
|
|
13
15
|
const toggleDropdown = () => {
|
|
14
16
|
if (!disabled && !isLoading) {
|
|
15
|
-
|
|
17
|
+
const newState = !isOpen;
|
|
18
|
+
setIsOpen(newState);
|
|
19
|
+
if (!newState) {
|
|
20
|
+
setSearchText('');
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
setSearchText('');
|
|
24
|
+
}
|
|
16
25
|
}
|
|
17
26
|
};
|
|
18
27
|
const handleSelect = (option) => {
|
|
@@ -22,6 +31,7 @@ function Select(props) {
|
|
|
22
31
|
else {
|
|
23
32
|
props.onChange(option);
|
|
24
33
|
}
|
|
34
|
+
setSearchText('');
|
|
25
35
|
setIsOpen(false);
|
|
26
36
|
};
|
|
27
37
|
const hasError = !!error && !disabled;
|
|
@@ -31,6 +41,7 @@ function Select(props) {
|
|
|
31
41
|
if (containerRef.current &&
|
|
32
42
|
!containerRef.current.contains(event.target)) {
|
|
33
43
|
setIsOpen(false);
|
|
44
|
+
setSearchText('');
|
|
34
45
|
}
|
|
35
46
|
};
|
|
36
47
|
document.addEventListener('mousedown', handleClickOutside);
|
|
@@ -40,9 +51,12 @@ function Select(props) {
|
|
|
40
51
|
}, []);
|
|
41
52
|
return (jsxRuntimeExports.jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntimeExports.jsx(FloatingLabel, { value: props.value ? props.value.label : '', label: label, disabled: isInputDisabled, error: error }), jsxRuntimeExports.jsxs(IconField, { className: "w-full", children: [jsxRuntimeExports.jsx(InputText, { placeholder: placeholder, type: "text", value: isLoading
|
|
42
53
|
? 'Carregando...'
|
|
43
|
-
:
|
|
44
|
-
?
|
|
45
|
-
:
|
|
54
|
+
: isOpen
|
|
55
|
+
? searchText
|
|
56
|
+
: props.value?.label ?? '', onClick: toggleDropdown, onChange: (e) => {
|
|
57
|
+
if (isOpen)
|
|
58
|
+
setSearchText(e.target.value);
|
|
59
|
+
}, className: clsx('focus:shadow-none placeholder:!pl-3 placeholder:text-gray placeholder:font-roboto text-base w-100 font-roboto border !p-2 rounded-md', hasError ? 'border-redError placeholder:text-redError' : 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(isLoading ? 'pi pi-spinner pi-spin' : isOpen ? 'pi pi-angle-up' : 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsxRuntimeExports.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md p-2 -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntimeExports.jsx("ul", { className: 'max-h-60 overflow-y-auto', children: filteredOptions.map((option) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(option), className: "p-2 flex justify-between items-center cursor-pointer", children: [jsxRuntimeExports.jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsxRuntimeExports.jsx("input", { type: 'radio', checked: props.value?.value === option.value, onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer') })] }, option.value))) }) })), hasError && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
46
60
|
}
|
|
47
61
|
|
|
48
62
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../../src/stories/components/select.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../../src/stories/components/select.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|