@beweco/aurora-ui 1.0.0-beta.138 → 1.0.0-beta.139
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 +1 -1
- package/dist/index.cjs.js +520 -64
- package/dist/index.esm.js +519 -48
- 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 +72 -7
- package/dist/types/compat/heroui-v2-shims.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 +74 -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/modal/Modal.d.ts +1 -1
- package/dist/types/components/modal/Modal.d.ts.map +1 -1
- package/dist/types/components/modal/Modal.types.d.ts +8 -0
- package/dist/types/components/modal/Modal.types.d.ts.map +1 -1
- package/dist/types/components/modal/_internal/ModalBody.d.ts +1 -1
- 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/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 +17 -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/index.d.ts +3 -2
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -67,8 +67,11 @@ declare function smokeAccordion(): import("react").JSX.Element;
|
|
|
67
67
|
declare function smokeRadio(): import("react").JSX.Element;
|
|
68
68
|
/** BreadcrumbItem v2 suelto. */
|
|
69
69
|
declare function smokeBreadcrumbs(): import("react").JSX.Element;
|
|
70
|
-
/**
|
|
71
|
-
|
|
70
|
+
/**
|
|
71
|
+
* HeroUIProvider (v2, eliminado en v3) — envuelve la raíz de las 4 apps (App.tsx). Forma real de
|
|
72
|
+
* beweossmbs (`App.tsx:149-152`, `origin/staging`): `locale` + `navigate` del router.
|
|
73
|
+
*/
|
|
74
|
+
declare function smokeHeroUIProvider(navigate: (path: string) => void): import("react").JSX.Element;
|
|
72
75
|
declare function smokeProgress(): import("react").JSX.Element;
|
|
73
76
|
/**
|
|
74
77
|
* Los TRES usos reales de backoffice-beweos, uno a uno (extraídos del tag, no de un grep de
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v2-api-surface.d.ts","sourceRoot":"","sources":["../../../src/__smoke__/v2-api-surface.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAIN,KAAK,UAAU,EAUf,KAAK,aAAa,EAqBlB,KAAK,SAAS,EACd,KAAK,cAAc,EAGnB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EASzB,KAAK,aAAa,EAIlB,MAAM,UAAU,CAAC;AAMlB,6EAA6E;AAC7E,iBAAS,iBAAiB,gCAWzB;AAED,wEAAwE;AACxE,iBAAS,oBAAoB,gCAQ5B;AAED,gEAAgE;AAChE,iBAAS,cAAc,gCAEtB;AAED,kFAAkF;AAClF,iBAAS,YAAY,gCAEpB;AAED,+DAA+D;AAC/D,iBAAS,UAAU,gCAElB;AAMD,oGAAoG;AACpG,iBAAS,gBAAgB,gCASxB;AAED,6CAA6C;AAC7C,iBAAS,UAAU,gCAalB;AAED,2DAA2D;AAC3D,iBAAS,SAAS,gCAMjB;AAED,gFAAgF;AAChF,iBAAS,iBAAiB,gCAQzB;AAED,yBAAyB;AACzB,iBAAS,WAAW,gCAUnB;AAED;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,gCAoBrB;AAED,+BAA+B;AAC/B,iBAAS,cAAc,gCAMtB;AAED,mGAAmG;AACnG,iBAAS,UAAU,gCAOlB;AAED,gCAAgC;AAChC,iBAAS,gBAAgB,gCAMxB;AAMD
|
|
1
|
+
{"version":3,"file":"v2-api-surface.d.ts","sourceRoot":"","sources":["../../../src/__smoke__/v2-api-surface.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
* solo donde el coste es razonable. Donde no lo es, se documenta la limitación en el comentario
|
|
31
31
|
* del símbolo y en `decisiones-aceptadas-f2.md`.
|
|
32
32
|
*/
|
|
33
|
-
import { useOverlayState } from "@heroui/react";
|
|
34
|
-
import type { ComponentProps, ReactNode } from "react";
|
|
33
|
+
import { I18nProvider, RouterProvider, useOverlayState } from "@heroui/react";
|
|
34
|
+
import type { ComponentProps, HTMLAttributes, ReactNode } from "react";
|
|
35
35
|
export declare const CardBody: <E extends keyof React.JSX.IntrinsicElements = "div">({ className, ...props }: import("@heroui/react").CardContentProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").CardContentProps<E>>) => import("react").JSX.Element;
|
|
36
36
|
export declare const BreadcrumbItem: ({ children, className, ...props }: import("@heroui/react").BreadcrumbsItemProps & Omit<import("@heroui/react").LinkRootProps, "className">) => import("react").JSX.Element;
|
|
37
37
|
export declare const AutocompleteItem: (({ children, className, variant, ...props }: import("@heroui/react").ListBoxItemRootProps) => import("react").JSX.Element) & {
|
|
@@ -71,13 +71,78 @@ export declare const Divider: (({ className, orientation, variant, ...props }: i
|
|
|
71
71
|
Root: ({ className, orientation, variant, ...props }: import("@heroui/react").SeparatorRootProps) => import("react").JSX.Element;
|
|
72
72
|
};
|
|
73
73
|
/**
|
|
74
|
-
* `HeroUIProvider`
|
|
75
|
-
*
|
|
76
|
-
*
|
|
74
|
+
* Props del `HeroUIProvider` de v2 (`@heroui/system@2.4.28`, `dist/provider.d.ts` +
|
|
75
|
+
* `dist/provider-context.d.ts`, leído del tarball, no de memoria). Solo `locale`, `navigate` y
|
|
76
|
+
* `useHref` tienen efecto en v3; el resto se acepta para que el JSX v2 siga compilando y se ignora
|
|
77
|
+
* sin lanzar (cada una documenta por qué).
|
|
78
|
+
*
|
|
79
|
+
* Los atributos HTML heredados corresponden al resto de props que v2 pasaba al `OverlayProvider`
|
|
80
|
+
* de react-aria (`ModalProviderProps`), que pintaba un `<div data-overlay-container>` alrededor de
|
|
81
|
+
* la app. Este shim NO pinta ese `div` (no lo hacía antes y las apps migradas ya maquetan sin él):
|
|
82
|
+
* se aceptan y se ignoran.
|
|
77
83
|
*/
|
|
78
|
-
export
|
|
84
|
+
export interface HeroUIProviderProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
79
85
|
children?: ReactNode;
|
|
80
|
-
|
|
86
|
+
/**
|
|
87
|
+
* Locale de react-aria para todo el árbol (formato de fechas y números, primer día de la
|
|
88
|
+
* semana, dirección y las cadenas propias de react-aria: meses del `DatePicker`, "Seleccionado"
|
|
89
|
+
* del `Select`…). Se aplica como `I18nProvider locale`, igual que en v2.
|
|
90
|
+
*
|
|
91
|
+
* ⚠️ Diferencia con v2: v2 ponía `locale = "en-US"` por defecto y SIEMPRE envolvía en
|
|
92
|
+
* `I18nProvider`; aquí, si no se pasa, no se envuelve y react-aria usa el idioma del navegador
|
|
93
|
+
* (el comportamiento que el shim no-op tenía hasta ahora).
|
|
94
|
+
*/
|
|
95
|
+
locale?: ComponentProps<typeof I18nProvider>["locale"];
|
|
96
|
+
/**
|
|
97
|
+
* Navegación del router cliente para todos los enlaces react-aria anidados (`Link`,
|
|
98
|
+
* `BreadcrumbItem`, `Tabs`, `Menu`, filas de `Table` con `href`…). Se aplica como
|
|
99
|
+
* `RouterProvider navigate`, igual que en v2: sin ella esos `href` recargan la página entera.
|
|
100
|
+
*/
|
|
101
|
+
navigate?: ComponentProps<typeof RouterProvider>["navigate"];
|
|
102
|
+
/**
|
|
103
|
+
* Convierte el `href` del enlace en el `href` nativo del DOM (p. ej. rutas relativas a un
|
|
104
|
+
* `basename`). Solo tiene efecto junto a `navigate`, como en v2 (`RouterProvider useHref`).
|
|
105
|
+
*/
|
|
106
|
+
useHref?: ComponentProps<typeof RouterProvider>["useHref"];
|
|
107
|
+
/**
|
|
108
|
+
* v2: default global de `validationBehavior` vía su `ProviderContext`. v3 no tiene contexto
|
|
109
|
+
* global equivalente (cada campo lo recibe por prop; su default es `"native"`, el mismo que
|
|
110
|
+
* v2 aplicaba sin provider). Se ignora.
|
|
111
|
+
*/
|
|
112
|
+
validationBehavior?: "aria" | "native";
|
|
113
|
+
/**
|
|
114
|
+
* v2: apagaba las animaciones de sus componentes vía `ProviderContext` (y, con
|
|
115
|
+
* `skipFramerMotionAnimations`, las de framer-motion). v3 anima con CSS y no lo lee. Se ignora.
|
|
116
|
+
*/
|
|
117
|
+
disableAnimation?: boolean;
|
|
118
|
+
/** v2: saltar animaciones de framer-motion (`MotionGlobalConfig.skipAnimations`). Se ignora. */
|
|
119
|
+
skipFramerMotionAnimations?: boolean;
|
|
120
|
+
/** v2: `MotionConfig reducedMotion` de framer-motion (default `"never"`). Se ignora. */
|
|
121
|
+
reducedMotion?: "user" | "always" | "never";
|
|
122
|
+
/** v2: default global de `labelPlacement`. En v3 el label va siempre fuera. Se ignora. */
|
|
123
|
+
labelPlacement?: "inside" | "outside" | "outside-left" | "outside-top";
|
|
124
|
+
/** v2: apagar el efecto ripple. v3 no tiene ripple. Se ignora. */
|
|
125
|
+
disableRipple?: boolean;
|
|
126
|
+
/** v2: `minDate`/`maxDate` por defecto de sus calendarios. v3 no lo lee. Se ignora. */
|
|
127
|
+
defaultDates?: {
|
|
128
|
+
minDate?: unknown;
|
|
129
|
+
maxDate?: unknown;
|
|
130
|
+
};
|
|
131
|
+
/** v2: sistema de calendarios a medida (para aligerar el bundle). v3 no lo lee. Se ignora. */
|
|
132
|
+
createCalendar?: (identifier: never) => unknown;
|
|
133
|
+
/** v2: variante por defecto del `Spinner`. Se ignora. */
|
|
134
|
+
spinnerVariant?: string;
|
|
135
|
+
}
|
|
136
|
+
/**
|
|
137
|
+
* `HeroUIProvider` ya no existe en v3 (los componentes no necesitan Provider para pintarse). Pero
|
|
138
|
+
* el de v2 hacía dos cosas que react-aria sí necesita y que las apps no pueden montar por su
|
|
139
|
+
* cuenta (todo pasa por aurora-ui): `locale` → `I18nProvider` y `navigate`/`useHref` →
|
|
140
|
+
* `RouterProvider`. Este shim las repone, cada una SOLO cuando se pasa; sin props pasa los
|
|
141
|
+
* `children` tal cual, como el no-op que era. El resto de props v2 se aceptan y se ignoran (ver
|
|
142
|
+
* `HeroUIProviderProps`). Orden de anidado idéntico al de v2: `I18nProvider` por fuera,
|
|
143
|
+
* `RouterProvider` por dentro.
|
|
144
|
+
*/
|
|
145
|
+
export declare function HeroUIProvider({ children, locale, navigate, useHref, }: HeroUIProviderProps): import("react").JSX.Element;
|
|
81
146
|
/**
|
|
82
147
|
* `Image` se elimina en v3 (usar `<img>` nativo, mismo criterio aplicado en
|
|
83
148
|
* `SocialMediaPreview`/`WhatsAppPreview`). Shim: mismo nombre, props de un `<img>` nativo — NO
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heroui-v2-shims.d.ts","sourceRoot":"","sources":["../../../src/compat/heroui-v2-shims.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"heroui-v2-shims.d.ts","sourceRoot":"","sources":["../../../src/compat/heroui-v2-shims.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,6 @@ import type { DatePickerProps } from "./DatePicker.types";
|
|
|
6
6
|
* (grid) para que la API pública siga siendo un único componente con props planas, igual que en
|
|
7
7
|
* v2 (label, description, errorMessage, endContent, variant, size, radius).
|
|
8
8
|
*/
|
|
9
|
-
export declare function DatePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent, className, "aria-label": ariaLabel, ...props }: DatePickerProps<T>): import("react").JSX.Element;
|
|
9
|
+
export declare function DatePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent: calendarBottomContentProp, CalendarBottomContent, calendarTopContent: calendarTopContentProp, CalendarTopContent, calendarWidth, calendarProps, classNames, className, "aria-label": ariaLabel, ...props }: DatePickerProps<T>): import("react").JSX.Element;
|
|
10
10
|
export default DatePicker;
|
|
11
11
|
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EACX,eAAe,EAIf,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,EACX,eAAe,EAIf,MAAM,oBAAoB,CAAC;AA8E5B;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,EAC3D,KAAK,EACL,WAAW,EACX,YAAY,EACZ,EAAE,EACF,IAAW,EACX,OAAoB,EACpB,MAAa,EACb,SAAiB,EACjB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,UAAU,EACV,qBAAqB,EAAE,yBAAyB,EAChD,qBAAqB,EACrB,kBAAkB,EAAE,sBAAsB,EAC1C,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,+BA0LpB;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -1,9 +1,44 @@
|
|
|
1
|
-
import type { DatePickerRootProps, DateValue } from "@heroui/react";
|
|
1
|
+
import type { CalendarProps, DatePickerRootProps, DateValue } from "@heroui/react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
3
|
export type DatePickerSize = "sm" | "md" | "lg";
|
|
4
4
|
/** Vocabulario v2 (HeroUI v3 solo tiene "primary"/"secondary" en `DateField.Group`). */
|
|
5
5
|
export type DatePickerVariant = "flat" | "bordered" | "faded" | "underlined";
|
|
6
6
|
export type DatePickerRadius = "none" | "sm" | "md" | "lg" | "full";
|
|
7
|
+
/**
|
|
8
|
+
* Slots de `classNames` de v2 que tienen un nodo equivalente en la composición v3 de la fachada.
|
|
9
|
+
* Los nombres son los de v2 (`SlotsToClasses<DatePickerSlots> & DateInputProps["classNames"]`,
|
|
10
|
+
* `@heroui/date-picker@2.3.33`); cada uno cae en la pieza v3 que ocupa su sitio:
|
|
11
|
+
*
|
|
12
|
+
* | slot v2 | nodo v3 |
|
|
13
|
+
* |---|---|
|
|
14
|
+
* | `base` | raíz `DatePicker` (junto a `className`, que va detrás) |
|
|
15
|
+
* | `label` | `Label` |
|
|
16
|
+
* | `inputWrapper` | `DateField.Group` (la caja del campo) |
|
|
17
|
+
* | `input` | `DateField.Input` (la fila de segmentos) |
|
|
18
|
+
* | `segment` | cada `DateField.Segment` |
|
|
19
|
+
* | `selectorButton` | `DatePicker.Trigger` |
|
|
20
|
+
* | `selectorIcon` | `DatePicker.TriggerIndicator` |
|
|
21
|
+
* | `description` | `Description` |
|
|
22
|
+
* | `errorMessage` | `FieldError` |
|
|
23
|
+
* | `popoverContent` | `DatePicker.Popover` |
|
|
24
|
+
* | `calendar` | `Calendar` |
|
|
25
|
+
*
|
|
26
|
+
* Los de v2 SIN nodo en v3 (`innerWrapper`, `helperWrapper`, `calendarContent`, `timeInput`,
|
|
27
|
+
* `timeInputLabel`) no están en el tipo a propósito: pasarlos no tendría efecto, y así el
|
|
28
|
+
* compilador lo dice en vez de callarlo.
|
|
29
|
+
*/
|
|
30
|
+
export type DatePickerClassNamesSlot = "base" | "label" | "inputWrapper" | "input" | "segment" | "selectorButton" | "selectorIcon" | "description" | "errorMessage" | "popoverContent" | "calendar";
|
|
31
|
+
export type DatePickerClassNames = Partial<Record<DatePickerClassNamesSlot, string>>;
|
|
32
|
+
/**
|
|
33
|
+
* Props que se reenvían al `Calendar` de v3 del popover — la `calendarProps` de v2
|
|
34
|
+
* (`Partial<Omit<CalendarProps, "topContent" | "bottomContent">>`).
|
|
35
|
+
*
|
|
36
|
+
* El `Calendar` de React Aria ya recibe del `DatePicker` el valor, `onChange`, `minValue`,
|
|
37
|
+
* `maxValue`, `isDateUnavailable`… por contexto; lo que se pase aquí se fusiona ENCIMA (gana), igual
|
|
38
|
+
* que en v2, donde `getCalendarProps` esparcía `calendarProps` después de las del picker. El uso
|
|
39
|
+
* típico es controlar el mes a la vista: `focusedValue` + `onFocusChange` (o `defaultFocusedValue`).
|
|
40
|
+
*/
|
|
41
|
+
export type DatePickerCalendarProps<T extends DateValue = DateValue> = Partial<Omit<CalendarProps<T>, "children">>;
|
|
7
42
|
export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<DatePickerRootProps<T>, "children" | "className"> {
|
|
8
43
|
/** Texto de la etiqueta visible sobre el campo. */
|
|
9
44
|
label?: ReactNode;
|
|
@@ -55,6 +90,44 @@ export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<D
|
|
|
55
90
|
* ```
|
|
56
91
|
*/
|
|
57
92
|
calendarBottomContent?: ReactNode;
|
|
93
|
+
/**
|
|
94
|
+
* Alias con el nombre de HeroUI v2 de `calendarBottomContent`, para que el código v2 compile
|
|
95
|
+
* sin cambios. Si se pasan las dos, gana `calendarBottomContent`.
|
|
96
|
+
* @deprecated Usa `calendarBottomContent`.
|
|
97
|
+
*/
|
|
98
|
+
CalendarBottomContent?: ReactNode;
|
|
99
|
+
/**
|
|
100
|
+
* Contenido libre DENTRO del popover, ENCIMA del calendario — la `CalendarTopContent` de v2
|
|
101
|
+
* (`CalendarProps["topContent"]`). El sitio de un selector de mes/año propio (fecha de
|
|
102
|
+
* nacimiento: llegar a 1990 sin retroceder 400 meses), controlado con
|
|
103
|
+
* `calendarProps.focusedValue`/`onFocusChange`.
|
|
104
|
+
*
|
|
105
|
+
* Se renderiza como hermano ANTERIOR de `<Calendar>`, no dentro: dentro, React Aria fija un
|
|
106
|
+
* `ButtonContext` con solo los slots `previous`/`next` y cualquier `Button` de RAC sin `slot`
|
|
107
|
+
* (el de un `Select`, el de un `Button` de la librería) lanzaría «A slot prop is required».
|
|
108
|
+
* Fuera de él, el `Dialog` del popover ya limpia esos contextos. Ver README.
|
|
109
|
+
*/
|
|
110
|
+
calendarTopContent?: ReactNode;
|
|
111
|
+
/**
|
|
112
|
+
* Nombre de HeroUI v2 de `calendarTopContent` (el que usan las apps). Si se pasan las dos,
|
|
113
|
+
* gana `calendarTopContent`.
|
|
114
|
+
*/
|
|
115
|
+
CalendarTopContent?: ReactNode;
|
|
116
|
+
/**
|
|
117
|
+
* Ancho del calendario en px (número) o cualquier longitud CSS (cadena). v2: `calendarWidth`,
|
|
118
|
+
* `@default 256`. Sin la prop se mantiene el ancho de v3 (252px); con ella el calendario —y con
|
|
119
|
+
* él el popover, que es `w-fit`— pasa a medir eso. Úsalo cuando `calendarTopContent` necesite
|
|
120
|
+
* más sitio que la rejilla.
|
|
121
|
+
*/
|
|
122
|
+
calendarWidth?: number | string;
|
|
123
|
+
/** Props para el `Calendar` del popover (ver `DatePickerCalendarProps`). */
|
|
124
|
+
calendarProps?: DatePickerCalendarProps<T>;
|
|
125
|
+
/**
|
|
126
|
+
* Clases por slot, con los nombres de v2 (ver `DatePickerClassNamesSlot` para el nodo v3 de
|
|
127
|
+
* cada uno). Se fusionan con `cn` (tailwind-merge) DETRÁS de las de la fachada: ante dos clases
|
|
128
|
+
* del mismo grupo, gana la del consumidor.
|
|
129
|
+
*/
|
|
130
|
+
classNames?: DatePickerClassNames;
|
|
58
131
|
isInvalid?: boolean;
|
|
59
132
|
isRequired?: boolean;
|
|
60
133
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,aAAa,EACb,mBAAmB,EACnB,SAAS,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,wFAAwF;AACxF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,YAAY,CAAC;AAC7E,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,wBAAwB,GACjC,MAAM,GACN,OAAO,GACP,cAAc,GACd,OAAO,GACP,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,UAAU,CAAC;AAEd,MAAM,MAAM,oBAAoB,GAAG,OAAO,CACzC,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CACxC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IAAI,OAAO,CAC7E,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAClC,CAAC;AASF,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC/D,SAAQ,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAC9D,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAoCG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC;IAC3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { CSSProperties } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Fusiona las clases de la fachada con las del consumidor (`classNames.<slot>`), las del consumidor
|
|
4
|
+
* DETRÁS para que ganen en tailwind-merge — como el `slots.x({ class })` de v2, cuyo `tv` llevaba
|
|
5
|
+
* `twMerge: true`. Sin clase del consumidor la cadena de la fachada sale TAL CUAL (unida con
|
|
6
|
+
* espacios, como antes de existir `classNames`): pasar la fachada por `cn` sin necesidad resolvería
|
|
7
|
+
* sus conflictos internos (p. ej. `rounded-none` de `underlined` contra el radio) de otra forma que
|
|
8
|
+
* la cascada de hoy, y cambiaría el píxel de quien no usa la prop.
|
|
9
|
+
*/
|
|
10
|
+
export declare function withConsumerClass(own: Array<string | false | undefined>, consumer?: string): import("tailwind-variants").CnReturn;
|
|
11
|
+
/**
|
|
12
|
+
* `calendarWidth` de v2 → estilo en línea del `Calendar`. v3 fija `.calendar { w-63 max-w-63 }`
|
|
13
|
+
* (`@heroui/styles/dist/components/calendar.css:11-13`), así que el `max-width` tiene que acompañar
|
|
14
|
+
* al `width`: con solo `width: 300px` el tope de 252px lo seguiría recortando.
|
|
15
|
+
*/
|
|
16
|
+
export declare function calendarWidthStyle(calendarWidth: number | string | undefined, style: CSSProperties | undefined): CSSProperties | undefined;
|
|
17
|
+
//# sourceMappingURL=calendar-slots.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendar-slots.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/calendar-slots.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAChC,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,EACtC,QAAQ,CAAC,EAAE,MAAM,wCAIjB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CACjC,aAAa,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EAC1C,KAAK,EAAE,aAAa,GAAG,SAAS,GAC9B,aAAa,GAAG,SAAS,CAO3B"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DatePicker } from "./DatePicker";
|
|
2
|
-
export type { DatePickerProps } from "./DatePicker.types";
|
|
2
|
+
export type { DatePickerCalendarProps, DatePickerClassNames, DatePickerClassNamesSlot, DatePickerProps, } from "./DatePicker.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACX,uBAAuB,EACvB,oBAAoB,EACpB,wBAAwB,EACxB,eAAe,GACf,MAAM,oBAAoB,CAAC"}
|
|
@@ -5,6 +5,6 @@ import type { DateRangePickerProps } from "./DateRangePicker.types";
|
|
|
5
5
|
* `DatePicker`, migrado en tándem. Compone `DateRangePicker.Root/Trigger/TriggerIndicator/
|
|
6
6
|
* RangeSeparator/Popover` + `DateField` (dos segmentos, start/end) + `RangeCalendar`.
|
|
7
7
|
*/
|
|
8
|
-
export declare function DateRangePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent, className, "aria-label": ariaLabel, ...props }: DateRangePickerProps<T>): import("react").JSX.Element;
|
|
8
|
+
export declare function DateRangePicker<T extends DateValue = DateValue>({ label, description, errorMessage, id, size, variant, radius, isInvalid, isRequired, isDisabled, fullWidth, endContent, calendarBottomContent: calendarBottomContentProp, CalendarBottomContent, calendarTopContent: calendarTopContentProp, CalendarTopContent, calendarWidth, calendarProps, classNames, className, "aria-label": ariaLabel, ...props }: DateRangePickerProps<T>): import("react").JSX.Element;
|
|
9
9
|
export default DateRangePicker;
|
|
10
10
|
//# sourceMappingURL=DateRangePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM/C,OAAO,KAAK,EACX,oBAAoB,EAIpB,MAAM,yBAAyB,CAAC;AAgFjC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,EAChE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,EAAE,EACF,IAAW,EACX,OAAoB,EACpB,MAAa,EACb,SAAiB,EACjB,UAAkB,EAClB,UAAkB,EAClB,SAAS,EACT,UAAU,EACV,qBAAqB,EAAE,yBAAyB,EAChD,qBAAqB,EACrB,kBAAkB,EAAE,sBAAsB,EAC1C,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,UAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACR,EAAE,oBAAoB,CAAC,CAAC,CAAC,+BAoKzB;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -1,9 +1,25 @@
|
|
|
1
|
-
import type { DateRangePickerRootProps, DateValue } from "@heroui/react";
|
|
1
|
+
import type { DateRangePickerRootProps, DateValue, RangeCalendarProps } from "@heroui/react";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
|
+
import type { DatePickerClassNamesSlot } from "../datepicker/DatePicker.types";
|
|
3
4
|
export type DateRangePickerSize = "sm" | "md" | "lg";
|
|
4
5
|
/** Vocabulario v2 (HeroUI v3 solo tiene "primary"/"secondary" en `DateField.Group`). */
|
|
5
6
|
export type DateRangePickerVariant = "flat" | "bordered" | "faded" | "underlined";
|
|
6
7
|
export type DateRangePickerRadius = "none" | "sm" | "md" | "lg" | "full";
|
|
8
|
+
/**
|
|
9
|
+
* Slots de `classNames` de v2 con nodo en la composición v3: los de `DatePicker` (ver
|
|
10
|
+
* `DatePickerClassNamesSlot`, `calendar` cae aquí en `RangeCalendar`) más `separator`
|
|
11
|
+
* (`DateRangePicker.RangeSeparator`). `input` y `segment` se aplican a los DOS `DateField.Input`
|
|
12
|
+
* (inicio y fin). Sin nodo en v3 y por eso fuera del tipo: `innerWrapper`, `helperWrapper`,
|
|
13
|
+
* `calendarContent`, `bottomContent`, `timeInput*`.
|
|
14
|
+
*/
|
|
15
|
+
export type DateRangePickerClassNamesSlot = DatePickerClassNamesSlot | "separator";
|
|
16
|
+
export type DateRangePickerClassNames = Partial<Record<DateRangePickerClassNamesSlot, string>>;
|
|
17
|
+
/**
|
|
18
|
+
* Props que se reenvían al `RangeCalendar` de v3 del popover — la `calendarProps` de v2. Mismo
|
|
19
|
+
* contrato que `DatePickerCalendarProps`: se fusionan ENCIMA de lo que el picker pasa por contexto;
|
|
20
|
+
* el uso típico es `focusedValue` + `onFocusChange` para controlar el mes a la vista.
|
|
21
|
+
*/
|
|
22
|
+
export type DateRangePickerCalendarProps<T extends DateValue = DateValue> = Partial<Omit<RangeCalendarProps<T>, "children">>;
|
|
7
23
|
export interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<DateRangePickerRootProps<T>, "children" | "className"> {
|
|
8
24
|
/** Texto de la etiqueta visible sobre el campo. */
|
|
9
25
|
label?: ReactNode;
|
|
@@ -55,6 +71,32 @@ export interface DateRangePickerProps<T extends DateValue = DateValue> extends O
|
|
|
55
71
|
* ```
|
|
56
72
|
*/
|
|
57
73
|
calendarBottomContent?: ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* Alias con el nombre de HeroUI v2 de `calendarBottomContent` (lo usa el filtro global de
|
|
76
|
+
* beweanalytics en `origin/staging`). Si se pasan las dos, gana `calendarBottomContent`.
|
|
77
|
+
* @deprecated Usa `calendarBottomContent`.
|
|
78
|
+
*/
|
|
79
|
+
CalendarBottomContent?: ReactNode;
|
|
80
|
+
/**
|
|
81
|
+
* Contenido libre DENTRO del popover, ENCIMA del calendario de rango — la `CalendarTopContent`
|
|
82
|
+
* de v2. Mismo mecanismo y mismas garantías que en `DatePicker` (hermano anterior del
|
|
83
|
+
* `RangeCalendar`, nunca hijo; ver DatePicker.types.ts y el README).
|
|
84
|
+
*/
|
|
85
|
+
calendarTopContent?: ReactNode;
|
|
86
|
+
/** Nombre de HeroUI v2 de `calendarTopContent`. Si se pasan las dos, gana `calendarTopContent`. */
|
|
87
|
+
CalendarTopContent?: ReactNode;
|
|
88
|
+
/**
|
|
89
|
+
* Ancho del calendario en px (número) o longitud CSS (cadena). v2: `calendarWidth`,
|
|
90
|
+
* `@default 256`. Sin la prop se mantiene el ancho de v3 (252px).
|
|
91
|
+
*/
|
|
92
|
+
calendarWidth?: number | string;
|
|
93
|
+
/** Props para el `RangeCalendar` del popover (ver `DateRangePickerCalendarProps`). */
|
|
94
|
+
calendarProps?: DateRangePickerCalendarProps<T>;
|
|
95
|
+
/**
|
|
96
|
+
* Clases por slot, con los nombres de v2 (ver `DateRangePickerClassNamesSlot`). Se fusionan con
|
|
97
|
+
* `cn` (tailwind-merge) DETRÁS de las de la fachada: gana la del consumidor.
|
|
98
|
+
*/
|
|
99
|
+
classNames?: DateRangePickerClassNames;
|
|
58
100
|
isInvalid?: boolean;
|
|
59
101
|
isRequired?: boolean;
|
|
60
102
|
isDisabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.types.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/DateRangePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACX,wBAAwB,EACxB,SAAS,EACT,kBAAkB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,wFAAwF;AACxF,MAAM,MAAM,sBAAsB,GAC/B,MAAM,GACN,UAAU,GACV,OAAO,GACP,YAAY,CAAC;AAChB,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEzE;;;;;;GAMG;AACH,MAAM,MAAM,6BAA6B,GACtC,wBAAwB,GACxB,WAAW,CAAC;AAEf,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC9C,MAAM,CAAC,6BAA6B,EAAE,MAAM,CAAC,CAC7C,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,IACvE,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;AAOlD,MAAM,WAAW,oBAAoB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CACpE,SAAQ,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnE,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iFAAiF;IACjF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAwCG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,sFAAsF;IACtF,aAAa,CAAC,EAAE,4BAA4B,CAAC,CAAC,CAAC,CAAC;IAChD;;;OAGG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,sCAAsC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,oCAAoC;IACpC,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { DateRangePicker } from "./DateRangePicker";
|
|
2
|
-
export type { DateRangePickerProps } from "./DateRangePicker.types";
|
|
2
|
+
export type { DateRangePickerCalendarProps, DateRangePickerClassNames, DateRangePickerClassNamesSlot, DateRangePickerProps, } from "./DateRangePicker.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/daterangepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACX,4BAA4B,EAC5B,yBAAyB,EACzB,6BAA6B,EAC7B,oBAAoB,GACpB,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { DrawerProps } from "./Drawer.types";
|
|
3
|
+
/**
|
|
4
|
+
* `Drawer` de Aurora: fachada v2 + estáticos compound de v3 (los mismos objetos que exporta
|
|
5
|
+
* `@heroui/react`), para quien quiera montar la anatomía de v3 a mano.
|
|
6
|
+
*
|
|
7
|
+
* ⚠️ `Drawer.Content`/`Drawer.Header`/`Drawer.Body`/`Drawer.Footer` son las piezas CRUDAS de v3
|
|
8
|
+
* (sin la geometría v2 ni el render-prop): no son los `DrawerContent`/`DrawerHeader`/… planos de
|
|
9
|
+
* esta librería. No se mezclan las dos formas en el mismo drawer.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Drawer: FC<DrawerProps> & {
|
|
12
|
+
Root: {
|
|
13
|
+
({ children, state, ...props }: import("@heroui/react").DrawerRootProps): import("react").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
Trigger: {
|
|
17
|
+
({ children, className, ...props }: import("@heroui/react").DrawerTriggerProps): import("react").JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
Backdrop: {
|
|
21
|
+
({ children, className, isDismissable, variant, ...props }: import("@heroui/react").DrawerBackdropProps): import("react").JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
Content: {
|
|
25
|
+
({ children, className, placement, ...props }: import("@heroui/react").DrawerContentProps): import("react").JSX.Element;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
Dialog: {
|
|
29
|
+
({ children, className, ...props }: import("@heroui/react").DrawerDialogProps): import("react").JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
Header: {
|
|
33
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").DrawerHeaderProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerHeaderProps<E>>): import("react").JSX.Element;
|
|
34
|
+
displayName: string;
|
|
35
|
+
};
|
|
36
|
+
Heading: {
|
|
37
|
+
({ children, className, ...props }: import("@heroui/react").DrawerHeadingProps): import("react").JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
Body: {
|
|
41
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").DrawerBodyProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerBodyProps<E>>): import("react").JSX.Element;
|
|
42
|
+
displayName: string;
|
|
43
|
+
};
|
|
44
|
+
Footer: {
|
|
45
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ children, className, ...props }: import("@heroui/react").DrawerFooterProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerFooterProps<E>>): import("react").JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
Handle: {
|
|
49
|
+
<E extends keyof React.JSX.IntrinsicElements = "div">({ className, ...props }: import("@heroui/react").DrawerHandleProps<E> & Omit<React.JSX.IntrinsicElements[E], keyof import("@heroui/react").DrawerHandleProps<E>>): import("react").JSX.Element;
|
|
50
|
+
displayName: string;
|
|
51
|
+
};
|
|
52
|
+
CloseTrigger: {
|
|
53
|
+
({ className, ...rest }: import("@heroui/react").DrawerCloseTriggerProps): import("react").JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export default Drawer;
|
|
58
|
+
//# sourceMappingURL=Drawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAmB,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAuL/E;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
/** Vocabulario v2 (idéntico en v3): borde de la pantalla desde el que entra el panel. */
|
|
3
|
+
export type DrawerPlacement = "top" | "right" | "bottom" | "left";
|
|
4
|
+
/** Vocabulario v2, traducido a `variant` de `Drawer.Backdrop` en v3 (mismos tres valores). */
|
|
5
|
+
export type DrawerBackdrop = "opaque" | "blur" | "transparent";
|
|
6
|
+
/**
|
|
7
|
+
* v2 del Drawer: solo `inside` (por defecto, scroll en el cuerpo) u `outside` (scroll en el
|
|
8
|
+
* panel entero). El `normal` del Modal de v2 no existe en `useDrawer`.
|
|
9
|
+
*/
|
|
10
|
+
export type DrawerScrollBehavior = "inside" | "outside";
|
|
11
|
+
/**
|
|
12
|
+
* Escala completa de v2. Es el tope del lado CORTO del panel: el ancho con `placement`
|
|
13
|
+
* left/right y el alto con top/bottom (`@heroui/theme@2.4.15`, `drawer`): xs 20rem · sm 24rem ·
|
|
14
|
+
* md 28rem · lg 32rem · xl 36rem · 2xl 42rem · 3xl 48rem · 4xl 56rem · 5xl 64rem. `full` ocupa
|
|
15
|
+
* el viewport.
|
|
16
|
+
*/
|
|
17
|
+
export type DrawerSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
|
|
18
|
+
export interface DrawerProps {
|
|
19
|
+
/** Estado abierto/cerrado (controlado). */
|
|
20
|
+
isOpen?: boolean;
|
|
21
|
+
/** Estado abierto por defecto (no controlado). */
|
|
22
|
+
defaultOpen?: boolean;
|
|
23
|
+
/** Se llama con el nuevo estado cada vez que el drawer se abre o se cierra. */
|
|
24
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
25
|
+
/**
|
|
26
|
+
* v2: se llama al cerrarse el drawer, además de `onOpenChange(false)`. Cubre todas las vías
|
|
27
|
+
* de cierre (la X, el backdrop si `isDismissable`, Escape si no hay
|
|
28
|
+
* `isKeyboardDismissDisabled` y el `onClose` que recibe el render-prop de `DrawerContent`),
|
|
29
|
+
* exactamente una vez por cierre. No se llama al abrir. Permite el patrón v2 `isOpen` +
|
|
30
|
+
* `onClose` sin `onOpenChange`, que es el que usan TODOS los drawers de las apps.
|
|
31
|
+
*/
|
|
32
|
+
onClose?: () => void;
|
|
33
|
+
/** @default "right" (el default de v2; el de v3 es "bottom") */
|
|
34
|
+
placement?: DrawerPlacement;
|
|
35
|
+
/** @default "md" */
|
|
36
|
+
size?: DrawerSize;
|
|
37
|
+
/** @default "opaque" */
|
|
38
|
+
backdrop?: DrawerBackdrop;
|
|
39
|
+
/** @default "inside" */
|
|
40
|
+
scrollBehavior?: DrawerScrollBehavior;
|
|
41
|
+
/**
|
|
42
|
+
* Permite cerrar pulsando fuera del panel (y, en v3, arrastrándolo hacia el borde).
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
isDismissable?: boolean;
|
|
46
|
+
/** Deshabilita el cierre con Escape. @default false */
|
|
47
|
+
isKeyboardDismissDisabled?: boolean;
|
|
48
|
+
/** Oculta el botón de cierre nativo (la X). @default false */
|
|
49
|
+
hideCloseButton?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* Clase aplicada al **panel** (`Drawer.Dialog`), el mismo destino que en v2 (slot `base` del
|
|
52
|
+
* modal, que es el panel). Se aplica en última posición, así que gana a los valores de la
|
|
53
|
+
* fachada (ancho por `size`, padding) vía `tailwind-merge`, igual que en v2.
|
|
54
|
+
*/
|
|
55
|
+
className?: string;
|
|
56
|
+
children?: ReactNode;
|
|
57
|
+
}
|
|
58
|
+
export type DrawerContentProps = {
|
|
59
|
+
className?: string;
|
|
60
|
+
/** v2: puede ser un nodo, o una función que recibe `onClose` (compat conservado). */
|
|
61
|
+
children: ReactNode | ((onClose: () => void) => ReactNode);
|
|
62
|
+
};
|
|
63
|
+
export interface DrawerHeaderProps {
|
|
64
|
+
className?: string;
|
|
65
|
+
children?: ReactNode;
|
|
66
|
+
}
|
|
67
|
+
export interface DrawerBodyProps {
|
|
68
|
+
className?: string;
|
|
69
|
+
children?: ReactNode;
|
|
70
|
+
}
|
|
71
|
+
export interface DrawerFooterProps {
|
|
72
|
+
className?: string;
|
|
73
|
+
children?: ReactNode;
|
|
74
|
+
}
|
|
75
|
+
//# sourceMappingURL=Drawer.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,yFAAyF;AACzF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClE,8FAA8F;AAC9F,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AAC/D;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,CAAC;AACxD;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GACnB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,CAAC;AASV,MAAM,WAAW,WAAW;IAC3B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,wBAAwB;IACxB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,8DAA8D;IAC9D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { DrawerScrollBehavior } from "./Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* Contexto interno de la fachada `Drawer`: expone el `close` real de `Drawer.Dialog` de v3 al
|
|
4
|
+
* render-prop de compatibilidad de `DrawerContent` (`{(onClose) => ReactNode}`), y el
|
|
5
|
+
* `scrollBehavior` a `DrawerBody` y el `id` del título a `DrawerHeader`. Vive en su propio módulo para que `_internal/*` no tenga que
|
|
6
|
+
* importar de `Drawer.tsx` (evita el ciclo que sí tiene `modal/`).
|
|
7
|
+
*/
|
|
8
|
+
export interface DrawerFacadeContextValue {
|
|
9
|
+
close: () => void;
|
|
10
|
+
scrollBehavior: DrawerScrollBehavior;
|
|
11
|
+
/** `id` que `DrawerHeader` pone en su nodo y que el panel usa como `aria-labelledby`. */
|
|
12
|
+
headerId?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const DrawerFacadeContext: import("react").Context<DrawerFacadeContextValue>;
|
|
15
|
+
//# sourceMappingURL=DrawerContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D;;;;;GAKG;AACH,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,oBAAoB,CAAC;IACrC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,mDAK9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAgBvD,QAAA,MAAM,UAAU;8BAA6B,eAAe;;CAa3D,CAAC;AAIF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { DrawerContentProps } from "../Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* `DrawerContent` de v2 (en v2 era el mismo `ModalContent`). En v3 `Drawer.Content` es el
|
|
4
|
+
* posicionador del overlay, que la fachada `Drawer` ya monta por dentro; este componente NO lo
|
|
5
|
+
* envuelve: es azúcar de compatibilidad. Si `children` es una función, la invoca con el `close`
|
|
6
|
+
* real del diálogo (vía contexto) para que el patrón v2 `{(onClose) => <>...</>}` siga
|
|
7
|
+
* funcionando (6 de los 12 drawers de las apps lo usan, medido el 23-sep).
|
|
8
|
+
*/
|
|
9
|
+
declare function DrawerContent({ children, className }: DrawerContentProps): import("react").JSX.Element;
|
|
10
|
+
declare namespace DrawerContent {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
export default DrawerContent;
|
|
14
|
+
//# sourceMappingURL=DrawerContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D;;;;;;GAMG;AACH,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,kBAAkB,+BASjE;kBATQ,aAAa;;;AAatB,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { DrawerFooterProps } from "../Drawer.types";
|
|
2
|
+
/**
|
|
3
|
+
* Geometría v2 del slot `footer`: `flex flex-row gap-2 px-6 py-4 justify-end`
|
|
4
|
+
* (`@heroui/theme@2.4.15`, slot `footer`). v3 conserva `flex-row justify-end gap-2` pero pierde
|
|
5
|
+
* el padding y añade `.drawer__body + .drawer__footer { mt-5 }`, que v2 no tenía — de ahí el
|
|
6
|
+
* `mt-0` (mismo arreglo que `ModalFooter`).
|
|
7
|
+
*/
|
|
8
|
+
declare const DrawerFooter: {
|
|
9
|
+
({ className, children }: DrawerFooterProps): import("react").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export default DrawerFooter;
|
|
13
|
+
//# sourceMappingURL=DrawerFooter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer/_internal/DrawerFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;GAKG;AACH,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAI/D,CAAC;AAIF,eAAe,YAAY,CAAC"}
|