@strategicos/ui 0.7.0 → 0.9.0
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/README.md +51 -2
- package/THIRD_PARTY_NOTICES.md +187 -0
- package/dist/components/calendar.d.ts +24 -0
- package/dist/components/calendar.d.ts.map +1 -0
- package/dist/components/calendar.js +81 -0
- package/dist/components/calendar.js.map +1 -0
- package/dist/components/combobox.d.ts +73 -0
- package/dist/components/combobox.d.ts.map +1 -0
- package/dist/components/combobox.js +193 -0
- package/dist/components/combobox.js.map +1 -0
- package/dist/components/date-input.d.ts +46 -0
- package/dist/components/date-input.d.ts.map +1 -0
- package/dist/components/date-input.js +202 -0
- package/dist/components/date-input.js.map +1 -0
- package/dist/components/date-picker-input.d.ts +49 -0
- package/dist/components/date-picker-input.d.ts.map +1 -0
- package/dist/components/date-picker-input.js +126 -0
- package/dist/components/date-picker-input.js.map +1 -0
- package/dist/components/date-time-picker.d.ts +27 -0
- package/dist/components/date-time-picker.d.ts.map +1 -0
- package/dist/components/date-time-picker.js +77 -0
- package/dist/components/date-time-picker.js.map +1 -0
- package/dist/components/dates.d.ts +94 -0
- package/dist/components/dates.d.ts.map +1 -0
- package/dist/components/dates.js +94 -0
- package/dist/components/dates.js.map +1 -0
- package/dist/components/multi-select.d.ts.map +1 -1
- package/dist/components/multi-select.js +2 -1
- package/dist/components/multi-select.js.map +1 -1
- package/dist/components/select.d.ts +16 -1
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +24 -2
- package/dist/components/select.js.map +1 -1
- package/dist/components/time-input.d.ts +16 -0
- package/dist/components/time-input.d.ts.map +1 -0
- package/dist/components/time-input.js +18 -0
- package/dist/components/time-input.js.map +1 -0
- package/package.json +2 -1
- package/src/components/calendar.tsx +139 -0
- package/src/components/combobox.tsx +390 -0
- package/src/components/date-input.tsx +287 -0
- package/src/components/date-picker-input.tsx +287 -0
- package/src/components/date-time-picker.tsx +152 -0
- package/src/components/dates.tsx +274 -0
- package/src/components/multi-select.tsx +3 -1
- package/src/components/select.tsx +29 -1
- package/src/components/time-input.tsx +34 -0
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
// Derivado do DatePicker do Tremor (Apache-2.0) e modificado pela Strategicos.
|
|
4
|
+
// Ver THIRD_PARTY_NOTICES.md.
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { useIsMobile } from "../hooks/use-mobile.js";
|
|
7
|
+
import { Calendar } from "./calendar.js";
|
|
8
|
+
import { clampDate, formatDate, inRange, outOfRange, parseDateValue, toDateValue, PickerFooter, PickerHint, PickerTrigger, PresetList, } from "./dates.js";
|
|
9
|
+
import { useFieldControl } from "./field.js";
|
|
10
|
+
import { Popover, PopoverContent } from "./popover.js";
|
|
11
|
+
const contentCls = "flex w-auto max-w-[calc(100vw-2rem)] flex-col p-0 sm:flex-row";
|
|
12
|
+
/**
|
|
13
|
+
* Campo que abre um calendário para escolher uma data ou um período, como o
|
|
14
|
+
* DatePickerInput do Mantine. Não se digita nele — para digitar, `DateInput`.
|
|
15
|
+
*
|
|
16
|
+
* <Field label="Prazo">
|
|
17
|
+
* <DatePickerInput value={prazo} onValueChange={setPrazo} minDate={inicio} clearable />
|
|
18
|
+
* </Field>
|
|
19
|
+
*
|
|
20
|
+
* <DatePickerInput type="range" value={[inicio, fim]} onValueChange={([i, f]) => …} withApplyButton />
|
|
21
|
+
*
|
|
22
|
+
* - Valor: "AAAA-MM-DD" (ou `[início, fim]` no `type="range"`), `null` quando vazio.
|
|
23
|
+
* - `withApplyButton`: a escolha só vale no Aplicar; fechar de outro jeito
|
|
24
|
+
* descarta. Sem ele, escolher o dia (ou o fim do período) já grava e fecha.
|
|
25
|
+
* - `presets`: atalhos ao lado ("Hoje", "Fim do mês"…); os que caem fora de
|
|
26
|
+
* `minDate`/`maxDate` ficam desabilitados.
|
|
27
|
+
* - Período: o primeiro clique marca o início e o segundo, o fim; se o segundo
|
|
28
|
+
* vier antes, os dois trocam.
|
|
29
|
+
*
|
|
30
|
+
* Teclado: o calendário abre com o foco no dia escolhido (ou hoje); setas
|
|
31
|
+
* andam pelos dias, PageUp/PageDown pelos meses, Enter escolhe, Esc fecha.
|
|
32
|
+
*/
|
|
33
|
+
function DatePickerInput(props) {
|
|
34
|
+
return props.type === "range" ? _jsx(RangePicker, { ...props }) : _jsx(SinglePicker, { ...props });
|
|
35
|
+
}
|
|
36
|
+
function SinglePicker({ type: _type, value, onValueChange, placeholder = "Selecione a data", minDate, maxDate, clearable = false, withApplyButton = false, presets, valueFormatter = formatDate, captionLayout, size, disabled, className, wrapperClassName, align = "start", onOpenChange, ...props }) {
|
|
37
|
+
const controlProps = useFieldControl(props, { withRequired: false });
|
|
38
|
+
const [open, setOpen] = React.useState(false);
|
|
39
|
+
// Com o Aplicar, a escolha fica aqui até confirmar.
|
|
40
|
+
const [draft, setDraft] = React.useState(value);
|
|
41
|
+
const shown = withApplyButton ? draft : value;
|
|
42
|
+
const selected = parseDateValue(shown);
|
|
43
|
+
const committed = parseDateValue(value);
|
|
44
|
+
const min = parseDateValue(minDate);
|
|
45
|
+
const max = parseDateValue(maxDate);
|
|
46
|
+
function handleOpenChange(o) {
|
|
47
|
+
setOpen(o);
|
|
48
|
+
if (o)
|
|
49
|
+
setDraft(value);
|
|
50
|
+
onOpenChange?.(o);
|
|
51
|
+
}
|
|
52
|
+
function pick(v) {
|
|
53
|
+
if (withApplyButton) {
|
|
54
|
+
setDraft(v);
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
onValueChange(v);
|
|
58
|
+
handleOpenChange(false);
|
|
59
|
+
}
|
|
60
|
+
function apply() {
|
|
61
|
+
if (draft !== value)
|
|
62
|
+
onValueChange(draft);
|
|
63
|
+
handleOpenChange(false);
|
|
64
|
+
}
|
|
65
|
+
return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PickerTrigger, { slot: "date-picker-input", text: committed ? valueFormatter(committed) : null, placeholder: placeholder, open: open, size: size, disabled: disabled, clearable: clearable, onClear: () => onValueChange(null), className: className, wrapperClassName: wrapperClassName, controlProps: controlProps }), _jsxs(PopoverContent, { align: align, className: contentCls,
|
|
66
|
+
// O foco vai para o dia (autoFocus do calendário), não para o 1º botão.
|
|
67
|
+
onOpenAutoFocus: e => e.preventDefault(), children: [presets && presets.length > 0 && (_jsx(PresetList, { presets: presets, isActive: v => v === shown, isDisabled: v => !inRange(v, minDate, maxDate), onSelect: pick })), _jsxs("div", { className: "flex flex-col", children: [_jsx(Calendar, { mode: "single", required: true, autoFocus: true, selected: selected, onSelect: d => pick(toDateValue(d)), defaultMonth: selected ?? clampDate(new Date(), min, max), startMonth: min, endMonth: max, disabled: outOfRange(min, max), captionLayout: captionLayout }), withApplyButton && (_jsx(PickerFooter, { onCancel: () => handleOpenChange(false), onApply: apply, children: _jsx(PickerHint, { children: selected ? valueFormatter(selected) : "Nenhuma data" }) }))] })] })] }));
|
|
68
|
+
}
|
|
69
|
+
function RangePicker({ type: _type, value, onValueChange, placeholder = "Selecione o período", minDate, maxDate, clearable = false, withApplyButton = false, presets, numberOfColumns = 2, valueFormatter = formatDate, captionLayout, size, disabled, className, wrapperClassName, align = "start", onOpenChange, ...props }) {
|
|
70
|
+
const controlProps = useFieldControl(props, { withRequired: false });
|
|
71
|
+
const isMobile = useIsMobile();
|
|
72
|
+
const [open, setOpen] = React.useState(false);
|
|
73
|
+
const [draft, setDraft] = React.useState(value);
|
|
74
|
+
// Início escolhido nesta abertura, à espera do fim.
|
|
75
|
+
const [pendingFrom, setPendingFrom] = React.useState(null);
|
|
76
|
+
const shown = withApplyButton ? draft : value;
|
|
77
|
+
const from = parseDateValue(shown[0]);
|
|
78
|
+
const to = parseDateValue(shown[1]);
|
|
79
|
+
const min = parseDateValue(minDate);
|
|
80
|
+
const max = parseDateValue(maxDate);
|
|
81
|
+
const format = (range) => {
|
|
82
|
+
const f = parseDateValue(range[0]);
|
|
83
|
+
const t = parseDateValue(range[1]);
|
|
84
|
+
return f ? `${valueFormatter(f)} – ${t ? valueFormatter(t) : "…"}` : null;
|
|
85
|
+
};
|
|
86
|
+
function handleOpenChange(o) {
|
|
87
|
+
setOpen(o);
|
|
88
|
+
setPendingFrom(null);
|
|
89
|
+
if (o)
|
|
90
|
+
setDraft(value);
|
|
91
|
+
onOpenChange?.(o);
|
|
92
|
+
}
|
|
93
|
+
function commit(range) {
|
|
94
|
+
if (withApplyButton) {
|
|
95
|
+
setDraft(range);
|
|
96
|
+
setPendingFrom(null);
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
onValueChange(range);
|
|
100
|
+
handleOpenChange(false);
|
|
101
|
+
}
|
|
102
|
+
function pickDay(day) {
|
|
103
|
+
if (!pendingFrom) {
|
|
104
|
+
setPendingFrom(day);
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
const [s, e] = day < pendingFrom ? [day, pendingFrom] : [pendingFrom, day];
|
|
108
|
+
commit([toDateValue(s), toDateValue(e)]);
|
|
109
|
+
}
|
|
110
|
+
function apply() {
|
|
111
|
+
if (draft[0] !== value[0] || draft[1] !== value[1])
|
|
112
|
+
onValueChange(draft);
|
|
113
|
+
handleOpenChange(false);
|
|
114
|
+
}
|
|
115
|
+
const hint = pendingFrom
|
|
116
|
+
? "Agora escolha o último dia."
|
|
117
|
+
: withApplyButton && from
|
|
118
|
+
? format(shown)
|
|
119
|
+
: "Escolha o primeiro dia.";
|
|
120
|
+
return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PickerTrigger, { slot: "date-picker-input", text: format(value), placeholder: placeholder, open: open, size: size, disabled: disabled, clearable: clearable, onClear: () => onValueChange([null, null]), className: className, wrapperClassName: wrapperClassName, controlProps: controlProps }), _jsxs(PopoverContent, { align: align, className: contentCls, onOpenAutoFocus: e => e.preventDefault(), children: [presets && presets.length > 0 && (_jsx(PresetList, { presets: presets, isActive: v => v[0] === shown[0] && v[1] === shown[1], isDisabled: v => !inRange(v[0], minDate, maxDate) || !inRange(v[1], minDate, maxDate), onSelect: commit })), _jsxs("div", { className: "flex flex-col", children: [_jsx(Calendar, { mode: "range", autoFocus: true, numberOfMonths: isMobile ? 1 : numberOfColumns,
|
|
121
|
+
// O cálculo do período é nosso (pickDay): o do DayPicker já fecha
|
|
122
|
+
// um período de um dia no primeiro clique.
|
|
123
|
+
selected: pendingFrom ? { from: pendingFrom, to: undefined } : { from, to }, onSelect: (_, day) => pickDay(day), defaultMonth: from ?? clampDate(new Date(), min, max), startMonth: min, endMonth: max, disabled: outOfRange(min, max), captionLayout: captionLayout }), _jsx(PickerFooter, { onCancel: withApplyButton ? () => handleOpenChange(false) : undefined, onApply: withApplyButton ? apply : undefined, applyDisabled: !!pendingFrom, children: _jsx(PickerHint, { children: hint }) })] })] })] }));
|
|
124
|
+
}
|
|
125
|
+
export { DatePickerInput };
|
|
126
|
+
//# sourceMappingURL=date-picker-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker-input.js","sourceRoot":"","sources":["../../src/components/date-picker-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type PickerBaseProps } from "./dates.js";
|
|
3
|
+
/**
|
|
4
|
+
* Data e hora num calendário com campo de hora, como o DateTimePicker do
|
|
5
|
+
* Mantine. Para digitar a data e a hora direto, `DateInput withTime`.
|
|
6
|
+
*
|
|
7
|
+
* <Field label="Reunião">
|
|
8
|
+
* <DateTimePicker value={inicio} onValueChange={setInicio} />
|
|
9
|
+
* </Field>
|
|
10
|
+
*
|
|
11
|
+
* - Valor: "AAAA-MM-DD HH:mm:ss" ou `null`.
|
|
12
|
+
* - `withApplyButton` vem LIGADO (o botão de confirmar do Mantine): escolhe-se
|
|
13
|
+
* o dia e a hora e grava-se no Aplicar. Desligado, cada mudança já grava e o
|
|
14
|
+
* calendário fica aberto até sair dele.
|
|
15
|
+
* - `defaultTime`: hora usada quando ainda não há valor. Padrão: 00:00.
|
|
16
|
+
* - `minDate`/`maxDate` limitam o DIA ("AAAA-MM-DD").
|
|
17
|
+
*/
|
|
18
|
+
declare function DateTimePicker({ value, onValueChange, placeholder, minDate, maxDate, clearable, withApplyButton, withSeconds, defaultTime, valueFormatter, captionLayout, size, disabled, className, wrapperClassName, align, onOpenChange, ...props }: PickerBaseProps & {
|
|
19
|
+
value: string | null;
|
|
20
|
+
onValueChange: (value: string | null) => void;
|
|
21
|
+
/** Campo de hora com segundos. */
|
|
22
|
+
withSeconds?: boolean;
|
|
23
|
+
/** "HH:mm" usada quando ainda não há valor. */
|
|
24
|
+
defaultTime?: string;
|
|
25
|
+
}): React.JSX.Element;
|
|
26
|
+
export { DateTimePicker };
|
|
27
|
+
//# sourceMappingURL=date-time-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-time-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAEwB,KAAK,eAAe,EAClD,MAAM,YAAY,CAAA;AAKnB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,aAAa,EACb,WAAqC,EACrC,OAAO,EACP,OAAO,EACP,SAAiB,EACjB,eAAsB,EACtB,WAAmB,EACnB,WAAqB,EACrB,cAA+B,EAC/B,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,KAAe,EACf,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,eAAe,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,qBAsFA;AAQD,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
// Derivado do DatePicker do Tremor (Apache-2.0) e modificado pela Strategicos.
|
|
4
|
+
// Ver THIRD_PARTY_NOTICES.md.
|
|
5
|
+
import * as React from "react";
|
|
6
|
+
import { Calendar } from "./calendar.js";
|
|
7
|
+
import { clampDate, formatDateTime, outOfRange, parseDateValue, toDateValue, PickerFooter, PickerTrigger, } from "./dates.js";
|
|
8
|
+
import { useFieldControl } from "./field.js";
|
|
9
|
+
import { Popover, PopoverContent } from "./popover.js";
|
|
10
|
+
import { TimeInput } from "./time-input.js";
|
|
11
|
+
/**
|
|
12
|
+
* Data e hora num calendário com campo de hora, como o DateTimePicker do
|
|
13
|
+
* Mantine. Para digitar a data e a hora direto, `DateInput withTime`.
|
|
14
|
+
*
|
|
15
|
+
* <Field label="Reunião">
|
|
16
|
+
* <DateTimePicker value={inicio} onValueChange={setInicio} />
|
|
17
|
+
* </Field>
|
|
18
|
+
*
|
|
19
|
+
* - Valor: "AAAA-MM-DD HH:mm:ss" ou `null`.
|
|
20
|
+
* - `withApplyButton` vem LIGADO (o botão de confirmar do Mantine): escolhe-se
|
|
21
|
+
* o dia e a hora e grava-se no Aplicar. Desligado, cada mudança já grava e o
|
|
22
|
+
* calendário fica aberto até sair dele.
|
|
23
|
+
* - `defaultTime`: hora usada quando ainda não há valor. Padrão: 00:00.
|
|
24
|
+
* - `minDate`/`maxDate` limitam o DIA ("AAAA-MM-DD").
|
|
25
|
+
*/
|
|
26
|
+
function DateTimePicker({ value, onValueChange, placeholder = "Selecione data e hora", minDate, maxDate, clearable = false, withApplyButton = true, withSeconds = false, defaultTime = "00:00", valueFormatter = formatDateTime, captionLayout, size, disabled, className, wrapperClassName, align = "start", onOpenChange, ...props }) {
|
|
27
|
+
const controlProps = useFieldControl(props, { withRequired: false });
|
|
28
|
+
const [open, setOpen] = React.useState(false);
|
|
29
|
+
const [draft, setDraft] = React.useState(value);
|
|
30
|
+
// A hora existe antes do dia: dá para acertá-la e escolher o dia depois.
|
|
31
|
+
const [time, setTime] = React.useState(() => timeOf(value, defaultTime));
|
|
32
|
+
const shown = withApplyButton ? draft : value;
|
|
33
|
+
const selected = parseDateValue(shown);
|
|
34
|
+
const committed = parseDateValue(value);
|
|
35
|
+
const min = parseDateValue(minDate);
|
|
36
|
+
const max = parseDateValue(maxDate);
|
|
37
|
+
function handleOpenChange(o) {
|
|
38
|
+
setOpen(o);
|
|
39
|
+
if (o) {
|
|
40
|
+
setDraft(value);
|
|
41
|
+
setTime(timeOf(value, defaultTime));
|
|
42
|
+
}
|
|
43
|
+
onOpenChange?.(o);
|
|
44
|
+
}
|
|
45
|
+
function update(v) {
|
|
46
|
+
if (withApplyButton)
|
|
47
|
+
setDraft(v);
|
|
48
|
+
else
|
|
49
|
+
onValueChange(v);
|
|
50
|
+
}
|
|
51
|
+
// `time` é sempre "HH:mm:ss" (timeOf e changeTime completam).
|
|
52
|
+
function pickDay(day) {
|
|
53
|
+
update(`${toDateValue(day)} ${time}`);
|
|
54
|
+
}
|
|
55
|
+
function changeTime(t) {
|
|
56
|
+
// O campo nativo devolve "" enquanto a hora está pela metade.
|
|
57
|
+
if (!/^\d{2}:\d{2}(:\d{2})?$/.test(t))
|
|
58
|
+
return;
|
|
59
|
+
const full = t.length === 5 ? `${t}:00` : t;
|
|
60
|
+
setTime(full);
|
|
61
|
+
if (shown)
|
|
62
|
+
update(`${shown.slice(0, 10)} ${full}`);
|
|
63
|
+
}
|
|
64
|
+
function apply() {
|
|
65
|
+
if (draft !== value)
|
|
66
|
+
onValueChange(draft);
|
|
67
|
+
handleOpenChange(false);
|
|
68
|
+
}
|
|
69
|
+
return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PickerTrigger, { slot: "date-time-picker", text: committed ? valueFormatter(committed) : null, placeholder: placeholder, open: open, size: size, disabled: disabled, clearable: clearable, onClear: () => onValueChange(null), className: className, wrapperClassName: wrapperClassName, controlProps: controlProps }), _jsxs(PopoverContent, { align: align, className: "w-auto max-w-[calc(100vw-2rem)] p-0", onOpenAutoFocus: e => e.preventDefault(), children: [_jsx(Calendar, { mode: "single", required: true, autoFocus: true, selected: selected, onSelect: pickDay, defaultMonth: selected ?? clampDate(new Date(), min, max), startMonth: min, endMonth: max, disabled: outOfRange(min, max), captionLayout: captionLayout }), _jsx(PickerFooter, { onCancel: withApplyButton ? () => handleOpenChange(false) : undefined, onApply: withApplyButton ? apply : undefined, applyDisabled: !draft, children: _jsx(TimeInput, { "aria-label": "Hora", withSeconds: withSeconds, value: withSeconds ? time : time.slice(0, 5), onChange: e => changeTime(e.target.value), className: "w-32" }) })] })] }));
|
|
70
|
+
}
|
|
71
|
+
/** "HH:mm:ss" do valor, ou a hora padrão. */
|
|
72
|
+
function timeOf(value, defaultTime) {
|
|
73
|
+
const t = value && value.length >= 16 ? value.slice(11, 19) : defaultTime;
|
|
74
|
+
return t.length === 5 ? `${t}:00` : t;
|
|
75
|
+
}
|
|
76
|
+
export { DateTimePicker };
|
|
77
|
+
//# sourceMappingURL=date-time-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-time-picker.js","sourceRoot":"","sources":["../../src/components/date-time-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { Matcher } from "react-day-picker";
|
|
3
|
+
/** "AAAA-MM-DD" ou "AAAA-MM-DD HH:mm[:ss]" → Date local. Vazio ou inválido →
|
|
4
|
+
* undefined. */
|
|
5
|
+
declare function parseDateValue(value: string | null | undefined): Date | undefined;
|
|
6
|
+
/** Date → "AAAA-MM-DD" (dia local). */
|
|
7
|
+
declare function toDateValue(date: Date): string;
|
|
8
|
+
/** Date → "AAAA-MM-DD HH:mm:ss" (hora local). */
|
|
9
|
+
declare function toDateTimeValue(date: Date): string;
|
|
10
|
+
/** 15/10/2026 */
|
|
11
|
+
declare const formatDate: (date: Date) => string;
|
|
12
|
+
/** 15/10/2026 14:30 */
|
|
13
|
+
declare const formatDateTime: (date: Date) => string;
|
|
14
|
+
declare function clampDate(date: Date, min?: Date, max?: Date): Date;
|
|
15
|
+
/** Dias fora de [min, max] para o `disabled` do Calendar. */
|
|
16
|
+
declare function outOfRange(min?: Date, max?: Date): Matcher[];
|
|
17
|
+
/** Compara só o dia ("AAAA-MM-DD…" ordena como texto). */
|
|
18
|
+
declare function inRange(value: string, minDate?: string, maxDate?: string): boolean;
|
|
19
|
+
type FieldControlProps = {
|
|
20
|
+
id?: string;
|
|
21
|
+
"aria-label"?: string;
|
|
22
|
+
"aria-describedby"?: string;
|
|
23
|
+
"aria-invalid"?: React.AriaAttributes["aria-invalid"];
|
|
24
|
+
};
|
|
25
|
+
/** Gatilho dos pickers: o visual do SelectTrigger, com ícone de calendário e,
|
|
26
|
+
* opcionalmente, um X para limpar. Vai dentro de um <Popover>. */
|
|
27
|
+
declare function PickerTrigger({ text, placeholder, open, size, disabled, clearable, onClear, className, wrapperClassName, slot, controlProps, }: {
|
|
28
|
+
text: string | null;
|
|
29
|
+
placeholder: string;
|
|
30
|
+
open: boolean;
|
|
31
|
+
size?: "sm" | "default" | null;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
clearable?: boolean;
|
|
34
|
+
onClear: () => void;
|
|
35
|
+
className?: string;
|
|
36
|
+
wrapperClassName?: string;
|
|
37
|
+
slot: string;
|
|
38
|
+
controlProps: FieldControlProps;
|
|
39
|
+
}): React.JSX.Element;
|
|
40
|
+
/** X de limpar. Fica ao lado do gatilho, não dentro: botão dentro de botão não
|
|
41
|
+
* é HTML válido. */
|
|
42
|
+
declare function ClearButton({ onClick, className }: {
|
|
43
|
+
onClick: () => void;
|
|
44
|
+
className?: string;
|
|
45
|
+
}): React.JSX.Element;
|
|
46
|
+
/** Atalhos ao lado do calendário (no celular, uma faixa em cima). */
|
|
47
|
+
declare function PresetList<T>({ presets, isActive, isDisabled, onSelect, }: {
|
|
48
|
+
presets: {
|
|
49
|
+
label: string;
|
|
50
|
+
value: T;
|
|
51
|
+
}[];
|
|
52
|
+
isActive: (value: T) => boolean;
|
|
53
|
+
isDisabled: (value: T) => boolean;
|
|
54
|
+
onSelect: (value: T) => void;
|
|
55
|
+
}): React.JSX.Element;
|
|
56
|
+
/** Rodapé do calendário: algo à esquerda (dica, hora) e, com
|
|
57
|
+
* `withApplyButton`, Cancelar e Aplicar à direita. Para texto de dica, use
|
|
58
|
+
* <PickerHint>; o rodapé não tinge o que vai nele (a hora é um campo). */
|
|
59
|
+
declare function PickerFooter({ children, onCancel, onApply, applyDisabled, }: {
|
|
60
|
+
children?: React.ReactNode;
|
|
61
|
+
onCancel?: () => void;
|
|
62
|
+
onApply?: () => void;
|
|
63
|
+
applyDisabled?: boolean;
|
|
64
|
+
}): React.JSX.Element;
|
|
65
|
+
declare function PickerHint({ children }: {
|
|
66
|
+
children: React.ReactNode;
|
|
67
|
+
}): React.JSX.Element;
|
|
68
|
+
/** Props comuns aos pickers (DatePickerInput e DateTimePicker). */
|
|
69
|
+
type PickerBaseProps = FieldControlProps & {
|
|
70
|
+
placeholder?: string;
|
|
71
|
+
/** Primeiro dia que pode ser escolhido ("AAAA-MM-DD"). */
|
|
72
|
+
minDate?: string;
|
|
73
|
+
/** Último dia que pode ser escolhido ("AAAA-MM-DD"). */
|
|
74
|
+
maxDate?: string;
|
|
75
|
+
/** Um X no gatilho limpa o valor. */
|
|
76
|
+
clearable?: boolean;
|
|
77
|
+
/** Rodapé com Cancelar e Aplicar: a escolha só vale ao aplicar, e fechar
|
|
78
|
+
* de outro jeito descarta. Sem ele, escolher já grava. */
|
|
79
|
+
withApplyButton?: boolean;
|
|
80
|
+
/** Como o valor aparece no gatilho. */
|
|
81
|
+
valueFormatter?: (date: Date) => string;
|
|
82
|
+
/** "dropdown" troca o título do mês por seletores de mês e ano. */
|
|
83
|
+
captionLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
84
|
+
size?: "sm" | "default";
|
|
85
|
+
disabled?: boolean;
|
|
86
|
+
/** Classes do gatilho. */
|
|
87
|
+
className?: string;
|
|
88
|
+
/** Classes do invólucro, que só existe com `clearable`. */
|
|
89
|
+
wrapperClassName?: string;
|
|
90
|
+
align?: "start" | "center" | "end";
|
|
91
|
+
onOpenChange?: (open: boolean) => void;
|
|
92
|
+
};
|
|
93
|
+
export { parseDateValue, toDateValue, toDateTimeValue, formatDate, formatDateTime, clampDate, outOfRange, inRange, PickerTrigger, ClearButton, PresetList, PickerFooter, PickerHint, type FieldControlProps, type PickerBaseProps, };
|
|
94
|
+
//# sourceMappingURL=dates.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/components/dates.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { CalendarIcon, XIcon } from "lucide-react";
|
|
4
|
+
import { cn } from "../lib/utils.js";
|
|
5
|
+
import { Button } from "./button.js";
|
|
6
|
+
import { PopoverTrigger } from "./popover.js";
|
|
7
|
+
import { selectTriggerVariants } from "./select.js";
|
|
8
|
+
/**
|
|
9
|
+
* Utilitários dos campos de data (DateInput, DatePickerInput, DateTimePicker).
|
|
10
|
+
*
|
|
11
|
+
* Os valores seguem o Mantine 8: texto, nunca `Date`.
|
|
12
|
+
* - data: "AAAA-MM-DD" (como o <input type="date">)
|
|
13
|
+
* - data e hora: "AAAA-MM-DD HH:mm:ss"
|
|
14
|
+
* Sem fuso: 2026-10-15 é 15/10 em qualquer lugar. Um Date à meia-noite UTC
|
|
15
|
+
* vira o dia 14 no Brasil.
|
|
16
|
+
*/
|
|
17
|
+
const DATE_RE = /^(\d{4})-(\d{2})-(\d{2})(?:[ T](\d{2}):(\d{2})(?::(\d{2}))?)?$/;
|
|
18
|
+
/** "AAAA-MM-DD" ou "AAAA-MM-DD HH:mm[:ss]" → Date local. Vazio ou inválido →
|
|
19
|
+
* undefined. */
|
|
20
|
+
function parseDateValue(value) {
|
|
21
|
+
const m = value ? DATE_RE.exec(value) : null;
|
|
22
|
+
if (!m)
|
|
23
|
+
return undefined;
|
|
24
|
+
const [y, mo, d, h = "0", mi = "0", s = "0"] = m.slice(1);
|
|
25
|
+
const date = new Date(Number(y), Number(mo) - 1, Number(d), Number(h), Number(mi), Number(s));
|
|
26
|
+
// 2026-02-31 não existe: o Date rolaria para março.
|
|
27
|
+
if (date.getMonth() !== Number(mo) - 1 || Number(h) > 23 || Number(mi) > 59 || Number(s) > 59)
|
|
28
|
+
return undefined;
|
|
29
|
+
return date;
|
|
30
|
+
}
|
|
31
|
+
const pad = (n) => String(n).padStart(2, "0");
|
|
32
|
+
/** Date → "AAAA-MM-DD" (dia local). */
|
|
33
|
+
function toDateValue(date) {
|
|
34
|
+
return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
|
|
35
|
+
}
|
|
36
|
+
/** Date → "AAAA-MM-DD HH:mm:ss" (hora local). */
|
|
37
|
+
function toDateTimeValue(date) {
|
|
38
|
+
return `${toDateValue(date)} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
|
|
39
|
+
}
|
|
40
|
+
/** 15/10/2026 */
|
|
41
|
+
const formatDate = (date) => date.toLocaleDateString("pt-BR");
|
|
42
|
+
/** 15/10/2026 14:30 */
|
|
43
|
+
const formatDateTime = (date) => `${formatDate(date)} ${pad(date.getHours())}:${pad(date.getMinutes())}`;
|
|
44
|
+
// ── Limites ───────────────────────────────────────────────────────────────────
|
|
45
|
+
function clampDate(date, min, max) {
|
|
46
|
+
if (min && date < min)
|
|
47
|
+
return min;
|
|
48
|
+
if (max && date > max)
|
|
49
|
+
return max;
|
|
50
|
+
return date;
|
|
51
|
+
}
|
|
52
|
+
/** Dias fora de [min, max] para o `disabled` do Calendar. */
|
|
53
|
+
function outOfRange(min, max) {
|
|
54
|
+
const m = [];
|
|
55
|
+
if (min)
|
|
56
|
+
m.push({ before: min });
|
|
57
|
+
if (max)
|
|
58
|
+
m.push({ after: max });
|
|
59
|
+
return m;
|
|
60
|
+
}
|
|
61
|
+
/** Compara só o dia ("AAAA-MM-DD…" ordena como texto). */
|
|
62
|
+
function inRange(value, minDate, maxDate) {
|
|
63
|
+
const day = value.slice(0, 10);
|
|
64
|
+
return (!minDate || day >= minDate.slice(0, 10)) && (!maxDate || day <= maxDate.slice(0, 10));
|
|
65
|
+
}
|
|
66
|
+
/** Gatilho dos pickers: o visual do SelectTrigger, com ícone de calendário e,
|
|
67
|
+
* opcionalmente, um X para limpar. Vai dentro de um <Popover>. */
|
|
68
|
+
function PickerTrigger({ text, placeholder, open, size = "default", disabled, clearable, onClear, className, wrapperClassName, slot, controlProps, }) {
|
|
69
|
+
const showClear = clearable && !!text && !disabled;
|
|
70
|
+
const trigger = (_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs("button", { type: "button", "aria-haspopup": "dialog", "aria-expanded": open, "data-slot": slot, "data-size": size ?? "default", "data-placeholder": text ? undefined : "", ...controlProps, className: cn(selectTriggerVariants({ size }), "w-full min-w-0 cursor-pointer justify-start text-left tabular-nums", showClear && "pr-9", className), children: [_jsx(CalendarIcon, { className: "text-muted-foreground" }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: text ?? placeholder })] }) }));
|
|
71
|
+
if (!clearable)
|
|
72
|
+
return trigger;
|
|
73
|
+
return (_jsxs("div", { "data-slot": `${slot}-wrapper`, className: cn("relative w-full min-w-0", wrapperClassName), children: [trigger, showClear && _jsx(ClearButton, { onClick: onClear })] }));
|
|
74
|
+
}
|
|
75
|
+
/** X de limpar. Fica ao lado do gatilho, não dentro: botão dentro de botão não
|
|
76
|
+
* é HTML válido. */
|
|
77
|
+
function ClearButton({ onClick, className }) {
|
|
78
|
+
return (_jsx("button", { type: "button", onClick: onClick, "aria-label": "Limpar data", className: cn("absolute inset-y-0 right-1.5 my-auto flex size-6 cursor-pointer items-center justify-center rounded text-muted-foreground outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), children: _jsx(XIcon, { className: "size-4" }) }));
|
|
79
|
+
}
|
|
80
|
+
/** Atalhos ao lado do calendário (no celular, uma faixa em cima). */
|
|
81
|
+
function PresetList({ presets, isActive, isDisabled, onSelect, }) {
|
|
82
|
+
return (_jsx("ul", { "data-slot": "date-picker-presets", className: "flex gap-1 overflow-x-auto border-b border-border p-2 sm:w-40 sm:flex-col sm:overflow-visible sm:border-r sm:border-b-0", children: presets.map(p => (_jsx("li", { className: "shrink-0", children: _jsx("button", { type: "button", disabled: isDisabled(p.value), "aria-pressed": isActive(p.value), onClick: () => onSelect(p.value), className: "w-full cursor-pointer truncate rounded-md px-2.5 py-1.5 text-left text-sm whitespace-nowrap outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-pressed:bg-accent aria-pressed:font-medium", children: p.label }) }, p.label))) }));
|
|
83
|
+
}
|
|
84
|
+
/** Rodapé do calendário: algo à esquerda (dica, hora) e, com
|
|
85
|
+
* `withApplyButton`, Cancelar e Aplicar à direita. Para texto de dica, use
|
|
86
|
+
* <PickerHint>; o rodapé não tinge o que vai nele (a hora é um campo). */
|
|
87
|
+
function PickerFooter({ children, onCancel, onApply, applyDisabled, }) {
|
|
88
|
+
return (_jsxs("div", { "data-slot": "date-picker-footer", className: "flex flex-wrap items-center gap-2 border-t border-border p-3", children: [_jsx("div", { className: "min-w-0 flex-1", children: children }), onApply && (_jsxs("div", { className: "flex shrink-0 gap-2", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, children: "Cancelar" }), _jsx(Button, { type: "button", onClick: onApply, disabled: applyDisabled, children: "Aplicar" })] }))] }));
|
|
89
|
+
}
|
|
90
|
+
function PickerHint({ children }) {
|
|
91
|
+
return _jsx("span", { "aria-live": "polite", className: "text-xs text-muted-foreground", children: children });
|
|
92
|
+
}
|
|
93
|
+
export { parseDateValue, toDateValue, toDateTimeValue, formatDate, formatDateTime, clampDate, outOfRange, inRange, PickerTrigger, ClearButton, PresetList, PickerFooter, PickerHint, };
|
|
94
|
+
//# sourceMappingURL=dates.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dates.js","sourceRoot":"","sources":["../../src/components/dates.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../src/components/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../src/components/multi-select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,EACb,WAAyB,EACzB,iBAA6B,EAC7B,SAA8B,EAC9B,YAAgB,EAChB,UAAiB,EACjB,IAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE;IACD,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;8CAC0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;CACtD,qBA2IA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -6,6 +6,7 @@ import { cn } from "../lib/utils.js";
|
|
|
6
6
|
import { Badge } from "./badge.js";
|
|
7
7
|
import { useFieldControl } from "./field.js";
|
|
8
8
|
import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
|
|
9
|
+
import { selectTriggerVariants } from "./select.js";
|
|
9
10
|
/**
|
|
10
11
|
* Seleção de vários itens com busca, como o MultiSelect do Mantine.
|
|
11
12
|
*
|
|
@@ -61,7 +62,7 @@ function MultiSelect({ options, value, onValueChange, placeholder = "Selecione",
|
|
|
61
62
|
return (_jsxs(Popover, { open: open, onOpenChange: o => { setOpen(o); if (!o) {
|
|
62
63
|
setQuery("");
|
|
63
64
|
setActive(0);
|
|
64
|
-
} ; onOpenChange?.(o); }, children: [_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "data-slot": "multi-select-trigger", "data-size": size, ...controlProps, className: cn("
|
|
65
|
+
} ; onOpenChange?.(o); }, children: [_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "data-slot": "multi-select-trigger", "data-size": size, ...controlProps, className: cn(selectTriggerVariants({ size }), "w-full min-w-0 cursor-pointer text-left", className), children: [_jsx("span", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-hidden", children: selectedOptions.length === 0 ? (_jsx("span", { className: "truncate text-muted-foreground", children: placeholder })) : selectedOptions.length <= maxDisplayed ? (selectedOptions.map(o => (_jsx(Badge, { variant: "secondary", className: "max-w-[10rem] normal-case", children: _jsx("span", { className: "truncate", children: o.label }) }, o.value)))) : (_jsxs("span", { className: "truncate", children: [selectedOptions.length, " selecionado", selectedOptions.length === 1 ? "" : "s"] })) }), _jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-70" })] }) }), _jsxs(PopoverContent, { className: cn("w-(--radix-popover-trigger-width) min-w-60 p-0", contentClassName), onKeyDown: onKeyDown, children: [searchable && (_jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("input", { autoFocus: true, value: query, onChange: e => { setQuery(e.target.value); setActive(0); }, placeholder: searchPlaceholder, "aria-label": searchPlaceholder, "aria-controls": listId, className: "h-9 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground" })] })), _jsx("div", { id: listId, role: "listbox", "aria-multiselectable": true, className: "max-h-64 overflow-y-auto overscroll-contain p-1", children: filtered.length === 0 ? (_jsx("p", { className: "px-2.5 py-6 text-center text-sm text-muted-foreground", children: emptyText })) : (groups.map(g => (_jsxs("div", { role: "group", "aria-label": g.name, children: [g.name && _jsx("p", { className: "px-2.5 pt-2 pb-1 text-xs font-medium text-muted-foreground", children: g.name }), g.items.map(o => {
|
|
65
66
|
const isSelected = selected.has(o.value);
|
|
66
67
|
const isActive = selectable[active]?.value === o.value;
|
|
67
68
|
return (_jsxs("div", { role: "option", "aria-selected": isSelected, "aria-disabled": o.disabled || undefined, "data-active": isActive || undefined, onMouseEnter: () => { const i = selectable.indexOf(o); if (i >= 0)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../src/components/multi-select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../src/components/multi-select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,21 @@ import { Select as SelectPrimitive } from "radix-ui";
|
|
|
3
3
|
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
|
|
4
4
|
declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
|
|
5
5
|
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
|
|
6
|
+
/**
|
|
7
|
+
* Visual do gatilho de seleção: borda, foco, aberto, desabilitado, erro e
|
|
8
|
+
* tamanhos. É o mesmo do SelectTrigger, exportado para os gatilhos que não são
|
|
9
|
+
* o Select do Radix (MultiSelect, Combobox, DatePicker ou um Popover próprio)
|
|
10
|
+
* não precisarem copiar as classes — cópia que fica para trás quando o kit
|
|
11
|
+
* muda.
|
|
12
|
+
*
|
|
13
|
+
* Placeholder: marque o gatilho com `data-placeholder` enquanto estiver vazio,
|
|
14
|
+
* como o Radix faz.
|
|
15
|
+
*
|
|
16
|
+
* <button className={cn(selectTriggerVariants({ size }), "w-full")} …>
|
|
17
|
+
*/
|
|
18
|
+
declare const selectTriggerVariants: (props?: ({
|
|
19
|
+
size?: "default" | "sm" | null | undefined;
|
|
20
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
21
|
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
7
22
|
size?: "sm" | "default";
|
|
8
23
|
}): React.JSX.Element;
|
|
@@ -14,5 +29,5 @@ declare function SelectItem({ className, children, description, ...props }: Reac
|
|
|
14
29
|
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
|
|
15
30
|
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
|
|
16
31
|
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
|
|
17
|
-
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
32
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants, };
|
|
18
33
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAOpD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,qBAEnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAEpD;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,qBAAqB;;8EAW1B,CAAA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,qBAsBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,KAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,qBAyBtD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQpD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IAGrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,qBAyBA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,qBAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,qBAc7D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,qBAc/D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,EACX,qBAAqB,GACtB,CAAA"}
|