@beweco/aurora-ui 1.0.0-beta.138 → 1.0.0-beta.140
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/assets/css/styles.css +23 -1
- package/dist/index.cjs.js +2757 -481
- package/dist/index.esm.js +2789 -498
- package/dist/types/__smoke__/v2-api-surface.d.ts +5 -2
- package/dist/types/__smoke__/v2-api-surface.d.ts.map +1 -1
- package/dist/types/compat/heroui-v2-shims.d.ts +212 -34
- package/dist/types/compat/heroui-v2-shims.d.ts.map +1 -1
- package/dist/types/components/autocomplete/AutoComplete.d.ts.map +1 -1
- package/dist/types/components/autocomplete/AutoComplete.types.d.ts +36 -2
- package/dist/types/components/autocomplete/AutoComplete.types.d.ts.map +1 -1
- package/dist/types/components/autocomplete/index.d.ts +1 -1
- package/dist/types/components/autocomplete/index.d.ts.map +1 -1
- package/dist/types/components/button/Button.d.ts +3 -0
- package/dist/types/components/button/Button.d.ts.map +1 -1
- package/dist/types/components/button/Button.types.d.ts +24 -1
- package/dist/types/components/button/Button.types.d.ts.map +1 -1
- package/dist/types/components/button/_internal/press-event.d.ts +16 -0
- package/dist/types/components/button/_internal/press-event.d.ts.map +1 -0
- package/dist/types/components/button/index.d.ts +1 -1
- package/dist/types/components/button/index.d.ts.map +1 -1
- package/dist/types/components/card/Card.d.ts +13 -1
- package/dist/types/components/card/Card.d.ts.map +1 -1
- package/dist/types/components/card/Card.types.d.ts +53 -1
- package/dist/types/components/card/Card.types.d.ts.map +1 -1
- package/dist/types/components/card/index.d.ts +1 -1
- package/dist/types/components/card/index.d.ts.map +1 -1
- package/dist/types/components/chip/Chip.d.ts +1 -1
- package/dist/types/components/chip/Chip.d.ts.map +1 -1
- package/dist/types/components/chip/Chip.types.d.ts +28 -6
- package/dist/types/components/chip/Chip.types.d.ts.map +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts.map +1 -1
- package/dist/types/components/datepicker/DatePicker.types.d.ts +89 -1
- package/dist/types/components/datepicker/DatePicker.types.d.ts.map +1 -1
- package/dist/types/components/datepicker/calendar-slots.d.ts +17 -0
- package/dist/types/components/datepicker/calendar-slots.d.ts.map +1 -0
- package/dist/types/components/datepicker/index.d.ts +1 -1
- package/dist/types/components/datepicker/index.d.ts.map +1 -1
- package/dist/types/components/daterangepicker/DateRangePicker.d.ts +1 -1
- package/dist/types/components/daterangepicker/DateRangePicker.d.ts.map +1 -1
- package/dist/types/components/daterangepicker/DateRangePicker.types.d.ts +43 -1
- package/dist/types/components/daterangepicker/DateRangePicker.types.d.ts.map +1 -1
- package/dist/types/components/daterangepicker/index.d.ts +1 -1
- package/dist/types/components/daterangepicker/index.d.ts.map +1 -1
- package/dist/types/components/drawer/Drawer.d.ts +58 -0
- package/dist/types/components/drawer/Drawer.d.ts.map +1 -0
- package/dist/types/components/drawer/Drawer.types.d.ts +75 -0
- package/dist/types/components/drawer/Drawer.types.d.ts.map +1 -0
- package/dist/types/components/drawer/DrawerContext.d.ts +15 -0
- package/dist/types/components/drawer/DrawerContext.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerBody.d.ts +7 -0
- package/dist/types/components/drawer/_internal/DrawerBody.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerContent.d.ts +14 -0
- package/dist/types/components/drawer/_internal/DrawerContent.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerFooter.d.ts +13 -0
- package/dist/types/components/drawer/_internal/DrawerFooter.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/DrawerHeader.d.ts +20 -0
- package/dist/types/components/drawer/_internal/DrawerHeader.d.ts.map +1 -0
- package/dist/types/components/drawer/_internal/index.d.ts +5 -0
- package/dist/types/components/drawer/_internal/index.d.ts.map +1 -0
- package/dist/types/components/drawer/index.d.ts +4 -0
- package/dist/types/components/drawer/index.d.ts.map +1 -0
- package/dist/types/components/dropdown/Dropdown.d.ts +4 -2
- package/dist/types/components/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/types/components/dropdown/Dropdown.types.d.ts +61 -5
- package/dist/types/components/dropdown/Dropdown.types.d.ts.map +1 -1
- package/dist/types/components/dropdown/_internal/renderTrigger.d.ts +47 -0
- package/dist/types/components/dropdown/_internal/renderTrigger.d.ts.map +1 -0
- package/dist/types/components/dropdown/index.d.ts +1 -1
- package/dist/types/components/dropdown/index.d.ts.map +1 -1
- package/dist/types/components/input/Input.d.ts +4 -0
- package/dist/types/components/input/Input.d.ts.map +1 -1
- package/dist/types/components/input/Input.types.d.ts +37 -1
- package/dist/types/components/input/Input.types.d.ts.map +1 -1
- package/dist/types/components/modal/Modal.d.ts +4 -3
- package/dist/types/components/modal/Modal.d.ts.map +1 -1
- package/dist/types/components/modal/Modal.types.d.ts +59 -3
- package/dist/types/components/modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/modal/ModalFacadeContext.d.ts +27 -0
- package/dist/types/components/modal/ModalFacadeContext.d.ts.map +1 -0
- package/dist/types/components/modal/_internal/ModalBody.d.ts +1 -1
- package/dist/types/components/modal/_internal/ModalBody.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalContent.d.ts +10 -5
- package/dist/types/components/modal/_internal/ModalContent.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalFooter.d.ts +1 -1
- package/dist/types/components/modal/_internal/ModalFooter.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalHeader.d.ts +4 -2
- package/dist/types/components/modal/_internal/ModalHeader.d.ts.map +1 -1
- package/dist/types/components/pagination/Pagination.d.ts +10 -0
- package/dist/types/components/pagination/Pagination.d.ts.map +1 -1
- package/dist/types/components/pagination/Pagination.types.d.ts +21 -0
- package/dist/types/components/pagination/Pagination.types.d.ts.map +1 -1
- package/dist/types/components/select/Select.d.ts.map +1 -1
- package/dist/types/components/select/Select.types.d.ts +64 -0
- package/dist/types/components/select/Select.types.d.ts.map +1 -1
- package/dist/types/components/select/_internal/v2-collection.d.ts +64 -0
- package/dist/types/components/select/_internal/v2-collection.d.ts.map +1 -0
- package/dist/types/components/select/index.d.ts +1 -1
- package/dist/types/components/select/index.d.ts.map +1 -1
- package/dist/types/components/table/AuraTable.types.d.ts +5 -3
- package/dist/types/components/table/AuraTable.types.d.ts.map +1 -1
- package/dist/types/components/table/Table.d.ts +15 -5
- package/dist/types/components/table/Table.d.ts.map +1 -1
- package/dist/types/components/table/TableContent.d.ts +32 -0
- package/dist/types/components/table/TableContent.d.ts.map +1 -0
- package/dist/types/components/table/_internal/v2-compat.d.ts +94 -0
- package/dist/types/components/table/_internal/v2-compat.d.ts.map +1 -0
- package/dist/types/components/tabs/Tabs.d.ts +5 -4
- package/dist/types/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/types/components/tabs/Tabs.types.d.ts +90 -13
- package/dist/types/components/tabs/Tabs.types.d.ts.map +1 -1
- package/dist/types/components/textarea/Textarea.d.ts.map +1 -1
- package/dist/types/components/textarea/Textarea.types.d.ts +13 -0
- package/dist/types/components/textarea/Textarea.types.d.ts.map +1 -1
- package/dist/types/components/textarea/useTextareaAutosize.d.ts +13 -0
- package/dist/types/components/textarea/useTextareaAutosize.d.ts.map +1 -0
- package/dist/types/components/time-input/TimeInput.d.ts +12 -8
- package/dist/types/components/time-input/TimeInput.d.ts.map +1 -1
- package/dist/types/components/time-input/TimeInput.types.d.ts +29 -3
- package/dist/types/components/time-input/TimeInput.types.d.ts.map +1 -1
- package/dist/types/components/time-input/index.d.ts +2 -2
- package/dist/types/components/time-input/index.d.ts.map +1 -1
- package/dist/types/components/tooltip/Tooltip.d.ts.map +1 -1
- package/dist/types/components/tooltip/Tooltip.types.d.ts +31 -1
- package/dist/types/components/tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/types/components/tooltip/_internal/renderTrigger.d.ts +3 -0
- package/dist/types/components/tooltip/_internal/renderTrigger.d.ts.map +1 -0
- package/dist/types/components/tooltip/index.d.ts +1 -1
- package/dist/types/components/tooltip/index.d.ts.map +1 -1
- package/dist/types/index.d.ts +8 -7
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -18,6 +18,8 @@ export interface PaginationTranslations {
|
|
|
18
18
|
*/
|
|
19
19
|
jumpForwardAriaLabel?: string;
|
|
20
20
|
}
|
|
21
|
+
/** Colores v2 de la página activa (`color` de `@heroui/pagination@2`). */
|
|
22
|
+
export type PaginationColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
21
23
|
export interface PaginationProps {
|
|
22
24
|
/** Número total de páginas. */
|
|
23
25
|
total: number;
|
|
@@ -33,6 +35,25 @@ export interface PaginationProps {
|
|
|
33
35
|
*/
|
|
34
36
|
size?: "sm" | "md" | "lg";
|
|
35
37
|
className?: string;
|
|
38
|
+
/**
|
|
39
|
+
* API v2: muestra los botones «anterior» / «siguiente» a los extremos de la tira.
|
|
40
|
+
* Es funcionalidad, no estética: sin ellos solo se navega pulsando números o la elipsis.
|
|
41
|
+
* @default true (la fachada v2 de Aurora ya los forzaba: `<HeroUIPagination showControls …/>`)
|
|
42
|
+
*/
|
|
43
|
+
showControls?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* API v2: tira compacta — celdas pegadas, solo los extremos redondeados y una sombra común.
|
|
46
|
+
* Con `false`, celdas sueltas separadas 4px, cada una con su radio (el `gap-1` de v2).
|
|
47
|
+
* @default true (la fachada v2 de Aurora ya lo forzaba: `<HeroUIPagination isCompact …/>`)
|
|
48
|
+
*/
|
|
49
|
+
isCompact?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* API v2: sombra de color bajo la página activa (`shadow-md shadow-<color>/40`, literal del
|
|
52
|
+
* `tv` de v2). @default false
|
|
53
|
+
*/
|
|
54
|
+
showShadow?: boolean;
|
|
55
|
+
/** API v2: color de la página activa. @default "primary" */
|
|
56
|
+
color?: PaginationColor;
|
|
36
57
|
/** Deshabilita toda la paginación. */
|
|
37
58
|
isDisabled?: boolean;
|
|
38
59
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACtC,4EAA4E;IAC5E,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC/B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACtC"}
|
|
1
|
+
{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACtC,4EAA4E;IAC5E,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,0EAA0E;AAC1E,MAAM,MAAM,eAAe,GACxB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEZ,MAAM,WAAW,eAAe;IAC/B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACtC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACX,WAAW,EAMX,MAAM,gBAAgB,CAAC;AAgaxB;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkYxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -30,6 +30,36 @@ export interface SelectClassNames {
|
|
|
30
30
|
trigger?: string;
|
|
31
31
|
popoverContent?: string;
|
|
32
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* Un item seleccionado tal y como lo recibía `renderValue` en v2 (`@heroui/select@2.4.33`,
|
|
35
|
+
* `dist/chunk-BJWIL32D.mjs`: `{ key, data, type, props, textValue, rendered, "aria-label" }`,
|
|
36
|
+
* construido desde el nodo de la colección de react-aria). La fachada lo construye igual desde el
|
|
37
|
+
* nodo de v3, que tiene los mismos campos.
|
|
38
|
+
*/
|
|
39
|
+
export interface SelectedItemProps<T = object> {
|
|
40
|
+
key?: Key;
|
|
41
|
+
/** El objeto de `items` (colecciones dinámicas); `null` en colecciones estáticas. */
|
|
42
|
+
data?: T | null;
|
|
43
|
+
type?: string;
|
|
44
|
+
props?: Record<string, unknown>;
|
|
45
|
+
textValue?: string;
|
|
46
|
+
rendered?: ReactNode;
|
|
47
|
+
"aria-label"?: string;
|
|
48
|
+
}
|
|
49
|
+
/** Lo que recibe `renderValue`: los items elegidos, en orden de selección. */
|
|
50
|
+
export type SelectedItems<T = object> = SelectedItemProps<T>[];
|
|
51
|
+
/**
|
|
52
|
+
* Subconjunto de `listboxProps` de v2 que la fachada entiende. Solo `emptyContent`: el resto de
|
|
53
|
+
* piezas del listbox de v2 (`topContent`, `bottomContent`, `itemClasses`…) no tienen equivalente
|
|
54
|
+
* en el `ListBox` de v3 (guía oficial de migración: «Removed (handle separately)»).
|
|
55
|
+
*/
|
|
56
|
+
export interface SelectListboxProps {
|
|
57
|
+
/**
|
|
58
|
+
* Texto del desplegable cuando no hay ninguna opción (v2: `listboxProps.emptyContent`). Gana a
|
|
59
|
+
* `translations.emptyContent`.
|
|
60
|
+
*/
|
|
61
|
+
emptyContent?: ReactNode;
|
|
62
|
+
}
|
|
33
63
|
/**
|
|
34
64
|
* Entrada de selección de la fachada: el vocabulario v2 (`Selection` = `"all" | Set<Key>`) **más
|
|
35
65
|
* arrays**, que es la forma en la que realmente escriben las apps (medido 08-sep-2026 por grep de
|
|
@@ -79,9 +109,43 @@ export interface SelectProps {
|
|
|
79
109
|
onSelectionChange?: (keys: Selection) => void;
|
|
80
110
|
disabledKeys?: Iterable<Key>;
|
|
81
111
|
isInvalid?: boolean;
|
|
112
|
+
/** Asterisco en la etiqueta (CSS de v3) + validación nativa del `<select>` oculto. */
|
|
82
113
|
isRequired?: boolean;
|
|
83
114
|
isDisabled?: boolean;
|
|
84
115
|
fullWidth?: boolean;
|
|
116
|
+
/**
|
|
117
|
+
* Sustituye el chevron por un spinner (v2). El campo sigue siendo operable, como en v2.
|
|
118
|
+
* @default false
|
|
119
|
+
*/
|
|
120
|
+
isLoading?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* Se acepta por compatibilidad v2 y NO tiene efecto: esta fachada nunca virtualiza (v2 lo
|
|
123
|
+
* hacía solo a partir de 50 opciones). `isVirtualized={false}` —el único uso medido— ya es
|
|
124
|
+
* exactamente el comportamiento.
|
|
125
|
+
*/
|
|
126
|
+
isVirtualized?: boolean;
|
|
127
|
+
/**
|
|
128
|
+
* Impide dejar el campo sin ninguna opción (v2). En selección única v3 ya lo impone siempre
|
|
129
|
+
* (react-stately fuerza `disallowEmptySelection` en `single`); en `multiple` la fachada ignora
|
|
130
|
+
* el cambio que dejaría la selección vacía.
|
|
131
|
+
* @default false
|
|
132
|
+
*/
|
|
133
|
+
disallowEmptySelection?: boolean;
|
|
134
|
+
/**
|
|
135
|
+
* El disparador crece en alto y el valor se parte en líneas en vez de truncarse (v2:
|
|
136
|
+
* `isMultiline: { true: { trigger: "!h-auto" }, false: { value: "truncate" } }`).
|
|
137
|
+
* @default false
|
|
138
|
+
*/
|
|
139
|
+
isMultiline?: boolean;
|
|
140
|
+
/**
|
|
141
|
+
* Pinta el valor elegido en el disparador (v2). Recibe los items seleccionados con la forma de
|
|
142
|
+
* v2 (`SelectedItems`). Sin selección se muestra el `placeholder`, como en v2.
|
|
143
|
+
*/
|
|
144
|
+
renderValue?: (items: SelectedItems) => ReactNode;
|
|
145
|
+
/** Contenido a la izquierda del valor, dentro del disparador (v2). */
|
|
146
|
+
startContent?: ReactNode;
|
|
147
|
+
/** v2: `listboxProps`. Solo se usa `emptyContent` (ver `SelectListboxProps`). */
|
|
148
|
+
listboxProps?: SelectListboxProps;
|
|
85
149
|
isOpen?: boolean;
|
|
86
150
|
defaultOpen?: boolean;
|
|
87
151
|
onOpenChange?: (isOpen: boolean) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,mEAAmE;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AACzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC;AASzD,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,wBAAwB;IACxB,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,0FAA0F;IAC1F,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAkBlC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}
|
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../src/components/select/Select.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Repone en los items y secciones de una colección de v3 la API de CONTENIDO de v2 que las apps
|
|
3
|
+
* siguen escribiendo en `SelectItem`/`AutocompleteItem`/`SelectSection` (TECH-2459, hallazgo
|
|
4
|
+
* beweossmbs 23-sep).
|
|
5
|
+
*
|
|
6
|
+
* QUÉ HACÍA v2 (`@heroui/listbox@2.3.31`, `dist/chunk-2TBDFBA3.mjs`, leído del tarball):
|
|
7
|
+
*
|
|
8
|
+
* <li …getItemProps()>
|
|
9
|
+
* {startContent && <span data-slot="startContent">…}
|
|
10
|
+
* {description
|
|
11
|
+
* ? <div wrapper><span title>{rendered}</span><span description>{description}</span></div>
|
|
12
|
+
* : <span title>{rendered}</span>}
|
|
13
|
+
* {selectedIcon}
|
|
14
|
+
* {endContent && <span data-slot="endContent">…}
|
|
15
|
+
* </li>
|
|
16
|
+
*
|
|
17
|
+
* con los slots del `tv` (`@heroui/theme@2.4.15`, `dist/components/listbox.js:100-139`):
|
|
18
|
+
* `wrapper: "w-full flex flex-col items-start justify-center"`, `title: "flex-1 text-small
|
|
19
|
+
* font-normal"`, `description: "w-full text-tiny text-foreground-500 …"`. La sección
|
|
20
|
+
* (`chunk-Q2EVG7SO.mjs`) pintaba la cabecera `heading: "pl-1 text-tiny text-foreground-500"` y,
|
|
21
|
+
* con `showDivider` (default `false`), un `Divider` con `mt-2` al final.
|
|
22
|
+
*
|
|
23
|
+
* QUÉ HACE v3. `ListBox.Item` no tiene NINGUNA de esas props (la guía oficial: «Place icons
|
|
24
|
+
* manually in item content», «Use `Description` component»; y `title` de la sección → `Header`).
|
|
25
|
+
* Pasadas tal cual se descartan en silencio: el `filterDOMProps` de react-aria no las deja llegar
|
|
26
|
+
* al DOM y el item pinta solo su texto.
|
|
27
|
+
*
|
|
28
|
+
* POR QUÉ AQUÍ Y NO EN EL SHIM. `SelectItem`/`AutocompleteItem`/`SelectSection` tienen que seguir
|
|
29
|
+
* siendo el MISMO objeto que `ListBoxItem`/`ListBoxSection`: el normalizador de ids
|
|
30
|
+
* (`utils/collection-items.ts`) y el indicador (`with-item-indicator.tsx`) reconocen los items por
|
|
31
|
+
* identidad de `element.type`, y un envoltorio los volvería invisibles (los items dentro de una
|
|
32
|
+
* sección perderían su `id` derivado de la `key`, que es el defecto nº 1 de la migración). Así que
|
|
33
|
+
* el shim solo TIPA las props v2 y esta función, llamada desde la fachada que tiene los items en
|
|
34
|
+
* la mano, las traduce a la anatomía de v3.
|
|
35
|
+
*
|
|
36
|
+
* NO-OP cuando no hay nada que traducir: un item sin `description`/`startContent`/`endContent`/
|
|
37
|
+
* `classNames` se devuelve tal cual (mismo objeto), así que los 150+ items planos de las apps no
|
|
38
|
+
* cambian ni un nodo.
|
|
39
|
+
*/
|
|
40
|
+
/** Marca de lo que v2 NO pintaba en el disparador: allí solo iba el `textValue` del item. */
|
|
41
|
+
export declare const ITEM_EXTRA_ATTR = "data-aura-item-extra";
|
|
42
|
+
/**
|
|
43
|
+
* Clase para `Select.Value`: esconde en el disparador lo que v2 solo pintaba en la lista.
|
|
44
|
+
*
|
|
45
|
+
* `SelectValue` de react-aria repinta los CHILDREN del item elegido dentro del disparador
|
|
46
|
+
* (`react-aria-components/dist/private/Select.mjs:226-262`). v2 pintaba ahí solo el `textValue`
|
|
47
|
+
* (`@heroui/select@2.4.33`, `dist/chunk-BJWIL32D.mjs`: `state.selectedItems.map(i =>
|
|
48
|
+
* i.textValue).join(", ")`), así que el icono lateral no debe colarse junto al valor. La
|
|
49
|
+
* descripción se esconde SOLA: `Description` de v3 devuelve `null` sin el slot de texto
|
|
50
|
+
* `description`, y `SelectValue` resetea ese contexto (`TextContext.Provider value={undefined}`,
|
|
51
|
+
* misma línea) — el mismo mecanismo que usa v3 para esconder su indicador ahí (`select.css:121`).
|
|
52
|
+
*/
|
|
53
|
+
export declare const HIDE_ITEM_EXTRAS_CLASS = "[&_[data-aura-item-extra]]:hidden";
|
|
54
|
+
/**
|
|
55
|
+
* Traduce la API de contenido v2 de cada item/sección de la colección. Va DESPUÉS de
|
|
56
|
+
* `withCollectionItemIds` (que deriva el `textValue` del texto del item: si la descripción ya
|
|
57
|
+
* estuviera dentro, la sumaría al texto de búsqueda y del disparador) y ANTES de
|
|
58
|
+
* `withItemIndicator`.
|
|
59
|
+
*
|
|
60
|
+
* Acepta también children como FUNCIÓN (colección dinámica con `items`, la forma de 11 de los 11
|
|
61
|
+
* `AuraAutocomplete` de beweossmbs): se envuelve la función para traducir lo que devuelva.
|
|
62
|
+
*/
|
|
63
|
+
export declare function withV2ItemContent<T>(children: T): T;
|
|
64
|
+
//# sourceMappingURL=v2-collection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v2-collection.d.ts","sourceRoot":"","sources":["../../../../../src/components/select/_internal/v2-collection.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,6FAA6F;AAC7F,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB,sCAAoC,CAAC;AA8KxE;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,CAkBnD"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { Select, default } from "./Select";
|
|
2
|
-
export type { SelectProps, SelectSelection, SelectTranslations, } from "./Select.types";
|
|
2
|
+
export type { SelectListboxProps, SelectProps, SelectSelection, SelectTranslations, SelectedItemProps, SelectedItems, } from "./Select.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG3C,YAAY,EACX,WAAW,EACX,eAAe,EACf,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAG3C,YAAY,EACX,kBAAkB,EAClB,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,aAAa,GACb,MAAM,gBAAgB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { TableContentProps as HeroTableContentProps } from "@heroui/react";
|
|
2
1
|
import type React from "react";
|
|
2
|
+
import type { TableContentProps } from "./TableContent";
|
|
3
3
|
export interface ColumnDef {
|
|
4
4
|
key: string;
|
|
5
5
|
label: string;
|
|
@@ -27,9 +27,11 @@ export interface TableItem {
|
|
|
27
27
|
*
|
|
28
28
|
* Basado en `TableContentProps` (no en `TableProps`/`TableRootProps`): el `<Table>` raíz de v3 es
|
|
29
29
|
* solo un `<div>` de estilos, el `<table>` real de React Aria (donde llegan `aria-label` y demás)
|
|
30
|
-
* es `Table.Content` — ver el comentario de cabecera de `AuraTable.tsx`.
|
|
30
|
+
* es `Table.Content` — ver el comentario de cabecera de `AuraTable.tsx`. Son las de la fachada
|
|
31
|
+
* `Table.Content` de Aurora, así que incluyen también `isHeaderSticky` y
|
|
32
|
+
* `showSelectionCheckboxes` de v2 (ver `TableContent.tsx`).
|
|
31
33
|
*/
|
|
32
|
-
export type AuraTableProps<T extends TableItem> = Omit<
|
|
34
|
+
export type AuraTableProps<T extends TableItem> = Omit<TableContentProps, "children"> & {
|
|
33
35
|
columns: ColumnDef[];
|
|
34
36
|
items: T[];
|
|
35
37
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuraTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/AuraTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"AuraTable.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/AuraTable.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,SAAS;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,SAAS;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,IAAI,CACrD,iBAAiB,EACjB,UAAU,CACV,GAAG;IACH,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,KAAK,EAAE,CAAC,EAAE,CAAC;CACX,CAAC"}
|
|
@@ -1,22 +1,32 @@
|
|
|
1
1
|
import { type TableRootProps } from "@heroui/react";
|
|
2
2
|
import type React from "react";
|
|
3
|
+
import { TableContent } from "./TableContent";
|
|
3
4
|
/**
|
|
4
5
|
* Props de la fachada: las del root de v3 (`children`/`className`/`variant`/`render`) más los
|
|
5
6
|
* atributos de `<div>` (las apps solo pasan `aria-label` y, hoy, nada más — verificado por grep).
|
|
6
7
|
* El genérico `E` de `TableRootProps` se fija a su default `"div"`: ninguna app usa otro elemento
|
|
7
8
|
* y el `render` de v3 ya cubre el caso de sustituir el nodo.
|
|
8
9
|
*/
|
|
9
|
-
export type TableProps = TableRootProps & Omit<React.ComponentPropsWithoutRef<"div">, keyof TableRootProps
|
|
10
|
+
export type TableProps = TableRootProps & Omit<React.ComponentPropsWithoutRef<"div">, keyof TableRootProps> & {
|
|
11
|
+
/**
|
|
12
|
+
* API v2: fija la cabecera (`<thead>` sticky) dentro del contenedor con scroll de la tabla.
|
|
13
|
+
* v2 la declaraba en el root; aquí se acepta en el root y en `Table.Content` (manda el de
|
|
14
|
+
* `Table.Content` si están los dos). Lo aplica `Table.Content` — ver `TableContent.tsx`.
|
|
15
|
+
*/
|
|
16
|
+
isHeaderSticky?: boolean;
|
|
17
|
+
};
|
|
10
18
|
/**
|
|
11
19
|
* `Table` de Aurora: el root de HeroUI v3 con el `ScrollContainer` que faltaba, más los estáticos
|
|
12
|
-
* del compound de v3 — los MISMOS objetos que exporta `@heroui/react
|
|
13
|
-
* `Table.
|
|
20
|
+
* del compound de v3 — los MISMOS objetos que exporta `@heroui/react` (así que
|
|
21
|
+
* `Table.Header`/`Table.Column isRowHeader`… se comportan igual que antes), SALVO `Table.Content`,
|
|
22
|
+
* que es la fachada de Aurora: inserta las casillas de selección múltiple, el indicador de orden
|
|
23
|
+
* de `allowsSorting` y la cabecera fija de `isHeaderSticky` (ver `TableContent.tsx`).
|
|
14
24
|
*
|
|
15
25
|
* `Table.Root` queda deliberadamente crudo (el root pelado de v3, sin scroll): es la vía de escape
|
|
16
26
|
* para quien quiera montar la anatomía entera a mano.
|
|
17
27
|
*/
|
|
18
28
|
export declare const Table: {
|
|
19
|
-
({ children, ...props }: TableProps): React.
|
|
29
|
+
({ children, isHeaderSticky, ...props }: TableProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
20
30
|
displayName: string;
|
|
21
31
|
} & {
|
|
22
32
|
Body: typeof import("@heroui/react").TableBody;
|
|
@@ -33,7 +43,7 @@ export declare const Table: {
|
|
|
33
43
|
({ className, ref, ...props }: import("@heroui/react").TableColumnResizerProps): import("react/jsx-runtime").JSX.Element;
|
|
34
44
|
displayName: string;
|
|
35
45
|
};
|
|
36
|
-
Content: typeof
|
|
46
|
+
Content: typeof TableContent;
|
|
37
47
|
Footer: {
|
|
38
48
|
<E extends keyof React.JSX.IntrinsicElements = "div">({ className, ...props }: import("@heroui/react").TableFooterProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").TableFooterProps<E>>): import("react/jsx-runtime").JSX.Element;
|
|
39
49
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAyC9C;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,cAAc,GACtC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG;IACnE;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAmEH;;;;;;;;;GASG;AACH,eAAO,MAAM,KAAK;6CAnC2C,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDrE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type TableContentProps as HeroUITableContentProps } from "@heroui/react";
|
|
2
|
+
import type React from "react";
|
|
3
|
+
/**
|
|
4
|
+
* Props de `Table.Content`: las de v3 (el `<Table>` de react-aria: `aria-label`, `selectionMode`,
|
|
5
|
+
* `selectedKeys`, `onSelectionChange`, `sortDescriptor`, `onSortChange`, `onRowAction`…) más las
|
|
6
|
+
* dos de v2 que v3 eliminó.
|
|
7
|
+
*/
|
|
8
|
+
export type TableContentProps = HeroUITableContentProps & {
|
|
9
|
+
/**
|
|
10
|
+
* API v2: fija la cabecera (`<thead>` con `position: sticky; top: 0`) dentro del contenedor con
|
|
11
|
+
* scroll de la tabla. Surte efecto cuando ese contenedor tiene alto acotado. También se acepta
|
|
12
|
+
* en el root (`<Table isHeaderSticky>`, donde lo ponía v2); si se declara en los dos, manda
|
|
13
|
+
* este.
|
|
14
|
+
*/
|
|
15
|
+
isHeaderSticky?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* API v2: muestra u oculta la columna de casillas de selección. Por defecto, como en v2,
|
|
18
|
+
* `selectionMode === "multiple" && selectionBehavior !== "replace"`. `false` deja la selección
|
|
19
|
+
* activa sin casillas (por fila o por teclado).
|
|
20
|
+
*/
|
|
21
|
+
showSelectionCheckboxes?: boolean;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* `Table.Content` de Aurora: el `Table.Content` de HeroUI v3 con las casillas de selección, el
|
|
25
|
+
* indicador de orden y la cabecera fija de v2. Idempotente: si la app ya montó sus casillas
|
|
26
|
+
* (`slot="selection"`) o su `SortableColumnHeader`, no se inserta nada encima.
|
|
27
|
+
*/
|
|
28
|
+
export declare function TableContent({ children, isHeaderSticky, showSelectionCheckboxes, ...props }: TableContentProps): React.FunctionComponentElement<HeroUITableContentProps>;
|
|
29
|
+
export declare namespace TableContent {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=TableContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgC/B;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG;IACzD;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAoBF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC5B,QAAQ,EACR,cAAc,EACd,uBAAuB,EACvB,GAAG,KAAK,EACR,EAAE,iBAAiB,2DA4BnB;yBAjCe,YAAY"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* `isHeaderSticky` declarado en el ROOT (`<Table isHeaderSticky>`, que es donde lo ponía v2) viaja
|
|
4
|
+
* hasta `Table.Content` por contexto: el `<thead>` lo pinta el contenido, no el root.
|
|
5
|
+
*/
|
|
6
|
+
export declare const TableStickyContext: import("react").Context<boolean | undefined>;
|
|
7
|
+
/**
|
|
8
|
+
* Clases de v2 para `isHeaderSticky` (`@heroui/theme@2.4.15` → `dist/components/table.js`,
|
|
9
|
+
* variante `isHeaderSticky.true.thead`): `sticky top-0 z-20 [&>tr]:first:shadow-small`. La sombra
|
|
10
|
+
* se descarta: `shadow-small` es una clase del plugin de v2 que en Tailwind 4 no genera nada, y
|
|
11
|
+
* v3 separa la cabecera del cuerpo con su propio borde (`.table__header { border-b }`).
|
|
12
|
+
*
|
|
13
|
+
* El «contenedor con scroll» respecto al que se pega es el `Table.ScrollContainer` que inserta la
|
|
14
|
+
* fachada del root (`overflow-x: auto` ⇒ `overflow-y` computa `auto`), exactamente como en v2 lo
|
|
15
|
+
* era el `wrapper` (`overflow-auto`): la cabecera se queda fija cuando ese contenedor tiene alto
|
|
16
|
+
* acotado y desplaza en vertical.
|
|
17
|
+
*/
|
|
18
|
+
export declare const STICKY_HEADER_CLASS = "sticky top-0 z-20";
|
|
19
|
+
/** Clave fija de la columna/celda de selección insertadas (no colisiona con claves de negocio). */
|
|
20
|
+
export declare const SELECTION_KEY = "__aurora-selection";
|
|
21
|
+
/**
|
|
22
|
+
* Columna de «seleccionar todo». El `Checkbox slot="selection"` recibe de react-aria, por
|
|
23
|
+
* `CheckboxContext`, el estado de la tabla: marcado con todo seleccionado, INDETERMINADO con una
|
|
24
|
+
* selección parcial, y su `onChange` selecciona/deselecciona todo — `onSelectionChange` recibe
|
|
25
|
+
* `"all"`, igual que en v2 (`useTableSelectAllCheckbox`). La etiqueta accesible también la pone
|
|
26
|
+
* react-aria, traducida a la locale activa: por eso esta pieza no tiene texto propio ni
|
|
27
|
+
* `translations`.
|
|
28
|
+
*
|
|
29
|
+
* `pe-0` es lo que hace la anatomía oficial de v3 con su columna de selección: la casilla no
|
|
30
|
+
* necesita el padding final de una columna de texto.
|
|
31
|
+
*/
|
|
32
|
+
export declare function SelectionColumn(): ReactElement;
|
|
33
|
+
/** Casilla por fila (`useTableSelectionCheckbox` vía `CheckboxContext`, como en v2). */
|
|
34
|
+
export declare function SelectionCell(): ReactElement;
|
|
35
|
+
type AnyProps = Record<string, unknown> & {
|
|
36
|
+
children?: unknown;
|
|
37
|
+
};
|
|
38
|
+
declare function isElementOf(node: unknown, type: unknown): node is ReactElement<AnyProps>;
|
|
39
|
+
/**
|
|
40
|
+
* Hijos listos para pasarse como argumentos VARIÁDICOS de `cloneElement`/`createElement`. Un array
|
|
41
|
+
* pasado como argumento único es para React una LISTA y exige `key` en cada elemento: si la app
|
|
42
|
+
* escribió hijos JSX sueltos (sin clave, legal) y la fachada los reenviara como un solo array,
|
|
43
|
+
* saltaría «Each child in a list should have a unique key» (medido en jsdom). Esparcidos, React
|
|
44
|
+
* los trata como los trató al escribirlos.
|
|
45
|
+
*/
|
|
46
|
+
export declare function spread(node: ReactNode): ReactNode[];
|
|
47
|
+
/**
|
|
48
|
+
* Aplica `fn` a cada nodo de un árbol de `children` atravesando arrays y Fragments, sin tocar
|
|
49
|
+
* claves (`cloneElement` las conserva). `Children.map` no sirve aquí: re-prefija las claves y NO
|
|
50
|
+
* entra en Fragments — y las apps envuelven en Fragment cuando el contenido es condicional.
|
|
51
|
+
*/
|
|
52
|
+
export declare function mapNodes(node: ReactNode, fn: (node: ReactNode) => ReactNode): ReactNode;
|
|
53
|
+
/**
|
|
54
|
+
* ¿Hay ya una casilla de selección montada (por la fachada o por la app) en este subárbol
|
|
55
|
+
* estático? Mira la identidad de las piezas propias y cualquier elemento con `slot="selection"`
|
|
56
|
+
* (la forma que documenta v3). Las funciones de render no se pueden inspeccionar sin llamarlas:
|
|
57
|
+
* esas cuentan como «no hay».
|
|
58
|
+
*/
|
|
59
|
+
export declare function hasSelectionControl(node: unknown): boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Columna con `allowsSorting`: v2 pintaba el chevron por su cuenta (`TableColumnHeader`,
|
|
62
|
+
* `ChevronDownIcon` con `data-direction`); v3 no pinta nada y pide que la app monte
|
|
63
|
+
* `Table.SortableColumnHeader` en el render prop de la columna. Aquí se monta esa pieza de v3
|
|
64
|
+
* — aspecto de v3 (§9.1): chevron a la derecha que apunta arriba en ascendente y gira en
|
|
65
|
+
* descendente, y sin chevron mientras la columna no es la ordenada.
|
|
66
|
+
*
|
|
67
|
+
* No se toca la columna si la app ya decide el contenido con un render prop (entonces es suyo) o
|
|
68
|
+
* si ya montó un `SortableColumnHeader` estático.
|
|
69
|
+
*/
|
|
70
|
+
export declare function withSortIndicator(node: ReactNode): ReactNode;
|
|
71
|
+
/**
|
|
72
|
+
* `Table.Header`: indicador de orden en cada columna ordenable, clase sticky si se pidió y la
|
|
73
|
+
* columna de selección delante si toca.
|
|
74
|
+
*
|
|
75
|
+
* Con columnas dinámicas (`columns` + función) la columna de selección no se puede colar en el
|
|
76
|
+
* array de la app — su función de render la recibiría como si fuera una columna de negocio. Se usa
|
|
77
|
+
* la forma que documenta react-aria para mezclar estáticas y dinámicas: la estática delante y las
|
|
78
|
+
* de la app en un `Table.Collection` con sus `items`. El `Collection` exterior del header hereda
|
|
79
|
+
* `dependencies` por contexto (`CollectionBuilder`), así que no se pierden.
|
|
80
|
+
*/
|
|
81
|
+
export declare function transformHeader(header: ReactElement<AnyProps>, options: {
|
|
82
|
+
insertSelection: boolean;
|
|
83
|
+
sticky: boolean;
|
|
84
|
+
}): ReactElement;
|
|
85
|
+
/**
|
|
86
|
+
* Casilla delante de las celdas de una fila. Solo sabe tratar `Table.Row` (el mismo objeto que el
|
|
87
|
+
* `TableRow` suelto): una fila envuelta en un componente propio de la app no se puede abrir, y se
|
|
88
|
+
* devuelve tal cual (límite documentado en el README).
|
|
89
|
+
*/
|
|
90
|
+
export declare function withSelectionCell(row: ReactNode): ReactNode;
|
|
91
|
+
/** `Table.Body`: una casilla por fila, tanto con `items` + función como con filas estáticas. */
|
|
92
|
+
export declare function transformBody(body: ReactElement<AnyProps>): ReactElement;
|
|
93
|
+
export { type AnyProps, isElementOf };
|
|
94
|
+
//# sourceMappingURL=v2-compat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"v2-compat.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/_internal/v2-compat.tsx"],"names":[],"mappings":"AACA,OAAO,EAEN,KAAK,YAAY,EACjB,KAAK,SAAS,EAId,MAAM,OAAO,CAAC;AAUf;;;GAGG;AACH,eAAO,MAAM,kBAAkB,8CAAgD,CAAC;AAEhF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AAEvD,mGAAmG;AACnG,eAAO,MAAM,aAAa,uBAAuB,CAAC;AAElD;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAM9C;AAED,wFAAwF;AACxF,wBAAgB,aAAa,IAAI,YAAY,CAM5C;AAED,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjE,iBAAS,WAAW,CACnB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,OAAO,GACX,IAAI,IAAI,YAAY,CAAC,QAAQ,CAAC,CAEhC;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,CAEnD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CACvB,IAAI,EAAE,SAAS,EACf,EAAE,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,SAAS,GAChC,SAAS,CAYX;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,OAAO,CAiB1D;AAkBD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAmB5D;AAYD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC9B,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,EAC9B,OAAO,EAAE;IAAE,eAAe,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,GACpD,YAAY,CAgCd;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,SAAS,GAAG,SAAS,CA2B3D;AAED,gGAAgG;AAChG,wBAAgB,aAAa,CAAC,IAAI,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAaxE;AAED,OAAO,EAAE,KAAK,QAAQ,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type TabsRootProps } from "@heroui/react";
|
|
1
2
|
import type React from "react";
|
|
2
3
|
import type { TabProps, TabsProps } from "./Tabs.types";
|
|
3
4
|
/**
|
|
@@ -12,7 +13,7 @@ import type { TabProps, TabsProps } from "./Tabs.types";
|
|
|
12
13
|
* nombre habría sido el «falso amigo» que ya costó rondas en Alert/Checkbox/Switch.
|
|
13
14
|
*/
|
|
14
15
|
export declare const Tab: {
|
|
15
|
-
({ children, ...props }: TabProps): React.JSX.Element;
|
|
16
|
+
({ children: ownChildren, title, titleValue: _titleValue, ...props }: TabProps): React.JSX.Element;
|
|
16
17
|
displayName: string;
|
|
17
18
|
};
|
|
18
19
|
/**
|
|
@@ -48,17 +49,17 @@ export declare const Tab: {
|
|
|
48
49
|
* a mano: es el objeto EXACTO de `@heroui/react`.
|
|
49
50
|
*/
|
|
50
51
|
export declare const Tabs: {
|
|
51
|
-
|
|
52
|
+
<T extends object = object>(allProps: TabsProps<T>): React.JSX.Element;
|
|
52
53
|
displayName: string;
|
|
53
54
|
} & {
|
|
54
55
|
Indicator: ({ className, ...props }: import("@heroui/react").TabIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
55
56
|
List: ({ children, className, ...props }: import("@heroui/react").TabListProps) => import("react/jsx-runtime").JSX.Element;
|
|
56
57
|
ListContainer: <E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, render, ...containerProps }: import("@heroui/react").TabListContainerProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").TabListContainerProps<E>>) => import("react/jsx-runtime").JSX.Element;
|
|
57
58
|
Panel: ({ children, className, ...props }: import("@heroui/react").TabPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
Root: ({ children, className, orientation, variant, ...props }: import("@heroui/react").TabsRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
Root: ({ children, className, orientation, variant, ...props }: import("@heroui/react/dist/components/tabs/tabs").TabsRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
60
|
Separator: <E extends keyof React.JSX.IntrinsicElements = "span">({ className, ...props }: import("@heroui/react").TabSeparatorProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").TabSeparatorProps<E>>) => import("react/jsx-runtime").JSX.Element;
|
|
60
61
|
Tab: {
|
|
61
|
-
({ children, ...props }: TabProps): React.JSX.Element;
|
|
62
|
+
({ children: ownChildren, title, titleValue: _titleValue, ...props }: TabProps): React.JSX.Element;
|
|
62
63
|
displayName: string;
|
|
63
64
|
};
|
|
64
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,aAAa,EAAM,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA4KxD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG;0EA9Cb,QAAQ;;CA8CiB,CAAC;AAsU7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI;KAtPG,CAAC,SAAS,MAAM,qBAAqB,SAAS,CAAC,CAAC,CAAC;;;;;;;;;;8EA9JlE,QAAQ;;;CA4ZT,CAAC"}
|
|
@@ -1,24 +1,101 @@
|
|
|
1
1
|
import type { TabProps as HeroUITabProps, TabsRootProps } from "@heroui/react";
|
|
2
|
+
import type React from "react";
|
|
2
3
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
4
|
+
* Variantes que aceptaba el `Tabs` de HeroUI v2 (`@heroui/theme@2.4.15`, `dist/components/tabs.js`).
|
|
5
|
+
* En v3 solo existen `primary` / `secondary`; la fachada traduce (ver `Tabs.tsx` y el README).
|
|
6
|
+
*/
|
|
7
|
+
export type TabsV2Variant = "solid" | "light" | "underlined" | "bordered";
|
|
8
|
+
/**
|
|
9
|
+
* Slots de `classNames` del `Tabs` de v2 (`@heroui/tabs@2.2.29`, `dist/tabs.js`). Cada uno llega a
|
|
10
|
+
* la pieza de v3 que hace su papel, y la clase de la app va en ÚLTIMA posición de un `cn`
|
|
11
|
+
* (tailwind-merge), así que gana a cualquier clase que ponga la fachada.
|
|
12
|
+
*/
|
|
13
|
+
export interface TabsV2ClassNames {
|
|
14
|
+
/**
|
|
15
|
+
* v2: div que envuelve SOLO la tira (los paneles quedan fuera). v3, forma v2: el mismo papel, un
|
|
16
|
+
* div `data-slot="tabs-base"` alrededor del `Tabs.ListContainer` (junto con `className`).
|
|
17
|
+
*/
|
|
18
|
+
base?: string;
|
|
19
|
+
/** v2: la tira (`role="tablist"`). v3: `Tabs.List`. */
|
|
20
|
+
tabList?: string;
|
|
21
|
+
/** v2: cada pestaña. v3: cada `Tabs.Tab` (antes que el `className` del propio `Tab`). */
|
|
22
|
+
tab?: string;
|
|
23
|
+
/** v2: el texto de la pestaña. v3: un `<span>` alrededor del `title` (solo si se pasa). */
|
|
24
|
+
tabContent?: string;
|
|
25
|
+
/** v2: la píldora / subrayado. v3: el `Tabs.Indicator`. */
|
|
26
|
+
cursor?: string;
|
|
27
|
+
/** v2: el panel. v3: cada `Tabs.Panel`. */
|
|
28
|
+
panel?: string;
|
|
29
|
+
/** v2: envoltorio solo con `placement`/`isVertical`. v3: sin equivalente, se ignora. */
|
|
30
|
+
tabWrapper?: string;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Props de la forma v2 que la fachada acepta además de las de v3. Ninguna llega al DOM: la
|
|
34
|
+
* fachada las consume todas (ver la tabla «Props v2» del README para qué hace cada una).
|
|
35
|
+
*/
|
|
36
|
+
export interface TabsV2Props<T extends object = object> {
|
|
37
|
+
/** v2: clases por slot. Ver {@link TabsV2ClassNames}. */
|
|
38
|
+
classNames?: TabsV2ClassNames;
|
|
39
|
+
/**
|
|
40
|
+
* v2: `sm` | `md` | `lg`. **Sin equivalente en v3** (una sola altura, 32 px): se acepta y se
|
|
41
|
+
* ignora. Para una tira compacta, `classNames.tab` (p. ej. `"h-7 text-xs"`).
|
|
42
|
+
*/
|
|
43
|
+
size?: "sm" | "md" | "lg";
|
|
44
|
+
/** v2: radio de tira/pestaña/cursor. **Sin equivalente en v3**: se acepta y se ignora. */
|
|
45
|
+
radius?: "none" | "sm" | "md" | "lg" | "full";
|
|
46
|
+
/** v2: color del cursor. **Sin equivalente en v3** (`--segment` / `--accent`): se ignora. */
|
|
47
|
+
color?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
48
|
+
/** v2: tira a todo el ancho. v3: `w-full` en el div `tabs-base` y en el `Tabs.ListContainer`. */
|
|
49
|
+
fullWidth?: boolean;
|
|
50
|
+
/** v2: colección dinámica, con `children` como función `(item) => <Tab key=…/>`. */
|
|
51
|
+
items?: Iterable<T>;
|
|
52
|
+
/** v2: pestañas en vertical. v3: `orientation="vertical"`. */
|
|
53
|
+
isVertical?: boolean;
|
|
54
|
+
/** v2: posición de la tira. v3: `start`/`end` → `orientation="vertical"`; el lado se ignora. */
|
|
55
|
+
placement?: "top" | "bottom" | "start" | "end";
|
|
56
|
+
/** v2 (default `true`): desmontar paneles inactivos. `false` → `shouldForceMount` en v3. */
|
|
57
|
+
destroyInactiveTabPanel?: boolean;
|
|
58
|
+
/** v2: sin animaciones. Sin equivalente en v3: se ignora. */
|
|
59
|
+
disableAnimation?: boolean;
|
|
60
|
+
/** v2: cursor sin animación. Sin equivalente en v3: se ignora. */
|
|
61
|
+
disableCursorAnimation?: boolean;
|
|
62
|
+
/** v2: seleccionar al soltar. Sin equivalente en v3: se ignora. */
|
|
63
|
+
shouldSelectOnPressUp?: boolean;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Props de la fachada `Tabs`: las del root de HeroUI v3 **más las de la forma v2**.
|
|
11
67
|
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
68
|
+
* Las de v3 (`TabsRootProps`) siguen tal cual: `selectedKey`, `defaultSelectedKey`,
|
|
69
|
+
* `onSelectionChange`, `disabledKeys`, `aria-label`, `orientation`, `className`… — son además los
|
|
70
|
+
* mismos nombres que en v2, así que esas cuatro pasan sin traducir. Lo que se amplía:
|
|
71
|
+
* · `variant` acepta también los valores de v2 (`underlined` → `secondary`; el resto → `primary`).
|
|
72
|
+
* · `children` admite la función de la forma `items` de v2.
|
|
73
|
+
* · las props solo-v2 de {@link TabsV2Props}.
|
|
14
74
|
*/
|
|
15
|
-
export type TabsProps = TabsRootProps
|
|
75
|
+
export type TabsProps<T extends object = object> = Omit<TabsRootProps, "children" | "variant"> & TabsV2Props<T> & {
|
|
76
|
+
/**
|
|
77
|
+
* v3: `Tabs.ListContainer` / `Tabs.List` / `Tabs.Panel`. v2: `Tab` sueltos (con `title` y el
|
|
78
|
+
* panel como hijos), o una función `(item) => <Tab/>` si se pasa `items`.
|
|
79
|
+
*/
|
|
80
|
+
children?: React.ReactNode | ((item: T) => React.ReactElement);
|
|
81
|
+
/** v3: `primary` | `secondary`. v2: `solid` | `light` | `bordered` (→ `primary`), `underlined` (→ `secondary`). */
|
|
82
|
+
variant?: TabsRootProps["variant"] | TabsV2Variant;
|
|
83
|
+
};
|
|
16
84
|
/**
|
|
17
|
-
* Props de la fachada `Tab`: las de `Tabs.Tab` de HeroUI v3
|
|
85
|
+
* Props de la fachada `Tab`: las de `Tabs.Tab` de HeroUI v3 **más `title`** de v2.
|
|
18
86
|
*
|
|
19
87
|
* Incluye `children` con la forma de react-aria (`ReactNode | ((renderProps) => ReactNode)`) —
|
|
20
88
|
* la variante función importa, porque es el único caso en el que la fachada NO puede inspeccionar
|
|
21
89
|
* los hijos y se aparta (ver `Tabs.tsx`).
|
|
90
|
+
*
|
|
91
|
+
* El significado de `children` depende de la forma: en v3 (`Tab` dentro de `Tabs.List`) es la
|
|
92
|
+
* ETIQUETA; en v2 (`Tab` suelto dentro de `Tabs`) la etiqueta es `title` y `children` es el
|
|
93
|
+
* contenido del PANEL. La `key` de React hace de `id` en la forma v2 (`id` explícito gana).
|
|
22
94
|
*/
|
|
23
|
-
export type TabProps = HeroUITabProps
|
|
95
|
+
export type TabProps = HeroUITabProps & {
|
|
96
|
+
/** v2: etiqueta de la pestaña. En la forma v3 se usa como etiqueta si no hay `children`. */
|
|
97
|
+
title?: React.ReactNode;
|
|
98
|
+
/** v2: texto plano de la etiqueta para accesibilidad. Sin equivalente en v3: se ignora. */
|
|
99
|
+
titleValue?: string;
|
|
100
|
+
};
|
|
24
101
|
//# sourceMappingURL=Tabs.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1E;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAChC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yFAAyF;IACzF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACrD,yDAAyD;IACzD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC9C,6FAA6F;IAC7F,KAAK,CAAC,EACH,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;IACZ,iGAAiG;IACjG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gGAAgG;IAChG,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAC/C,4FAA4F;IAC5F,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,6DAA6D;IAC7D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kEAAkE;IAClE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mEAAmE;IACnE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;;;;;GASG;AACH,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACtD,aAAa,EACb,UAAU,GAAG,SAAS,CACtB,GACA,WAAW,CAAC,CAAC,CAAC,GAAG;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/D,mHAAmH;IACnH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC;CACnD,CAAC;AAEH;;;;;;;;;;GAUG;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,GAAG;IACvC,4FAA4F;IAC5F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACX,aAAa,EAIb,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/textarea/Textarea.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACX,aAAa,EAIb,MAAM,kBAAkB,CAAC;AAiM1B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,2FA+KpB,CAAC;AAIF,eAAe,QAAQ,CAAC"}
|