@strategicos/ui 0.6.1 → 0.8.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 +36 -2
- package/THIRD_PARTY_NOTICES.md +187 -0
- package/dist/components/breadcrumb.d.ts +30 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +43 -0
- package/dist/components/breadcrumb.js.map +1 -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-picker.d.ts +78 -0
- package/dist/components/date-picker.d.ts.map +1 -0
- package/dist/components/date-picker.js +142 -0
- package/dist/components/date-picker.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/package.json +2 -1
- package/src/components/breadcrumb.tsx +100 -0
- package/src/components/calendar.tsx +139 -0
- package/src/components/combobox.tsx +390 -0
- package/src/components/date-picker.tsx +414 -0
- package/src/components/multi-select.tsx +3 -1
- package/src/components/select.tsx +29 -1
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { CheckIcon, ChevronDownIcon, Loader2Icon, PlusIcon, SearchIcon, XIcon } from "lucide-react";
|
|
5
|
+
import { cn } from "../lib/utils.js";
|
|
6
|
+
import { Button } from "./button.js";
|
|
7
|
+
import { useFieldControl } from "./field.js";
|
|
8
|
+
import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
|
|
9
|
+
import { selectTriggerVariants } from "./select.js";
|
|
10
|
+
function errorMessage(err, fallback) {
|
|
11
|
+
return err instanceof Error && err.message ? err.message : fallback;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Seleção de um item com busca, como o Select `searchable` do Mantine. Use no
|
|
15
|
+
* lugar do Select quando a lista é longa ou quando a tela precisa criar ou
|
|
16
|
+
* excluir opções ali mesmo.
|
|
17
|
+
*
|
|
18
|
+
* <Combobox
|
|
19
|
+
* options={setores.map(s => ({ value: s.id, label: s.name }))}
|
|
20
|
+
* value={setorId}
|
|
21
|
+
* onValueChange={setSetorId}
|
|
22
|
+
* clearable
|
|
23
|
+
* onCreate={async nome => (await criarSetor(nome)).id}
|
|
24
|
+
* />
|
|
25
|
+
*
|
|
26
|
+
* - `clearable`: um X no gatilho volta o valor para `null`.
|
|
27
|
+
* - `onCreate`: com texto na busca que não bate com nenhuma opção, aparece
|
|
28
|
+
* "Criar “texto”". Se a função devolver um valor, ele fica selecionado.
|
|
29
|
+
* - `onRemove`: cada opção ganha um X que pede confirmação na própria linha.
|
|
30
|
+
* Se a opção excluída era a selecionada, o valor volta para `null`.
|
|
31
|
+
*
|
|
32
|
+
* Erros de `onCreate`/`onRemove` (promessa rejeitada) aparecem no rodapé da
|
|
33
|
+
* lista, com a mensagem do erro.
|
|
34
|
+
*
|
|
35
|
+
* Teclado: digite para filtrar, ↑/↓ para andar, Enter para escolher, Delete
|
|
36
|
+
* (com a busca vazia) para excluir a opção ativa, Esc para fechar. Dentro de
|
|
37
|
+
* um <Field>, o gatilho recebe o id e os aria-*.
|
|
38
|
+
*/
|
|
39
|
+
function Combobox({ options, value, onValueChange, placeholder = "Selecione", searchPlaceholder = "Buscar…", emptyText = "Nada encontrado.", searchable = true, clearable = false, onCreate, createLabel = q => _jsxs(_Fragment, { children: ["Criar \u201C", q, "\u201D"] }), onRemove, removeLabel = o => `Excluir ${o.label}`, removeConfirmLabel = o => _jsxs(_Fragment, { children: ["Excluir \u201C", o.label, "\u201D?"] }), size = "default", disabled = false, className, wrapperClassName, contentClassName, onOpenChange, ...props }) {
|
|
40
|
+
const controlProps = useFieldControl(props, { withRequired: false });
|
|
41
|
+
const [open, setOpen] = React.useState(false);
|
|
42
|
+
const [query, setQuery] = React.useState("");
|
|
43
|
+
const [active, setActive] = React.useState(0);
|
|
44
|
+
const [creating, setCreating] = React.useState(false);
|
|
45
|
+
const [confirming, setConfirming] = React.useState(null);
|
|
46
|
+
const [removing, setRemoving] = React.useState(null);
|
|
47
|
+
const [error, setError] = React.useState(null);
|
|
48
|
+
const listId = React.useId();
|
|
49
|
+
const searchRef = React.useRef(null);
|
|
50
|
+
const selected = options.find(o => o.value === value);
|
|
51
|
+
const q = query.trim().toLowerCase();
|
|
52
|
+
const filtered = q ? options.filter(o => o.label.toLowerCase().includes(q)) : options;
|
|
53
|
+
const canCreate = !!onCreate && !!q && !options.some(o => o.label.trim().toLowerCase() === q);
|
|
54
|
+
// Ordem do teclado: as opções habilitadas e, por último, o "Criar".
|
|
55
|
+
const entries = filtered.filter(o => !o.disabled).map(option => ({ kind: "option", option }));
|
|
56
|
+
if (canCreate)
|
|
57
|
+
entries.push({ kind: "create" });
|
|
58
|
+
const activeIndex = Math.min(active, entries.length - 1);
|
|
59
|
+
const entryId = (i) => `${listId}-${i}`;
|
|
60
|
+
// Grupos na ordem em que aparecem nas opções.
|
|
61
|
+
const groups = [];
|
|
62
|
+
for (const o of filtered) {
|
|
63
|
+
const g = groups.find(x => x.name === o.group);
|
|
64
|
+
if (g)
|
|
65
|
+
g.items.push(o);
|
|
66
|
+
else
|
|
67
|
+
groups.push({ name: o.group, items: [o] });
|
|
68
|
+
}
|
|
69
|
+
// Mantém a opção ativa à vista ao andar com as setas.
|
|
70
|
+
React.useEffect(() => {
|
|
71
|
+
if (!open || activeIndex < 0)
|
|
72
|
+
return;
|
|
73
|
+
document.getElementById(entryId(activeIndex))?.scrollIntoView({ block: "nearest" });
|
|
74
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
75
|
+
}, [open, activeIndex]);
|
|
76
|
+
function handleOpenChange(o) {
|
|
77
|
+
setOpen(o);
|
|
78
|
+
if (!o) {
|
|
79
|
+
setQuery("");
|
|
80
|
+
setActive(0);
|
|
81
|
+
setConfirming(null);
|
|
82
|
+
setError(null);
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
// Abre com a opção selecionada ativa.
|
|
86
|
+
const i = entries.findIndex(e => e.kind === "option" && e.option.value === value);
|
|
87
|
+
setActive(Math.max(i, 0));
|
|
88
|
+
}
|
|
89
|
+
onOpenChange?.(o);
|
|
90
|
+
}
|
|
91
|
+
function choose(v) {
|
|
92
|
+
onValueChange(v);
|
|
93
|
+
handleOpenChange(false);
|
|
94
|
+
}
|
|
95
|
+
async function create() {
|
|
96
|
+
if (!onCreate || creating)
|
|
97
|
+
return;
|
|
98
|
+
setCreating(true);
|
|
99
|
+
setError(null);
|
|
100
|
+
try {
|
|
101
|
+
const created = await onCreate(query.trim());
|
|
102
|
+
if (typeof created === "string")
|
|
103
|
+
onValueChange(created);
|
|
104
|
+
handleOpenChange(false);
|
|
105
|
+
}
|
|
106
|
+
catch (err) {
|
|
107
|
+
setError(errorMessage(err, "Não foi possível criar."));
|
|
108
|
+
}
|
|
109
|
+
finally {
|
|
110
|
+
setCreating(false);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
async function remove(option) {
|
|
114
|
+
if (!onRemove)
|
|
115
|
+
return;
|
|
116
|
+
setRemoving(option.value);
|
|
117
|
+
setError(null);
|
|
118
|
+
try {
|
|
119
|
+
await onRemove(option);
|
|
120
|
+
if (option.value === value)
|
|
121
|
+
onValueChange(null);
|
|
122
|
+
}
|
|
123
|
+
catch (err) {
|
|
124
|
+
setError(errorMessage(err, "Não foi possível excluir."));
|
|
125
|
+
}
|
|
126
|
+
finally {
|
|
127
|
+
setRemoving(null);
|
|
128
|
+
setConfirming(null);
|
|
129
|
+
searchRef.current?.focus();
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
function cancelConfirm() {
|
|
133
|
+
setConfirming(null);
|
|
134
|
+
searchRef.current?.focus();
|
|
135
|
+
}
|
|
136
|
+
function activate(entry) {
|
|
137
|
+
if (!entry)
|
|
138
|
+
return;
|
|
139
|
+
if (entry.kind === "create")
|
|
140
|
+
void create();
|
|
141
|
+
else
|
|
142
|
+
choose(entry.option.value);
|
|
143
|
+
}
|
|
144
|
+
function onKeyDown(e) {
|
|
145
|
+
// Na confirmação, o teclado é dos botões Excluir/Cancelar.
|
|
146
|
+
if (confirming)
|
|
147
|
+
return;
|
|
148
|
+
if (e.key === "ArrowDown") {
|
|
149
|
+
e.preventDefault();
|
|
150
|
+
setActive(Math.min(activeIndex + 1, entries.length - 1));
|
|
151
|
+
}
|
|
152
|
+
else if (e.key === "ArrowUp") {
|
|
153
|
+
e.preventDefault();
|
|
154
|
+
setActive(Math.max(activeIndex - 1, 0));
|
|
155
|
+
}
|
|
156
|
+
else if (e.key === "Enter") {
|
|
157
|
+
e.preventDefault();
|
|
158
|
+
activate(entries[activeIndex]);
|
|
159
|
+
}
|
|
160
|
+
else if (e.key === "Delete" && onRemove && !query) {
|
|
161
|
+
const entry = entries[activeIndex];
|
|
162
|
+
if (entry?.kind === "option") {
|
|
163
|
+
e.preventDefault();
|
|
164
|
+
setConfirming(entry.option.value);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
const showClear = clearable && !!selected && !disabled;
|
|
169
|
+
const trigger = (_jsx(PopoverTrigger, { asChild: true, disabled: disabled, children: _jsxs("button", { type: "button", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-haspopup": "listbox", "data-slot": "combobox-trigger", "data-size": size, "data-placeholder": selected ? undefined : "", ...controlProps, className: cn(selectTriggerVariants({ size }), "w-full min-w-0 cursor-pointer text-left", showClear && "pr-9", className), children: [_jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [selected?.color && _jsx("span", { className: "size-2 shrink-0 rounded-full", style: { background: selected.color } }), _jsx("span", { className: "truncate", children: selected?.label ?? placeholder })] }), !showClear && _jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-70" })] }) }));
|
|
170
|
+
return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [clearable ? (_jsxs("div", { "data-slot": "combobox-wrapper", className: cn("relative w-full min-w-0", wrapperClassName), children: [trigger, showClear && (
|
|
171
|
+
// Irmão do gatilho, não filho: botão dentro de botão não é HTML válido.
|
|
172
|
+
_jsx("button", { type: "button", onClick: () => onValueChange(null), "aria-label": "Limpar", className: "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", children: _jsx(XIcon, { className: "size-4" }) }))] })) : trigger, _jsxs(PopoverContent, { className: cn("w-(--radix-popover-trigger-width) min-w-60 p-0", contentClassName), onKeyDown: onKeyDown, onEscapeKeyDown: e => { if (confirming) {
|
|
173
|
+
e.preventDefault();
|
|
174
|
+
cancelConfirm();
|
|
175
|
+
} }, 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", { ref: searchRef, autoFocus: true, value: query, onChange: e => { setQuery(e.target.value); setActive(0); setError(null); }, placeholder: searchPlaceholder, "aria-label": searchPlaceholder, "aria-controls": listId, "aria-activedescendant": activeIndex >= 0 && !confirming ? entryId(activeIndex) : undefined, "aria-autocomplete": "list", className: "h-9 w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm" })] })), _jsxs("div", { id: listId, role: "listbox", className: "max-h-64 overflow-y-auto overscroll-contain p-1", children: [filtered.length === 0 && !canCreate && (_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 => {
|
|
176
|
+
const index = entries.findIndex(e => e.kind === "option" && e.option.value === o.value);
|
|
177
|
+
const isSelected = o.value === value;
|
|
178
|
+
const isActive = index === activeIndex;
|
|
179
|
+
if (confirming === o.value)
|
|
180
|
+
return (_jsxs("div", { role: "alert", className: "flex items-center gap-1.5 rounded-md bg-destructive/10 py-1 pr-1 pl-2.5 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: removeConfirmLabel(o) }), _jsx(Button, { type: "button", size: "sm", variant: "destructive", autoFocus: true, disabled: removing === o.value, onClick: () => remove(o), children: removing === o.value ? _jsx(Loader2Icon, { className: "animate-spin" }) : "Excluir" }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: removing === o.value, onClick: cancelConfirm, children: "Cancelar" })] }, o.value));
|
|
181
|
+
return (_jsxs("div", { id: index >= 0 ? entryId(index) : undefined, role: "option", "aria-selected": isSelected, "aria-disabled": o.disabled || undefined, "data-active": isActive || undefined, onMouseEnter: () => { if (index >= 0)
|
|
182
|
+
setActive(index); }, onClick: () => { if (!o.disabled)
|
|
183
|
+
choose(o.value); }, className: "group/option flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2 pl-2.5 text-sm select-none data-active:bg-accent data-active:text-accent-foreground aria-disabled:cursor-not-allowed aria-disabled:opacity-50", children: [o.color && _jsx("span", { className: "size-2 shrink-0 rounded-full", style: { background: o.color } }), _jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [_jsx("span", { className: "truncate", children: o.label }), o.description && _jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: o.description })] }), isSelected && _jsx(CheckIcon, { className: "size-4 shrink-0" }), onRemove && !o.disabled && (
|
|
184
|
+
// Fora da ordem do Tab (a lista anda pelas setas); no
|
|
185
|
+
// teclado, a exclusão é o Delete na opção ativa.
|
|
186
|
+
_jsx("button", { type: "button", tabIndex: -1, "aria-label": removeLabel(o), title: removeLabel(o), onClick: e => { e.stopPropagation(); setConfirming(o.value); }, className: "-m-1 flex size-6 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground opacity-60 outline-none hover:text-destructive hover:opacity-100 [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-hover/option:opacity-60 [@media(hover:hover)]:group-data-[active]/option:opacity-60", children: _jsx(XIcon, { className: "size-3.5" }) }))] }, o.value));
|
|
187
|
+
})] }, g.name ?? "_"))), canCreate && (() => {
|
|
188
|
+
const index = entries.length - 1;
|
|
189
|
+
return (_jsxs("div", { id: entryId(index), role: "option", "aria-selected": false, "data-active": index === activeIndex || undefined, onMouseEnter: () => setActive(index), onClick: () => void create(), className: "flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2 pl-2.5 text-sm font-medium text-primary-strong select-none data-active:bg-primary/10", children: [creating ? _jsx(Loader2Icon, { className: "size-4 shrink-0 animate-spin" }) : _jsx(PlusIcon, { className: "size-4 shrink-0" }), _jsx("span", { className: "truncate", children: createLabel(query.trim()) })] }));
|
|
190
|
+
})()] }), error && (_jsx("p", { role: "alert", className: "border-t border-border px-3 py-2 text-xs text-destructive", children: error }))] })] }));
|
|
191
|
+
}
|
|
192
|
+
export { Combobox };
|
|
193
|
+
//# sourceMappingURL=combobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.js","sourceRoot":"","sources":["../../src/components/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/** "AAAA-MM-DD" → Date local à meia-noite. Valor vazio ou inválido → undefined. */
|
|
3
|
+
declare function parseDateValue(value: string | null | undefined): Date | undefined;
|
|
4
|
+
/** Date → "AAAA-MM-DD" no dia local. */
|
|
5
|
+
declare function toDateValue(date: Date): string;
|
|
6
|
+
type FieldProps = {
|
|
7
|
+
id?: string;
|
|
8
|
+
"aria-label"?: string;
|
|
9
|
+
"aria-describedby"?: string;
|
|
10
|
+
"aria-invalid"?: React.AriaAttributes["aria-invalid"];
|
|
11
|
+
};
|
|
12
|
+
type CommonProps = FieldProps & {
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
/** Primeiro dia que pode ser escolhido ("AAAA-MM-DD"). */
|
|
15
|
+
minDate?: string;
|
|
16
|
+
/** Último dia que pode ser escolhido ("AAAA-MM-DD"). */
|
|
17
|
+
maxDate?: string;
|
|
18
|
+
/** Um X no gatilho limpa o valor. */
|
|
19
|
+
clearable?: boolean;
|
|
20
|
+
/** Como a data aparece no gatilho. Padrão: dd/mm/aaaa. */
|
|
21
|
+
formatValue?: (date: Date) => string;
|
|
22
|
+
/** "dropdown" troca o título do mês por seletores de mês e ano. */
|
|
23
|
+
captionLayout?: "label" | "dropdown" | "dropdown-months" | "dropdown-years";
|
|
24
|
+
size?: "sm" | "default";
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/** Classes do gatilho. */
|
|
27
|
+
className?: string;
|
|
28
|
+
/** Classes do invólucro, que só existe com `clearable`. */
|
|
29
|
+
wrapperClassName?: string;
|
|
30
|
+
align?: "start" | "center" | "end";
|
|
31
|
+
onOpenChange?: (open: boolean) => void;
|
|
32
|
+
};
|
|
33
|
+
export type DatePreset = {
|
|
34
|
+
label: string;
|
|
35
|
+
value: string;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* Escolha de uma data num calendário, como o DatePickerInput do Mantine. Base:
|
|
39
|
+
* o DatePicker do Tremor, no visual do kit (gatilho igual ao do Select).
|
|
40
|
+
*
|
|
41
|
+
* <Field label="Prazo">
|
|
42
|
+
* <DatePicker value={prazo} onValueChange={setPrazo} minDate={inicio} clearable />
|
|
43
|
+
* </Field>
|
|
44
|
+
*
|
|
45
|
+
* O valor é "AAAA-MM-DD" ou `null` (ver `parseDateValue`/`toDateValue`).
|
|
46
|
+
* Escolher o dia já fecha. `presets` põe atalhos ao lado ("Hoje", "Fim do
|
|
47
|
+
* mês"…); os que caem fora de `minDate`/`maxDate` ficam desabilitados.
|
|
48
|
+
*
|
|
49
|
+
* Teclado: o calendário abre com o foco no dia escolhido (ou hoje); setas
|
|
50
|
+
* andam pelos dias, PageUp/PageDown pelos meses, Enter escolhe, Esc fecha.
|
|
51
|
+
*/
|
|
52
|
+
declare function DatePicker({ value, onValueChange, placeholder, minDate, maxDate, clearable, presets, formatValue, captionLayout, size, disabled, className, wrapperClassName, align, onOpenChange, ...props }: CommonProps & {
|
|
53
|
+
value: string | null;
|
|
54
|
+
onValueChange: (value: string | null) => void;
|
|
55
|
+
presets?: DatePreset[];
|
|
56
|
+
}): React.JSX.Element;
|
|
57
|
+
export type DateRangeValue = [string | null, string | null];
|
|
58
|
+
export type DateRangePreset = {
|
|
59
|
+
label: string;
|
|
60
|
+
value: [string, string];
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* Escolha de um período (início e fim) num calendário de dois meses — um só no
|
|
64
|
+
* celular. Base: o DateRangePicker do Tremor, no visual do kit.
|
|
65
|
+
*
|
|
66
|
+
* <DateRangePicker value={[inicio, fim]} onValueChange={([i, f]) => { … }} />
|
|
67
|
+
*
|
|
68
|
+
* O primeiro clique marca o início e o segundo, o fim; aí fecha e grava. Se o
|
|
69
|
+
* segundo dia vier antes do primeiro, os dois trocam de lugar. Fechar no meio
|
|
70
|
+
* descarta o período começado e mantém o anterior.
|
|
71
|
+
*/
|
|
72
|
+
declare function DateRangePicker({ value, onValueChange, placeholder, minDate, maxDate, clearable, presets, formatValue, captionLayout, size, disabled, className, wrapperClassName, align, onOpenChange, ...props }: CommonProps & {
|
|
73
|
+
value: DateRangeValue;
|
|
74
|
+
onValueChange: (value: DateRangeValue) => void;
|
|
75
|
+
presets?: DateRangePreset[];
|
|
76
|
+
}): React.JSX.Element;
|
|
77
|
+
export { DatePicker, DateRangePicker, parseDateValue, toDateValue };
|
|
78
|
+
//# sourceMappingURL=date-picker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../src/components/date-picker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,142 @@
|
|
|
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 { CalendarIcon, XIcon } from "lucide-react";
|
|
7
|
+
import { useIsMobile } from "../hooks/use-mobile.js";
|
|
8
|
+
import { cn } from "../lib/utils.js";
|
|
9
|
+
import { Calendar } from "./calendar.js";
|
|
10
|
+
import { useFieldControl } from "./field.js";
|
|
11
|
+
import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
|
|
12
|
+
import { selectTriggerVariants } from "./select.js";
|
|
13
|
+
// ── Valores ───────────────────────────────────────────────────────────────────
|
|
14
|
+
// As datas entram e saem como "AAAA-MM-DD", como no Mantine 8 e no
|
|
15
|
+
// <input type="date">: sem hora e sem fuso, 2026-10-15 é 15/10 em qualquer
|
|
16
|
+
// lugar. Um Date à meia-noite UTC vira o dia 14 no Brasil.
|
|
17
|
+
/** "AAAA-MM-DD" → Date local à meia-noite. Valor vazio ou inválido → undefined. */
|
|
18
|
+
function parseDateValue(value) {
|
|
19
|
+
const m = value ? /^(\d{4})-(\d{2})-(\d{2})$/.exec(value) : null;
|
|
20
|
+
if (!m)
|
|
21
|
+
return undefined;
|
|
22
|
+
const date = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
|
|
23
|
+
// 2026-02-31 não existe: o Date rolaria para março.
|
|
24
|
+
return date.getMonth() === Number(m[2]) - 1 ? date : undefined;
|
|
25
|
+
}
|
|
26
|
+
/** Date → "AAAA-MM-DD" no dia local. */
|
|
27
|
+
function toDateValue(date) {
|
|
28
|
+
const p = (n) => String(n).padStart(2, "0");
|
|
29
|
+
return `${date.getFullYear()}-${p(date.getMonth() + 1)}-${p(date.getDate())}`;
|
|
30
|
+
}
|
|
31
|
+
const formatBR = (date) => date.toLocaleDateString("pt-BR");
|
|
32
|
+
function clampDate(date, min, max) {
|
|
33
|
+
if (min && date < min)
|
|
34
|
+
return min;
|
|
35
|
+
if (max && date > max)
|
|
36
|
+
return max;
|
|
37
|
+
return date;
|
|
38
|
+
}
|
|
39
|
+
function outOfRange(min, max) {
|
|
40
|
+
const m = [];
|
|
41
|
+
if (min)
|
|
42
|
+
m.push({ before: min });
|
|
43
|
+
if (max)
|
|
44
|
+
m.push({ after: max });
|
|
45
|
+
return m;
|
|
46
|
+
}
|
|
47
|
+
function inRange(value, minDate, maxDate) {
|
|
48
|
+
return (!minDate || value >= minDate) && (!maxDate || value <= maxDate);
|
|
49
|
+
}
|
|
50
|
+
function PickerTrigger({ text, placeholder, open, size = "default", disabled, clearable, onClear, className, wrapperClassName, slot, controlProps, }) {
|
|
51
|
+
const showClear = clearable && !!text && !disabled;
|
|
52
|
+
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, "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 })] }) }));
|
|
53
|
+
if (!clearable)
|
|
54
|
+
return trigger;
|
|
55
|
+
return (_jsxs("div", { "data-slot": `${slot}-wrapper`, className: cn("relative w-full min-w-0", wrapperClassName), children: [trigger, showClear && (
|
|
56
|
+
// Irmão do gatilho, não filho: botão dentro de botão não é HTML válido.
|
|
57
|
+
_jsx("button", { type: "button", onClick: onClear, "aria-label": "Limpar data", className: "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", children: _jsx(XIcon, { className: "size-4" }) }))] }));
|
|
58
|
+
}
|
|
59
|
+
/** Atalhos ao lado do calendário (no celular, uma faixa em cima). */
|
|
60
|
+
function PresetList({ presets, isActive, isDisabled, onSelect, }) {
|
|
61
|
+
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))) }));
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* Escolha de uma data num calendário, como o DatePickerInput do Mantine. Base:
|
|
65
|
+
* o DatePicker do Tremor, no visual do kit (gatilho igual ao do Select).
|
|
66
|
+
*
|
|
67
|
+
* <Field label="Prazo">
|
|
68
|
+
* <DatePicker value={prazo} onValueChange={setPrazo} minDate={inicio} clearable />
|
|
69
|
+
* </Field>
|
|
70
|
+
*
|
|
71
|
+
* O valor é "AAAA-MM-DD" ou `null` (ver `parseDateValue`/`toDateValue`).
|
|
72
|
+
* Escolher o dia já fecha. `presets` põe atalhos ao lado ("Hoje", "Fim do
|
|
73
|
+
* mês"…); os que caem fora de `minDate`/`maxDate` ficam desabilitados.
|
|
74
|
+
*
|
|
75
|
+
* Teclado: o calendário abre com o foco no dia escolhido (ou hoje); setas
|
|
76
|
+
* andam pelos dias, PageUp/PageDown pelos meses, Enter escolhe, Esc fecha.
|
|
77
|
+
*/
|
|
78
|
+
function DatePicker({ value, onValueChange, placeholder = "Selecione a data", minDate, maxDate, clearable = false, presets, formatValue = formatBR, captionLayout, size, disabled, className, wrapperClassName, align = "start", onOpenChange, ...props }) {
|
|
79
|
+
const controlProps = useFieldControl(props, { withRequired: false });
|
|
80
|
+
const [open, setOpen] = React.useState(false);
|
|
81
|
+
const selected = parseDateValue(value);
|
|
82
|
+
const min = parseDateValue(minDate);
|
|
83
|
+
const max = parseDateValue(maxDate);
|
|
84
|
+
function handleOpenChange(o) {
|
|
85
|
+
setOpen(o);
|
|
86
|
+
onOpenChange?.(o);
|
|
87
|
+
}
|
|
88
|
+
function pick(v) {
|
|
89
|
+
onValueChange(v);
|
|
90
|
+
handleOpenChange(false);
|
|
91
|
+
}
|
|
92
|
+
return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PickerTrigger, { slot: "date-picker-trigger", text: selected ? formatValue(selected) : 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: "flex w-auto max-w-[calc(100vw-2rem)] flex-col p-0 sm:flex-row",
|
|
93
|
+
// O foco vai para o dia (autoFocus do calendário), não para o 1º botão.
|
|
94
|
+
onOpenAutoFocus: e => e.preventDefault(), children: [presets && presets.length > 0 && (_jsx(PresetList, { presets: presets, isActive: v => v === value, isDisabled: v => !inRange(v, minDate, maxDate), onSelect: pick })), _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 })] })] }));
|
|
95
|
+
}
|
|
96
|
+
/**
|
|
97
|
+
* Escolha de um período (início e fim) num calendário de dois meses — um só no
|
|
98
|
+
* celular. Base: o DateRangePicker do Tremor, no visual do kit.
|
|
99
|
+
*
|
|
100
|
+
* <DateRangePicker value={[inicio, fim]} onValueChange={([i, f]) => { … }} />
|
|
101
|
+
*
|
|
102
|
+
* O primeiro clique marca o início e o segundo, o fim; aí fecha e grava. Se o
|
|
103
|
+
* segundo dia vier antes do primeiro, os dois trocam de lugar. Fechar no meio
|
|
104
|
+
* descarta o período começado e mantém o anterior.
|
|
105
|
+
*/
|
|
106
|
+
function DateRangePicker({ value, onValueChange, placeholder = "Selecione o período", minDate, maxDate, clearable = false, presets, formatValue = formatBR, captionLayout, size, disabled, className, wrapperClassName, align = "start", onOpenChange, ...props }) {
|
|
107
|
+
const controlProps = useFieldControl(props, { withRequired: false });
|
|
108
|
+
const isMobile = useIsMobile();
|
|
109
|
+
const [open, setOpen] = React.useState(false);
|
|
110
|
+
// Início escolhido nesta abertura, à espera do fim.
|
|
111
|
+
const [pendingFrom, setPendingFrom] = React.useState(null);
|
|
112
|
+
const from = parseDateValue(value[0]);
|
|
113
|
+
const to = parseDateValue(value[1]);
|
|
114
|
+
const min = parseDateValue(minDate);
|
|
115
|
+
const max = parseDateValue(maxDate);
|
|
116
|
+
function handleOpenChange(o) {
|
|
117
|
+
setOpen(o);
|
|
118
|
+
setPendingFrom(null);
|
|
119
|
+
onOpenChange?.(o);
|
|
120
|
+
}
|
|
121
|
+
function commit(range) {
|
|
122
|
+
onValueChange(range);
|
|
123
|
+
handleOpenChange(false);
|
|
124
|
+
}
|
|
125
|
+
function pickDay(day) {
|
|
126
|
+
if (!pendingFrom) {
|
|
127
|
+
setPendingFrom(day);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
const [s, e] = day < pendingFrom ? [day, pendingFrom] : [pendingFrom, day];
|
|
131
|
+
commit([toDateValue(s), toDateValue(e)]);
|
|
132
|
+
}
|
|
133
|
+
const text = from
|
|
134
|
+
? `${formatValue(from)} – ${to ? formatValue(to) : "…"}`
|
|
135
|
+
: null;
|
|
136
|
+
return (_jsxs(Popover, { open: open, onOpenChange: handleOpenChange, children: [_jsx(PickerTrigger, { slot: "date-range-picker-trigger", text: text, 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: "flex w-auto max-w-[calc(100vw-2rem)] flex-col p-0 sm:flex-row", onOpenAutoFocus: e => e.preventDefault(), children: [presets && presets.length > 0 && (_jsx(PresetList, { presets: presets, isActive: v => v[0] === value[0] && v[1] === value[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 : 2,
|
|
137
|
+
// O cálculo de intervalo é nosso (pickDay): o do DayPicker já
|
|
138
|
+
// fecha um intervalo de um dia no primeiro clique.
|
|
139
|
+
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("p", { "aria-live": "polite", className: "border-t border-border px-3 py-2 text-xs text-muted-foreground", children: pendingFrom ? "Agora escolha o último dia." : "Escolha o primeiro dia." })] })] })] }));
|
|
140
|
+
}
|
|
141
|
+
export { DatePicker, DateRangePicker, parseDateValue, toDateValue };
|
|
142
|
+
//# sourceMappingURL=date-picker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../src/components/date-picker.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"}
|