kitunga-web 0.1.88 → 0.1.90
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/features/buttons/components/Btns/Button.module.css +5 -5
- package/dist/features/data-display/components/Cards/MetricCard.module.css +1 -1
- package/dist/features/data-display/components/Table/LineItemsTable.module.css +1 -1
- package/dist/features/data-display/components/Table/Table.module.css +1 -1
- package/dist/features/feedback/components/FlowNotice/FlowNotice.module.css +2 -2
- package/dist/features/feedback/components/Tooltips/ProgressChecklistTooltip.module.css +4 -4
- package/dist/features/inputs/components/Inputs/NumberInput.module.css +2 -2
- package/dist/features/inputs/components/Inputs/PhoneInput/PhoneInput.module.css +1 -1
- package/dist/features/inputs/components/Inputs/SearchInput.module.css +34 -18
- package/dist/features/inputs/components/Inputs/StepperInput.module.css +9 -14
- package/dist/features/inputs/components/Inputs/TaxIdInput/TaxIdInput.module.css +2 -2
- package/dist/features/inputs/components/Inputs/TextareaInput.d.ts.map +1 -1
- package/dist/features/inputs/components/Inputs/TextareaInput.js +2 -3
- package/dist/features/inputs/components/Inputs/TextareaInput.js.map +1 -1
- package/dist/features/inputs/components/Inputs/TextareaInput.module.css +60 -60
- package/dist/features/navigation/components/Menu/SharedMenuItem.d.ts +5 -1
- package/dist/features/navigation/components/Menu/SharedMenuItem.d.ts.map +1 -1
- package/dist/features/navigation/components/Menu/SharedMenuItem.js +3 -2
- package/dist/features/navigation/components/Menu/SharedMenuItem.js.map +1 -1
- package/dist/features/navigation/components/Menu/SharedMenuItem.module.css +30 -4
- package/dist/features/overlays/components/DeleteModal/ComprehensiveDeleteModal.module.css +3 -3
- package/dist/features/overlays/components/PrerequisiteGuardModal/PrerequisiteGuardModal.module.css +4 -4
- package/dist/features/overlays/components/dropdowns/DropdownMenu.d.ts +2 -0
- package/dist/features/overlays/components/dropdowns/DropdownMenu.d.ts.map +1 -1
- package/dist/features/overlays/components/dropdowns/DropdownMenu.js +6 -4
- package/dist/features/overlays/components/dropdowns/DropdownMenu.js.map +1 -1
- package/dist/features/selects/components/Selects/CustomSelect.module.css +2 -2
- package/dist/shared/styles/tokens.css +3 -3
- package/package.json +1 -1
|
@@ -49,13 +49,13 @@
|
|
|
49
49
|
|
|
50
50
|
/* Variants */
|
|
51
51
|
.primary {
|
|
52
|
-
background:
|
|
52
|
+
background: var(--color-primary);
|
|
53
53
|
color: white;
|
|
54
54
|
padding: var(--spacing-sm-md) var(--spacing-md);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.primary:hover:not(:disabled) {
|
|
58
|
-
background:
|
|
58
|
+
background: var(--color-primary-dark);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.secondary {
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
position: absolute;
|
|
105
105
|
inset: 0;
|
|
106
106
|
padding: 2px;
|
|
107
|
-
background:
|
|
107
|
+
background: var(--color-primary);
|
|
108
108
|
border-radius: inherit;
|
|
109
109
|
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
|
110
110
|
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
|
@@ -114,12 +114,12 @@
|
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.outline:hover:not(:disabled) {
|
|
117
|
-
background:
|
|
117
|
+
background: var(--color-primary-dark);
|
|
118
118
|
color: white;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
.outline:hover:not(:disabled)::before {
|
|
122
|
-
background:
|
|
122
|
+
background: var(--color-primary-dark);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.round {
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
|
|
105
105
|
.progressFill {
|
|
106
106
|
height: 100%;
|
|
107
|
-
background:
|
|
107
|
+
background: var(--color-primary);
|
|
108
108
|
border-radius: 3px;
|
|
109
109
|
transition: width 0.3s ease;
|
|
110
110
|
}
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
.completedIcon {
|
|
144
|
-
color: var(--
|
|
144
|
+
color: var(--color-primary) !important;
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.itemText {
|
|
@@ -149,13 +149,13 @@
|
|
|
149
149
|
}
|
|
150
150
|
|
|
151
151
|
.completedText {
|
|
152
|
-
color: var(--
|
|
152
|
+
color: var(--color-primary) !important;
|
|
153
153
|
font-size: 0.85rem !important;
|
|
154
154
|
flex: 1;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
.completedTailIcon {
|
|
158
|
-
color: var(--
|
|
158
|
+
color: var(--color-primary) !important;
|
|
159
159
|
margin-left: var(--spacing-xs);
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -15,6 +15,11 @@
|
|
|
15
15
|
.searchIcon {
|
|
16
16
|
position: absolute;
|
|
17
17
|
left: var(--spacing-md);
|
|
18
|
+
top: 50%;
|
|
19
|
+
transform: translateY(-50%);
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: center;
|
|
18
23
|
color: var(--text-tertiary);
|
|
19
24
|
pointer-events: none;
|
|
20
25
|
z-index: 1;
|
|
@@ -22,14 +27,17 @@
|
|
|
22
27
|
|
|
23
28
|
.searchInput {
|
|
24
29
|
width: 100%;
|
|
25
|
-
padding:
|
|
30
|
+
padding: 0 2.5rem 0 2.8rem;
|
|
26
31
|
border: 1px solid var(--border-divider);
|
|
27
32
|
border-radius: var(--radius-sm);
|
|
28
33
|
font-size: 0.9rem;
|
|
29
34
|
background-color: var(--bg-secondary);
|
|
30
35
|
color: var(--text-primary);
|
|
31
36
|
transition: all var(--transition-fast);
|
|
32
|
-
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.searchInput::placeholder {
|
|
40
|
+
color: var(--text-tertiary);
|
|
33
41
|
}
|
|
34
42
|
|
|
35
43
|
.searchInput:focus {
|
|
@@ -39,9 +47,17 @@
|
|
|
39
47
|
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
|
|
40
48
|
}
|
|
41
49
|
|
|
50
|
+
.searchInput:disabled {
|
|
51
|
+
background-color: var(--bg-secondary);
|
|
52
|
+
color: var(--text-tertiary);
|
|
53
|
+
cursor: not-allowed;
|
|
54
|
+
}
|
|
55
|
+
|
|
42
56
|
.clearButton {
|
|
43
57
|
position: absolute;
|
|
44
58
|
right: var(--spacing-sm);
|
|
59
|
+
top: 50%;
|
|
60
|
+
transform: translateY(-50%);
|
|
45
61
|
width: 24px;
|
|
46
62
|
height: 24px;
|
|
47
63
|
display: flex;
|
|
@@ -61,19 +77,17 @@
|
|
|
61
77
|
color: var(--text-primary);
|
|
62
78
|
}
|
|
63
79
|
|
|
64
|
-
/* Sizes
|
|
80
|
+
/* Sizes — régua do design system (Button): sm 35 / md 40 / lg 45.
|
|
81
|
+
A altura vem de height (padding só horizontal no .searchInput). */
|
|
65
82
|
.sm {
|
|
66
|
-
height:
|
|
83
|
+
height: 35px;
|
|
67
84
|
}
|
|
68
85
|
|
|
86
|
+
/* sm: como no TextInput — só muda height + font-size. O ícone fica a
|
|
87
|
+
spacing-md da borda e o padding-left 2.8rem em TODOS os sizes. */
|
|
69
88
|
.sm .searchInput {
|
|
70
|
-
height:
|
|
89
|
+
height: 35px;
|
|
71
90
|
font-size: 0.75rem;
|
|
72
|
-
padding: var(--spacing-sm) 2rem var(--spacing-sm) 2rem;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.sm .searchIcon {
|
|
76
|
-
left: var(--spacing-sm);
|
|
77
91
|
}
|
|
78
92
|
|
|
79
93
|
.sm .clearButton {
|
|
@@ -82,18 +96,21 @@
|
|
|
82
96
|
right: var(--spacing-xs);
|
|
83
97
|
}
|
|
84
98
|
|
|
99
|
+
.md {
|
|
100
|
+
height: 40px;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.md .searchInput {
|
|
104
|
+
height: 40px;
|
|
105
|
+
}
|
|
106
|
+
|
|
85
107
|
.lg {
|
|
86
|
-
height:
|
|
108
|
+
height: 45px;
|
|
87
109
|
}
|
|
88
110
|
|
|
89
111
|
.lg .searchInput {
|
|
90
|
-
height:
|
|
112
|
+
height: 45px;
|
|
91
113
|
font-size: 1rem;
|
|
92
|
-
padding: var(--spacing-md) 3rem var(--spacing-md) 3rem;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.lg .searchIcon {
|
|
96
|
-
left: var(--spacing-md);
|
|
97
114
|
}
|
|
98
115
|
|
|
99
116
|
.lg .clearButton {
|
|
@@ -101,4 +118,3 @@
|
|
|
101
118
|
height: 28px;
|
|
102
119
|
right: var(--spacing-md);
|
|
103
120
|
}
|
|
104
|
-
|
|
@@ -21,26 +21,21 @@
|
|
|
21
21
|
.button:first-of-type {
|
|
22
22
|
background: transparent;
|
|
23
23
|
border-color: var(--border-divider);
|
|
24
|
-
color: var(--color-
|
|
24
|
+
color: var(--color-primary);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.button:last-of-type {
|
|
28
28
|
background: transparent;
|
|
29
29
|
border-color: var(--border-divider);
|
|
30
|
-
color: var(--color-
|
|
30
|
+
color: var(--color-primary);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.button:hover:not(:disabled) {
|
|
34
|
-
background:
|
|
34
|
+
background: var(--color-primary);
|
|
35
35
|
color: #fff;
|
|
36
36
|
border-color: transparent;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
.button:last-of-type:hover:not(:disabled) {
|
|
40
|
-
background: linear-gradient(135deg, #3b82f6, #1d4ed8);
|
|
41
|
-
color: #fff;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
39
|
.button:disabled {
|
|
45
40
|
opacity: 0.4;
|
|
46
41
|
cursor: not-allowed;
|
|
@@ -66,12 +61,12 @@
|
|
|
66
61
|
}
|
|
67
62
|
|
|
68
63
|
.sm .button {
|
|
69
|
-
width:
|
|
70
|
-
height:
|
|
64
|
+
width: 35px;
|
|
65
|
+
height: 35px;
|
|
71
66
|
}
|
|
72
67
|
|
|
73
68
|
.sm .input {
|
|
74
|
-
width:
|
|
69
|
+
width: 35px;
|
|
75
70
|
font-size: 0.95rem;
|
|
76
71
|
}
|
|
77
72
|
|
|
@@ -86,11 +81,11 @@
|
|
|
86
81
|
}
|
|
87
82
|
|
|
88
83
|
.lg .button {
|
|
89
|
-
width:
|
|
90
|
-
height:
|
|
84
|
+
width: 45px;
|
|
85
|
+
height: 45px;
|
|
91
86
|
}
|
|
92
87
|
|
|
93
88
|
.lg .input {
|
|
94
|
-
width:
|
|
89
|
+
width: 45px;
|
|
95
90
|
font-size: 1.05rem;
|
|
96
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/TextareaInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"TextareaInput.d.ts","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/TextareaInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,QAAA,MAAM,aAAa,oHAsFlB,CAAC;AAIF,eAAe,aAAa,CAAC"}
|
|
@@ -14,14 +14,13 @@ import { forwardRef, useImperativeHandle, useRef } from 'react';
|
|
|
14
14
|
import { X } from 'lucide-react';
|
|
15
15
|
import styles from './TextareaInput.module.css';
|
|
16
16
|
const TextareaInput = forwardRef((_a, ref) => {
|
|
17
|
-
var { size = 'md', containerClassName = '', className = '', leftIcon, value = '', onChange, showClearButton = true, clearButtonLabel = 'Limpar campo', disabled = false, readOnly = false, hasError, errorMessage } = _a, rest = __rest(_a, ["size", "containerClassName", "className", "leftIcon", "value", "onChange", "showClearButton", "clearButtonLabel", "disabled", "readOnly", "hasError", "errorMessage"]);
|
|
17
|
+
var { size = 'md', containerClassName = '', className = '', leftIcon, value = '', onChange, showClearButton = true, clearButtonLabel = 'Limpar campo', disabled = false, readOnly = false, maxLength, hasError, errorMessage } = _a, rest = __rest(_a, ["size", "containerClassName", "className", "leftIcon", "value", "onChange", "showClearButton", "clearButtonLabel", "disabled", "readOnly", "maxLength", "hasError", "errorMessage"]);
|
|
18
18
|
const textareaRef = useRef(null);
|
|
19
19
|
useImperativeHandle(ref, () => textareaRef.current);
|
|
20
20
|
const isError = hasError || !!errorMessage;
|
|
21
21
|
const containerClasses = [
|
|
22
22
|
styles.inputContainer,
|
|
23
23
|
styles[size],
|
|
24
|
-
leftIcon ? styles.hasLeftIcon : '',
|
|
25
24
|
containerClassName,
|
|
26
25
|
]
|
|
27
26
|
.filter(Boolean)
|
|
@@ -38,7 +37,7 @@ const TextareaInput = forwardRef((_a, ref) => {
|
|
|
38
37
|
onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
|
|
39
38
|
};
|
|
40
39
|
const shouldShowClearButton = showClearButton && !!(value === null || value === void 0 ? void 0 : value.length) && !disabled && !readOnly;
|
|
41
|
-
return (_jsxs("div", { className: containerClasses.concat(isError ? ` ${styles.hasError}` : ''), children: [leftIcon && _jsx("span", { className: styles.inputIcon, children: leftIcon }), _jsx("textarea", Object.assign({ ref: textareaRef, className: `${textareaClasses} ${isError ? styles.inputError : ''}`, value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, autoComplete: "off" }, rest)), shouldShowClearButton && (_jsx("button", { type: "button", className: styles.clearButton, onClick: handleClear, "aria-label": clearButtonLabel, tabIndex: -1, children: _jsx(X, { size: 16 }) })), errorMessage && _jsx("span", { className: styles.errorText, children: errorMessage })] }));
|
|
40
|
+
return (_jsxs("div", { className: containerClasses.concat(isError ? ` ${styles.hasError}` : ''), children: [_jsxs("div", { className: styles.field, children: [leftIcon && _jsx("span", { className: styles.inputIcon, children: leftIcon }), _jsx("textarea", Object.assign({ ref: textareaRef, className: `${textareaClasses} ${isError ? styles.inputError : ''}`, value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, autoComplete: "off" }, rest)), maxLength !== undefined && (_jsxs("span", { className: styles.charCounter, children: [(value !== null && value !== void 0 ? value : '').length, "/", maxLength] })), shouldShowClearButton && (_jsx("button", { type: "button", className: styles.clearButton, onClick: handleClear, "aria-label": clearButtonLabel, tabIndex: -1, children: _jsx(X, { size: 16 }) }))] }), errorMessage && _jsx("span", { className: styles.errorText, children: errorMessage })] }));
|
|
42
41
|
});
|
|
43
42
|
TextareaInput.displayName = 'TextareaInput';
|
|
44
43
|
export default TextareaInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaInput.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/TextareaInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAqC,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnG,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAGhD,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,
|
|
1
|
+
{"version":3,"file":"TextareaInput.js","sourceRoot":"","sources":["../../../../../src/features/inputs/components/Inputs/TextareaInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,54 @@
|
|
|
1
1
|
.inputContainer {
|
|
2
|
-
position: relative;
|
|
3
2
|
display: flex;
|
|
4
|
-
|
|
3
|
+
flex-direction: column;
|
|
5
4
|
width: 100%;
|
|
6
5
|
}
|
|
7
6
|
|
|
8
|
-
|
|
7
|
+
/* A caixa visual: o ícone é um filho flex NORMAL — o spacing-md do padding
|
|
8
|
+
afasta-o das bordas e o gap spacing-md afasta-o do texto. Nada de absolute
|
|
9
|
+
"grudado" por cima do campo. */
|
|
10
|
+
.field {
|
|
11
|
+
position: relative;
|
|
12
|
+
display: flex;
|
|
13
|
+
align-items: flex-start;
|
|
14
|
+
gap: var(--spacing-md);
|
|
9
15
|
width: 100%;
|
|
10
|
-
padding: var(--spacing-
|
|
16
|
+
padding: var(--spacing-md);
|
|
11
17
|
border: 1px solid var(--border-divider);
|
|
12
18
|
border-radius: var(--radius-sm);
|
|
13
|
-
font-size: 0.9rem;
|
|
14
19
|
background-color: var(--bg-secondary);
|
|
15
|
-
color: var(--text-primary);
|
|
16
20
|
transition: all var(--transition-fast);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.field:focus-within {
|
|
24
|
+
border-color: var(--border-focus);
|
|
25
|
+
background-color: var(--bg-primary);
|
|
26
|
+
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.inputIcon {
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
flex-shrink: 0;
|
|
33
|
+
color: var(--text-tertiary);
|
|
34
|
+
/* Alinha o ícone com a primeira linha de texto (line-height 1.35 do
|
|
35
|
+
textArea × font-size do size). */
|
|
36
|
+
height: calc(0.9rem * 1.35);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.textArea {
|
|
40
|
+
flex: 1;
|
|
41
|
+
min-width: 0;
|
|
42
|
+
align-self: stretch;
|
|
43
|
+
padding: 0;
|
|
44
|
+
border: none;
|
|
45
|
+
background: transparent;
|
|
46
|
+
font-size: 0.9rem;
|
|
47
|
+
font-family: inherit;
|
|
48
|
+
color: var(--text-primary);
|
|
17
49
|
resize: vertical;
|
|
18
|
-
min-height: 96px;
|
|
19
50
|
line-height: 1.35;
|
|
51
|
+
min-height: 0;
|
|
20
52
|
}
|
|
21
53
|
|
|
22
54
|
.textArea::placeholder {
|
|
@@ -25,34 +57,16 @@
|
|
|
25
57
|
|
|
26
58
|
.textArea:focus {
|
|
27
59
|
outline: none;
|
|
28
|
-
border-color: var(--border-focus);
|
|
29
|
-
background-color: var(--bg-primary);
|
|
30
|
-
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.textArea:-webkit-autofill,
|
|
34
|
-
.textArea:-webkit-autofill:hover,
|
|
35
|
-
.textArea:-webkit-autofill:focus,
|
|
36
|
-
.textArea:-webkit-autofill:active {
|
|
37
|
-
-webkit-box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
|
|
38
|
-
box-shadow: 0 0 0 1000px var(--bg-secondary) inset;
|
|
39
|
-
background-color: var(--bg-secondary) !important;
|
|
40
|
-
-webkit-text-fill-color: var(--text-primary);
|
|
41
|
-
color: var(--text-primary);
|
|
42
|
-
caret-color: var(--text-primary);
|
|
43
60
|
}
|
|
44
61
|
|
|
45
62
|
.textArea:disabled,
|
|
46
63
|
.textArea[readonly] {
|
|
47
|
-
background-color: var(--bg-secondary);
|
|
48
64
|
color: var(--text-tertiary);
|
|
49
65
|
cursor: not-allowed;
|
|
50
66
|
}
|
|
51
67
|
|
|
52
68
|
.clearButton {
|
|
53
|
-
|
|
54
|
-
right: var(--spacing-sm);
|
|
55
|
-
top: var(--spacing-sm);
|
|
69
|
+
flex-shrink: 0;
|
|
56
70
|
width: 24px;
|
|
57
71
|
height: 24px;
|
|
58
72
|
display: flex;
|
|
@@ -64,7 +78,6 @@
|
|
|
64
78
|
color: var(--text-tertiary);
|
|
65
79
|
cursor: pointer;
|
|
66
80
|
transition: all var(--transition-fast);
|
|
67
|
-
z-index: 1;
|
|
68
81
|
}
|
|
69
82
|
|
|
70
83
|
.clearButton:hover {
|
|
@@ -72,69 +85,60 @@
|
|
|
72
85
|
color: var(--text-primary);
|
|
73
86
|
}
|
|
74
87
|
|
|
75
|
-
.
|
|
88
|
+
/* Contador de caracteres — vive na faixa de padding inferior da .field
|
|
89
|
+
(o textarea acaba 16px acima do fundo da caixa), por isso nunca pisa
|
|
90
|
+
o texto e fica ao lado do grip nativo de resize. */
|
|
91
|
+
.charCounter {
|
|
76
92
|
position: absolute;
|
|
77
|
-
|
|
78
|
-
|
|
93
|
+
right: var(--spacing-sm);
|
|
94
|
+
bottom: 3px;
|
|
95
|
+
font-size: 0.7rem;
|
|
79
96
|
color: var(--text-tertiary);
|
|
80
97
|
pointer-events: none;
|
|
81
|
-
z-index: 1;
|
|
82
98
|
}
|
|
83
99
|
|
|
84
|
-
.
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
.sm {
|
|
100
|
+
/* Sizes — a min-height mora na caixa (.field), o textarea estica dentro.
|
|
101
|
+
Só mudam font-size, min-height e a linha que alinha o ícone. */
|
|
102
|
+
.sm .field {
|
|
89
103
|
min-height: 80px;
|
|
90
104
|
}
|
|
91
105
|
|
|
92
106
|
.sm .textArea {
|
|
93
107
|
font-size: 0.75rem;
|
|
94
|
-
|
|
95
|
-
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.sm .inputIcon {
|
|
111
|
+
height: calc(0.75rem * 1.35);
|
|
96
112
|
}
|
|
97
113
|
|
|
98
114
|
.sm .clearButton {
|
|
99
115
|
width: 20px;
|
|
100
116
|
height: 20px;
|
|
101
|
-
right: var(--spacing-xs);
|
|
102
|
-
top: var(--spacing-xs);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.md {
|
|
106
|
-
min-height: 96px;
|
|
107
117
|
}
|
|
108
118
|
|
|
109
|
-
.md .
|
|
119
|
+
.md .field {
|
|
110
120
|
min-height: 96px;
|
|
111
121
|
}
|
|
112
122
|
|
|
113
|
-
.lg {
|
|
123
|
+
.lg .field {
|
|
114
124
|
min-height: 120px;
|
|
115
125
|
}
|
|
116
126
|
|
|
117
127
|
.lg .textArea {
|
|
118
128
|
font-size: 1rem;
|
|
119
|
-
padding: var(--spacing-md) var(--spacing-xl);
|
|
120
|
-
min-height: 120px;
|
|
121
129
|
}
|
|
122
130
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
padding-left: 2.5rem;
|
|
131
|
+
.lg .inputIcon {
|
|
132
|
+
height: calc(1rem * 1.35);
|
|
126
133
|
}
|
|
127
134
|
|
|
128
135
|
.lg .clearButton {
|
|
129
136
|
width: 28px;
|
|
130
137
|
height: 28px;
|
|
131
|
-
right: var(--spacing-md);
|
|
132
|
-
top: var(--spacing-sm);
|
|
133
138
|
}
|
|
134
139
|
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
flex-direction: column;
|
|
140
|
+
.inputContainer.hasError .field {
|
|
141
|
+
border-color: #ef4444;
|
|
138
142
|
}
|
|
139
143
|
|
|
140
144
|
.errorText {
|
|
@@ -143,7 +147,3 @@
|
|
|
143
147
|
margin-top: 4px;
|
|
144
148
|
display: block;
|
|
145
149
|
}
|
|
146
|
-
|
|
147
|
-
.inputError {
|
|
148
|
-
border-color: #ef4444 !important;
|
|
149
|
-
}
|
|
@@ -5,6 +5,10 @@ export interface SharedMenuItemProps {
|
|
|
5
5
|
rightIcon?: React.ReactNode;
|
|
6
6
|
active?: boolean;
|
|
7
7
|
destructive?: boolean;
|
|
8
|
+
/** Item presente mas não-accionável — opções guardadas para etapas
|
|
9
|
+
* futuras (feature ainda sem backend). Visual esbatido, sem hover,
|
|
10
|
+
* sem click. */
|
|
11
|
+
disabled?: boolean;
|
|
8
12
|
collapsed?: boolean;
|
|
9
13
|
description?: string;
|
|
10
14
|
suffix?: string;
|
|
@@ -19,7 +23,7 @@ export interface SharedMenuItemProps {
|
|
|
19
23
|
groupOpen?: boolean;
|
|
20
24
|
children?: React.ReactNode;
|
|
21
25
|
}
|
|
22
|
-
export default function SharedMenuItem({ label, leftIcon, rightIcon, active, destructive, collapsed, // used for tooltip
|
|
26
|
+
export default function SharedMenuItem({ label, leftIcon, rightIcon, active, destructive, disabled, collapsed, // used for tooltip
|
|
23
27
|
isExpanded, // used for text animation
|
|
24
28
|
description, suffix, onClick, onMouseEnter, onMouseLeave, role, ariaCurrent, size, groupHeader, groupOpen, children, }: SharedMenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
25
29
|
//# sourceMappingURL=SharedMenuItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SharedMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/navigation/components/Menu/SharedMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAc,EACd,WAAmB,EACnB,SAAiB,EAAE,mBAAmB;AACtC,UAAiB,EAAE,0BAA0B;AAC7C,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAW,EACX,WAAmB,EACnB,SAAiB,EACjB,QAAQ,GACX,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"SharedMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/navigation/components/Menu/SharedMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,MAAM,WAAW,mBAAmB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;qBAEiB;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAc,EACd,WAAmB,EACnB,QAAgB,EAChB,SAAiB,EAAE,mBAAmB;AACtC,UAAiB,EAAE,0BAA0B;AAC7C,WAAW,EACX,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,IAAW,EACX,WAAmB,EACnB,SAAiB,EACjB,QAAQ,GACX,EAAE,mBAAmB,2CAmFrB"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
4
|
import { createPortal } from 'react-dom';
|
|
5
5
|
import styles from './SharedMenuItem.module.css';
|
|
6
|
-
export default function SharedMenuItem({ label, leftIcon, rightIcon, active = false, destructive = false, collapsed = false, // used for tooltip
|
|
6
|
+
export default function SharedMenuItem({ label, leftIcon, rightIcon, active = false, destructive = false, disabled = false, collapsed = false, // used for tooltip
|
|
7
7
|
isExpanded = true, // used for text animation
|
|
8
8
|
description, suffix, onClick, onMouseEnter, onMouseLeave, role, ariaCurrent, size = 'md', groupHeader = false, groupOpen = false, children, }) {
|
|
9
9
|
const liRef = useRef(null);
|
|
@@ -24,6 +24,7 @@ description, suffix, onClick, onMouseEnter, onMouseLeave, role, ariaCurrent, siz
|
|
|
24
24
|
styles.menuItem,
|
|
25
25
|
!groupHeader && active ? styles.activeItem : '',
|
|
26
26
|
destructive ? styles.destructiveItem : '',
|
|
27
|
+
disabled ? styles.disabledItem : '',
|
|
27
28
|
isExpanded ? styles.expandedItem : styles.collapsedItem,
|
|
28
29
|
groupHeader ? styles.groupHeaderItem : '',
|
|
29
30
|
groupHeader && groupOpen ? styles.groupHeaderOpen : '',
|
|
@@ -32,7 +33,7 @@ description, suffix, onClick, onMouseEnter, onMouseLeave, role, ariaCurrent, siz
|
|
|
32
33
|
styles.menuLink,
|
|
33
34
|
styles[size],
|
|
34
35
|
].filter(Boolean).join(' ');
|
|
35
|
-
return (_jsxs("li", { ref: liRef, className: liClasses, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsxs("button", { className: linkClasses, onClick: onClick, role: role, "aria-current": ariaCurrent, children: [leftIcon && (_jsx("span", { className: `${styles.iconWrapper} ${styles.leftIconWrapper}`, children: leftIcon })), _jsxs("span", { className: styles.menuText, children: [_jsx("span", { children: label }), description && (_jsx("span", { className: styles.menuDescription, children: description }))] }), suffix && _jsx("span", { className: styles.menuSuffix, children: suffix }), rightIcon && _jsx("span", { className: `${styles.iconWrapper} ${styles.rightIconWrapper}`, children: rightIcon })] }), children, showTooltip && tooltipRect && typeof document !== 'undefined' && createPortal(_jsxs("div", { className: styles.portalTooltip, style: {
|
|
36
|
+
return (_jsxs("li", { ref: liRef, className: liClasses, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsxs("button", { className: linkClasses, onClick: disabled ? undefined : onClick, disabled: disabled, "aria-disabled": disabled || undefined, role: role, "aria-current": ariaCurrent, children: [leftIcon && (_jsx("span", { className: `${styles.iconWrapper} ${styles.leftIconWrapper}`, children: leftIcon })), _jsxs("span", { className: styles.menuText, children: [_jsx("span", { children: label }), description && (_jsx("span", { className: styles.menuDescription, children: description }))] }), suffix && _jsx("span", { className: styles.menuSuffix, children: suffix }), rightIcon && _jsx("span", { className: `${styles.iconWrapper} ${styles.rightIconWrapper}`, children: rightIcon })] }), children, showTooltip && tooltipRect && typeof document !== 'undefined' && createPortal(_jsxs("div", { className: styles.portalTooltip, style: {
|
|
36
37
|
top: tooltipRect.top + tooltipRect.height / 2,
|
|
37
38
|
left: tooltipRect.right + 11,
|
|
38
39
|
}, children: [label, _jsx("span", { className: styles.portalTooltipArrow })] }), document.body)] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SharedMenuItem.js","sourceRoot":"","sources":["../../../../../src/features/navigation/components/Menu/SharedMenuItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,MAAM,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"SharedMenuItem.js","sourceRoot":"","sources":["../../../../../src/features/navigation/components/Menu/SharedMenuItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,22 +71,30 @@
|
|
|
71
71
|
background-color: var(--bg-hover-normal);
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
/* Active styles */
|
|
74
|
+
/* Active styles — azul #007AFF; hover escurece só um pouco (#0062D6). */
|
|
75
75
|
.menuItem.activeItem > .menuLink {
|
|
76
|
-
background:
|
|
76
|
+
background: var(--bg-interactive);
|
|
77
77
|
color: #ffffff;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
+
.menuItem.activeItem > .menuLink:hover {
|
|
81
|
+
background: var(--bg-interactive-hover);
|
|
82
|
+
}
|
|
83
|
+
|
|
80
84
|
.expandedItem.activeItem > .menuLink .menuText,
|
|
81
85
|
.expandedItem.activeItem > .menuLink .iconWrapper {
|
|
82
86
|
color: #ffffff;
|
|
83
87
|
}
|
|
84
88
|
|
|
85
89
|
.collapsedItem.activeItem > .menuLink {
|
|
86
|
-
background:
|
|
90
|
+
background: var(--bg-interactive);
|
|
87
91
|
color: #ffffff;
|
|
88
92
|
}
|
|
89
93
|
|
|
94
|
+
.collapsedItem.activeItem > .menuLink:hover {
|
|
95
|
+
background: var(--bg-interactive-hover);
|
|
96
|
+
}
|
|
97
|
+
|
|
90
98
|
.collapsedItem.activeItem > .menuLink .menuText {
|
|
91
99
|
color: #ffffff;
|
|
92
100
|
}
|
|
@@ -215,4 +223,22 @@
|
|
|
215
223
|
.menuItem.activeItem > .menuLink .menuSuffix,
|
|
216
224
|
.menuItem.activeItem > .menuLink .menuDescription {
|
|
217
225
|
color: #ffffff;
|
|
218
|
-
}
|
|
226
|
+
}
|
|
227
|
+
/* Disabled — mesmo padrão do CustomSelect (.option.disabledOption):
|
|
228
|
+
esbatido, cor terciária, sem hover, sem click. */
|
|
229
|
+
.menuItem.disabledItem > .menuLink,
|
|
230
|
+
.menuItem.disabledItem > .menuLink:hover,
|
|
231
|
+
.menuItem.disabledItem .menuLink:hover {
|
|
232
|
+
background-color: transparent;
|
|
233
|
+
color: var(--text-tertiary);
|
|
234
|
+
opacity: 0.45;
|
|
235
|
+
cursor: not-allowed;
|
|
236
|
+
pointer-events: none;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
.menuItem.disabledItem > .menuLink .iconWrapper,
|
|
240
|
+
.menuItem.disabledItem > .menuLink .menuText,
|
|
241
|
+
.menuItem.disabledItem > .menuLink .menuDescription,
|
|
242
|
+
.menuItem.disabledItem > .menuLink .menuSuffix {
|
|
243
|
+
color: var(--text-tertiary);
|
|
244
|
+
}
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
|
|
126
126
|
.badgeInfo {
|
|
127
127
|
background: rgba(59, 130, 246, 0.12);
|
|
128
|
-
color:
|
|
128
|
+
color: var(--color-primary);
|
|
129
129
|
border-color: rgba(59, 130, 246, 0.4);
|
|
130
130
|
}
|
|
131
131
|
|
|
@@ -235,13 +235,13 @@
|
|
|
235
235
|
cursor: pointer;
|
|
236
236
|
font-size: 0.75rem;
|
|
237
237
|
font-weight: 600;
|
|
238
|
-
background:
|
|
238
|
+
background: var(--color-primary);
|
|
239
239
|
color: #fff;
|
|
240
240
|
transition: var(--transition-fast);
|
|
241
241
|
}
|
|
242
242
|
|
|
243
243
|
.actionButton:hover {
|
|
244
|
-
background:
|
|
244
|
+
background: var(--color-primary-dark);
|
|
245
245
|
}
|
|
246
246
|
|
|
247
247
|
.footer {
|
package/dist/features/overlays/components/PrerequisiteGuardModal/PrerequisiteGuardModal.module.css
CHANGED
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
|
|
178
178
|
.iconInfo {
|
|
179
179
|
background: rgba(59, 130, 246, 0.14);
|
|
180
|
-
color:
|
|
180
|
+
color: var(--color-primary);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
183
|
.iconWarning {
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
|
|
247
247
|
.badgeInfo {
|
|
248
248
|
background: rgba(59, 130, 246, 0.12);
|
|
249
|
-
color:
|
|
249
|
+
color: var(--color-primary);
|
|
250
250
|
border-color: rgba(59, 130, 246, 0.4);
|
|
251
251
|
}
|
|
252
252
|
|
|
@@ -285,13 +285,13 @@
|
|
|
285
285
|
cursor: pointer;
|
|
286
286
|
font-size: 0.75rem;
|
|
287
287
|
font-weight: 600;
|
|
288
|
-
background:
|
|
288
|
+
background: var(--color-primary);
|
|
289
289
|
color: #fff;
|
|
290
290
|
transition: var(--transition-fast);
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
.actionButton:hover {
|
|
294
|
-
background:
|
|
294
|
+
background: var(--color-primary-dark);
|
|
295
295
|
}
|
|
296
296
|
|
|
297
297
|
.footer {
|
|
@@ -6,6 +6,8 @@ export interface DropdownMenuItem {
|
|
|
6
6
|
suffix?: string;
|
|
7
7
|
destructive?: boolean;
|
|
8
8
|
active?: boolean;
|
|
9
|
+
/** Item visível mas readonly — não dispara onSelect nem fecha o menu. */
|
|
10
|
+
disabled?: boolean;
|
|
9
11
|
/** Border-divider personalizado por item. */
|
|
10
12
|
divider?: 'top' | 'bottom' | 'both' | 'none';
|
|
11
13
|
/** Item totalmente personalizado — substitui o conteúdo visual. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/overlays/components/dropdowns/DropdownMenu.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C,mEAAmE;IACnE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uFAAuF;IACvF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAW,EACX,iBAA4B,EAC5B,mBAA6B,EAC7B,QAAe,EACf,eAAmB,EACnB,WAAW,EACX,SAAc,GACf,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/features/overlays/components/dropdowns/DropdownMenu.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C,mEAAmE;IACnE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uFAAuF;IACvF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAW,EACX,iBAA4B,EAC5B,mBAA6B,EAC7B,QAAe,EACf,eAAmB,EACnB,WAAW,EACX,SAAc,GACf,EAAE,iBAAiB,kDA4OnB"}
|
|
@@ -154,8 +154,10 @@ export default function DropdownMenu({ isOpen, onClose, triggerRef, items, onSel
|
|
|
154
154
|
}, [isOpen, triggerRef, size, width, placementVertical, placementHorizontal, placementOffset, boundaryRef]);
|
|
155
155
|
if (!isOpen)
|
|
156
156
|
return null;
|
|
157
|
-
const handleItemClick = (
|
|
158
|
-
|
|
157
|
+
const handleItemClick = (item) => {
|
|
158
|
+
if (item.disabled)
|
|
159
|
+
return;
|
|
160
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.id);
|
|
159
161
|
onClose();
|
|
160
162
|
};
|
|
161
163
|
const dropdownStyle = {
|
|
@@ -197,10 +199,10 @@ export default function DropdownMenu({ isOpen, onClose, triggerRef, items, onSel
|
|
|
197
199
|
.join(' ');
|
|
198
200
|
// Item totalmente personalizado.
|
|
199
201
|
if (item.customRender) {
|
|
200
|
-
return (_jsx("div", { className: `${styles.customItem} ${dividerClasses}`.trim(), onClick: () => handleItemClick(item
|
|
202
|
+
return (_jsx("div", { className: `${styles.customItem} ${dividerClasses}`.trim(), onClick: item.disabled ? undefined : () => handleItemClick(item), children: _jsx("div", { className: styles.customContent, children: item.customRender }) }, item.id));
|
|
201
203
|
}
|
|
202
204
|
// Item normal com SharedMenuItem (já renderiza <li> internamente).
|
|
203
|
-
return (_jsx("div", { className: dividerClasses.trim() || undefined, children: _jsx(SharedMenuItem, { label: (_a = item.label) !== null && _a !== void 0 ? _a : '', leftIcon: item.icon, description: item.description, suffix: item.suffix, active: item.active, destructive: item.destructive, size: size, onClick: () => handleItemClick(item
|
|
205
|
+
return (_jsx("div", { className: dividerClasses.trim() || undefined, children: _jsx(SharedMenuItem, { label: (_a = item.label) !== null && _a !== void 0 ? _a : '', leftIcon: item.icon, description: item.description, suffix: item.suffix, active: item.active, destructive: item.destructive, disabled: item.disabled, size: size, onClick: () => handleItemClick(item), isExpanded: true }) }, item.id));
|
|
204
206
|
}) }) }));
|
|
205
207
|
}
|
|
206
208
|
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/features/overlays/components/dropdowns/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AACzF,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAC/C,OAAO,cAAc,MAAM,sDAAsD,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../../src/features/overlays/components/dropdowns/DropdownMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
.customSelect.sm .selectedValue {
|
|
74
|
-
height:
|
|
74
|
+
height: 35px;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.customSelect.sm .valueText {
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
}
|
|
210
210
|
|
|
211
211
|
.customSelect.sm .option {
|
|
212
|
-
height:
|
|
212
|
+
height: 35px;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
.customSelect.sm .option span {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
/* Cores Principais */
|
|
3
|
-
--color-primary: #
|
|
3
|
+
--color-primary: #245ADF;
|
|
4
4
|
--color-primary-light: #3B82F6;
|
|
5
|
-
--color-primary-dark: #
|
|
5
|
+
--color-primary-dark: #1F4DBE;
|
|
6
6
|
--color-secondary: #0891B2;
|
|
7
7
|
--color-secondary-light: #06B6D4;
|
|
8
8
|
--color-accent: #F59E0B;
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
--bg-accent: var(--color-primary-light);
|
|
37
37
|
--bg-hover-primary: #f1f1f196;
|
|
38
38
|
--bg-hover-normal: #f1f3f4;
|
|
39
|
-
--bg-interactive: var(--color-primary
|
|
39
|
+
--bg-interactive: var(--color-primary);
|
|
40
40
|
--bg-interactive-hover: var(--color-primary-dark);
|
|
41
41
|
--bg-interactive-active: var(--color-primary);
|
|
42
42
|
|