flysoft-react-ui 1.3.0 → 1.3.2
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/AI_CONTEXT.md +57 -1
- package/AI_INTEGRATION_GUIDE.md +5 -3
- package/README.md +59 -0
- package/dist/components/form-controls/Button.d.ts.map +1 -1
- package/dist/components/form-controls/Checkbox.d.ts.map +1 -1
- package/dist/components/form-controls/CurrencyInput.d.ts.map +1 -1
- package/dist/components/form-controls/DatePicker.d.ts.map +1 -1
- package/dist/components/form-controls/Input.d.ts.map +1 -1
- package/dist/components/form-controls/LinkButton.d.ts.map +1 -1
- package/dist/components/form-controls/RadioButtonGroup.d.ts.map +1 -1
- package/dist/components/layout/Accordion.d.ts +8 -0
- package/dist/components/layout/Accordion.d.ts.map +1 -1
- package/dist/components/layout/AppLayout.d.ts +8 -0
- package/dist/components/layout/AppLayout.d.ts.map +1 -1
- package/dist/components/layout/Filter.d.ts +8 -0
- package/dist/components/layout/Filter.d.ts.map +1 -1
- package/dist/components/utils/Badge.d.ts.map +1 -1
- package/dist/components/utils/Snackbar.d.ts.map +1 -1
- package/dist/contexts/AppLayoutContext.d.ts +4 -0
- package/dist/contexts/AppLayoutContext.d.ts.map +1 -1
- package/dist/contexts/LeftDrawerContext.d.ts +44 -0
- package/dist/contexts/LeftDrawerContext.d.ts.map +1 -0
- package/dist/contexts/index.d.ts +3 -1
- package/dist/contexts/index.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +7958 -7852
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/AI_CONTEXT.md
CHANGED
|
@@ -378,6 +378,8 @@ interface AppLayoutProps {
|
|
|
378
378
|
contentFooter?: React.ReactNode;
|
|
379
379
|
children: React.ReactNode; // required
|
|
380
380
|
className?: string;
|
|
381
|
+
isLeftDrawerOpen?: boolean; // controlled mobile drawer state
|
|
382
|
+
onLeftDrawerOpenChange?: (isOpen: boolean) => void;
|
|
381
383
|
}
|
|
382
384
|
|
|
383
385
|
interface NavbarInterface {
|
|
@@ -413,7 +415,37 @@ interface LeftDrawerInterface {
|
|
|
413
415
|
</AppLayout>
|
|
414
416
|
```
|
|
415
417
|
|
|
416
|
-
**Behaviors**: Navbar auto-hides/shows on scroll. Mobile drawer with overlay. Responsive breakpoints.
|
|
418
|
+
**Behaviors**: Navbar auto-hides/shows on scroll. Mobile drawer with overlay. Responsive breakpoints. The mobile drawer closes automatically when switching to desktop.
|
|
419
|
+
|
|
420
|
+
**Closing the drawer from inside**: any component rendered inside `AppLayout` (drawer content, navbar nodes, footer or `children`) can control the drawer with `useLeftDrawer()`:
|
|
421
|
+
|
|
422
|
+
```typescript
|
|
423
|
+
interface LeftDrawerContextType {
|
|
424
|
+
isLeftDrawerOpen: boolean;
|
|
425
|
+
isLeftDrawerCollapsible: boolean; // true on mobile/tablet with drawer content
|
|
426
|
+
openLeftDrawer: () => void;
|
|
427
|
+
closeLeftDrawer: () => void;
|
|
428
|
+
toggleLeftDrawer: () => void;
|
|
429
|
+
}
|
|
430
|
+
|
|
431
|
+
const useLeftDrawer: () => LeftDrawerContextType; // throws outside AppLayout
|
|
432
|
+
const useOptionalLeftDrawer: () => LeftDrawerContextType | undefined; // returns undefined
|
|
433
|
+
```
|
|
434
|
+
|
|
435
|
+
```tsx
|
|
436
|
+
// Menú lateral: cerrar el panel al navegar
|
|
437
|
+
const AppMenu = () => {
|
|
438
|
+
const { closeLeftDrawer } = useLeftDrawer();
|
|
439
|
+
return (
|
|
440
|
+
<nav>
|
|
441
|
+
<LinkButton to="/inicio" onClick={closeLeftDrawer}>Inicio</LinkButton>
|
|
442
|
+
<LinkButton to="/clientes" onClick={closeLeftDrawer}>Clientes</LinkButton>
|
|
443
|
+
</nav>
|
|
444
|
+
);
|
|
445
|
+
};
|
|
446
|
+
```
|
|
447
|
+
|
|
448
|
+
Calling `closeLeftDrawer()` on desktop is safe — the drawer is always visible there, so nothing changes.
|
|
417
449
|
|
|
418
450
|
### Collection
|
|
419
451
|
|
|
@@ -599,6 +631,8 @@ interface AccordionProps {
|
|
|
599
631
|
rightNode?: React.ReactNode;
|
|
600
632
|
defaultOpen?: boolean; // default: false
|
|
601
633
|
className?: string;
|
|
634
|
+
headerClassName?: string; // clases para el header (botón)
|
|
635
|
+
contentClassName?: string; // clases para el contenedor del contenido
|
|
602
636
|
variant?: "default" | "elevated" | "outlined"; // default: "default"
|
|
603
637
|
onToggle?: (isOpen: boolean) => void;
|
|
604
638
|
}
|
|
@@ -686,11 +720,15 @@ interface BaseFilterProps {
|
|
|
686
720
|
onChange?: (value: string | undefined) => void;
|
|
687
721
|
hideEmpty?: boolean; // default: false
|
|
688
722
|
disabled?: boolean; // default: false
|
|
723
|
+
compact?: boolean; // default: false — fuerza densidad compacta local
|
|
724
|
+
bgColor?: string; // Fondo del badge e input (no del panel flotante). Ej: "#f5f5f5" o "var(--color-bg-secondary)"
|
|
689
725
|
}
|
|
690
726
|
```
|
|
691
727
|
|
|
692
728
|
```tsx
|
|
693
729
|
<Filter filterType="text" paramName="nombre" label="Nombre" />
|
|
730
|
+
// Fondo personalizado cuando el filtro va sobre una Card blanca:
|
|
731
|
+
<Filter filterType="search" paramName="q" label="Buscar" bgColor="var(--color-bg-secondary)" />
|
|
694
732
|
<Filter filterType="number" paramName="edad" label="Edad" min={0} max={120} />
|
|
695
733
|
<Filter filterType="date" paramName="fecha" label="Fecha" />
|
|
696
734
|
<Filter
|
|
@@ -1017,6 +1055,15 @@ preset compact en `--flysoft-density-*` dentro de sí y descendientes,
|
|
|
1017
1055
|
ignorando la densidad global): Card, DataTable, Dialog, Filter, Accordion,
|
|
1018
1056
|
Menu, DropdownMenu, DropdownPanel, TabsGroup.
|
|
1019
1057
|
|
|
1058
|
+
**Override de fondo/estilos en form-controls vía `className`**: los form-controls
|
|
1059
|
+
(Input, CurrencyInput, DateInput, AutocompleteInput, SearchSelectInput, Button,
|
|
1060
|
+
LinkButton, Checkbox, RadioButtonGroup, DatePicker) combinan sus clases con
|
|
1061
|
+
`twMerge`, así que un `className` con clase en conflicto pisa la default de forma
|
|
1062
|
+
confiable. Para cambiar el fondo por defecto (`bg-[var(--color-bg-default)]`) —por
|
|
1063
|
+
ej. cuando el control va sobre una Card del mismo color— pasá un `bg-*`:
|
|
1064
|
+
`<Input className="bg-[var(--color-bg-secondary)]" />` o `<Input className="bg-[#f5f5f5]" />`.
|
|
1065
|
+
El `Filter` no toma `className` para esto; usa su prop `bgColor`.
|
|
1066
|
+
|
|
1020
1067
|
### AuthProvider / AuthContext
|
|
1021
1068
|
|
|
1022
1069
|
Manages authentication with automatic token validation and refresh.
|
|
@@ -1195,6 +1242,11 @@ interface AppLayoutContextType extends ThemeContextType {
|
|
|
1195
1242
|
setClassName: (className: string) => void;
|
|
1196
1243
|
setNavBarLeftNode: (node: ReactNode | undefined) => void;
|
|
1197
1244
|
setNavbarRightNode: (node: ReactNode | undefined) => void;
|
|
1245
|
+
// Left drawer commands (same state as useLeftDrawer())
|
|
1246
|
+
isLeftDrawerOpen: boolean;
|
|
1247
|
+
openLeftDrawer: () => void;
|
|
1248
|
+
closeLeftDrawer: () => void;
|
|
1249
|
+
toggleLeftDrawer: () => void;
|
|
1198
1250
|
}
|
|
1199
1251
|
```
|
|
1200
1252
|
|
|
@@ -1213,6 +1265,10 @@ const { setNavBarLeftNode, setNavbarRightNode } = useAppLayout();
|
|
|
1213
1265
|
useEffect(() => {
|
|
1214
1266
|
setNavBarLeftNode(<h1>Dashboard</h1>);
|
|
1215
1267
|
}, []);
|
|
1268
|
+
|
|
1269
|
+
// Close the mobile drawer from anywhere inside the layout
|
|
1270
|
+
const { closeLeftDrawer } = useAppLayout(); // or useLeftDrawer()
|
|
1271
|
+
<LinkButton to="/clientes" onClick={closeLeftDrawer}>Clientes</LinkButton>
|
|
1216
1272
|
```
|
|
1217
1273
|
|
|
1218
1274
|
---
|
package/AI_INTEGRATION_GUIDE.md
CHANGED
|
@@ -70,6 +70,7 @@ This project uses `flysoft-react-ui` as the default UI library.
|
|
|
70
70
|
5. Wrap app with `ThemeProvider` (or `AppLayoutProvider` for full layout).
|
|
71
71
|
6. Use FontAwesome 5 icon classes (`fa-*`). Components auto-normalize to light style (fal). Never use other icon libraries.
|
|
72
72
|
7. Use theme CSS variables for custom styling: `var(--color-primary)`, `var(--color-bg-default)`, etc.
|
|
73
|
+
8. To change a form-control's background (e.g. inside a same-color Card), pass a `bg-*` via `className` — form-controls merge classes with `twMerge` so it overrides the default. Ex: `<Input className="bg-[var(--color-bg-secondary)]" />`. For `Filter`, use its `bgColor` prop instead.
|
|
73
74
|
|
|
74
75
|
## Available Components
|
|
75
76
|
|
|
@@ -88,13 +89,13 @@ This project uses `flysoft-react-ui` as the default UI library.
|
|
|
88
89
|
|
|
89
90
|
### Layout & Data
|
|
90
91
|
- `Card` — Props: title, subtitle, headerActions, footer, variant ("default"|"elevated"|"outlined"), compact (override local de densidad → fuerza preset compact en `--flysoft-density-*` dentro de la card y descendientes), alwaysDisplayHeaderActions
|
|
91
|
-
- `AppLayout` — Main layout. Props: navbar (NavbarInterface), leftDrawer (LeftDrawerInterface), children
|
|
92
|
+
- `AppLayout` — Main layout. Props: navbar (NavbarInterface), leftDrawer (LeftDrawerInterface), children, isLeftDrawerOpen / onLeftDrawerOpenChange (controlled mobile drawer). Anything inside can close the drawer with useLeftDrawer()
|
|
92
93
|
- `Collection` — Flex container density-aware. Props: gap ("tight"|"sm"|"md"|"lg"|string), direction, wrap, density ("comfortable"|"compact"|"dense", override local que redefine `--flysoft-density-*` para esta collection y descendientes)
|
|
93
94
|
- `DataField` — Label+value pair density-aware. Props: label, value, inline, align, link, size ("sm"|"md", "sm" baja un nivel de tipografía), gap ("tight"|"sm"|"md", separación label/value en stack), hideColon (oculta `:` en modo inline)
|
|
94
95
|
- `TabsGroup` + `TabPanel` — Tabbed interface. TabsGroup: tabs ({id,label}[]), paramName (URL sync). TabPanel: tabId
|
|
95
96
|
- `DataTable<T>` — Data table density-aware. Props: columns (DataTableColumn<T>[]), rows, maxRows, isLoading, loadingRows, compact (override local de densidad → fuerza preset compact en `--flysoft-density-*` dentro de la tabla y sus DropdownMenu de acciones), locale
|
|
96
97
|
- DataTableColumn: header, value (key or function), type ("text"|"numeric"|"currency"|"date"), actions, width, align, tooltip, footer
|
|
97
|
-
- `Accordion` — Collapsible section. Props: title, icon, rightNode, defaultOpen, variant, onToggle
|
|
98
|
+
- `Accordion` — Collapsible section. Props: title, icon, rightNode, defaultOpen, variant, headerClassName, contentClassName, onToggle
|
|
98
99
|
- `Menu<T>` — Simple menu list. Props: options, onOptionSelected, getOptionLabel, renderOption
|
|
99
100
|
- `DropdownMenu<T>` — Portal dropdown. Props: options, onOptionSelected, renderNode, openOnHover, replaceOnSingleOption
|
|
100
101
|
- `DropdownPanel` — Portal dropdown with arbitrary content. Props: children, renderNode, openOnHover
|
|
@@ -129,7 +130,8 @@ This project uses `flysoft-react-ui` as the default UI library.
|
|
|
129
130
|
- `CrudProvider<T>` — getPromise, getItemPromise, postPromise, putPromise, deletePromise, urlParams, limit, pageParam
|
|
130
131
|
- `useCrud<T>()` — Returns: list, item, isLoading, pagination, fetchItems, fetchItem, createItem, updateItem, deleteItem, params, page, pages, total
|
|
131
132
|
- `SnackbarProvider` + `useSnackbar()` — showSnackbar(message, variant?, options?), removeSnackbar(id)
|
|
132
|
-
- `AppLayoutProvider` — Combines Theme + Snackbar + AppLayout. Accepts density/densityStorageKey/forceInitialDensity/onDensityChange (propagated to ThemeProvider) in addition to theme props. useAppLayout() to set navbar/drawer dynamically
|
|
133
|
+
- `AppLayoutProvider` — Combines Theme + Snackbar + AppLayout. Accepts density/densityStorageKey/forceInitialDensity/onDensityChange (propagated to ThemeProvider) in addition to theme props. useAppLayout() to set navbar/drawer dynamically and to open/close the left drawer (isLeftDrawerOpen, openLeftDrawer, closeLeftDrawer, toggleLeftDrawer)
|
|
134
|
+
- `useLeftDrawer()` — Returns: isLeftDrawerOpen, isLeftDrawerCollapsible, openLeftDrawer, closeLeftDrawer, toggleLeftDrawer. Available to anything rendered inside AppLayout; use it to close the mobile drawer from a menu link's onClick. `useOptionalLeftDrawer()` returns undefined instead of throwing outside AppLayout
|
|
133
135
|
- `useAsyncRequest(options)` — Returns: execute(fn), isLoading. Options: successMessage, errorMessage, onSuccess, onError
|
|
134
136
|
- `useBreakpoint()` — Returns: breakpoint, windowSize, isMobile, isTablet, isDesktop
|
|
135
137
|
- `useThemeOverride(options)` — Returns: applyOverride, revertOverride, revertAllOverrides
|
package/README.md
CHANGED
|
@@ -211,6 +211,51 @@ function MyComponent() {
|
|
|
211
211
|
}
|
|
212
212
|
```
|
|
213
213
|
|
|
214
|
+
## Control del Drawer Izquierdo (AppLayout)
|
|
215
|
+
|
|
216
|
+
En resoluciones grandes el drawer izquierdo del `AppLayout` está siempre visible;
|
|
217
|
+
en móvil/tablet se abre desde el botón de hamburguesa como panel flotante con
|
|
218
|
+
overlay. Cualquier componente renderizado dentro del `AppLayout` (contenido del
|
|
219
|
+
drawer, nodos del navbar, footer o `children`) puede controlarlo con
|
|
220
|
+
`useLeftDrawer()`:
|
|
221
|
+
|
|
222
|
+
```tsx
|
|
223
|
+
import { useLeftDrawer, LinkButton } from "flysoft-react-ui";
|
|
224
|
+
|
|
225
|
+
function AppMenu() {
|
|
226
|
+
const { closeLeftDrawer } = useLeftDrawer();
|
|
227
|
+
|
|
228
|
+
// Al tocar un link se cierra el panel en móvil.
|
|
229
|
+
// En desktop no produce ningún cambio: el drawer siempre está visible.
|
|
230
|
+
return (
|
|
231
|
+
<nav>
|
|
232
|
+
<LinkButton to="/inicio" onClick={closeLeftDrawer}>
|
|
233
|
+
Inicio
|
|
234
|
+
</LinkButton>
|
|
235
|
+
<LinkButton to="/clientes" onClick={closeLeftDrawer}>
|
|
236
|
+
Clientes
|
|
237
|
+
</LinkButton>
|
|
238
|
+
</nav>
|
|
239
|
+
);
|
|
240
|
+
}
|
|
241
|
+
```
|
|
242
|
+
|
|
243
|
+
El hook devuelve:
|
|
244
|
+
|
|
245
|
+
| Propiedad | Tipo | Descripción |
|
|
246
|
+
| --------- | ---- | ----------- |
|
|
247
|
+
| `isLeftDrawerOpen` | `boolean` | Si el drawer móvil está abierto |
|
|
248
|
+
| `isLeftDrawerCollapsible` | `boolean` | `true` en móvil/tablet con contenido en el drawer |
|
|
249
|
+
| `openLeftDrawer` | `() => void` | Abre el drawer |
|
|
250
|
+
| `closeLeftDrawer` | `() => void` | Cierra el drawer |
|
|
251
|
+
| `toggleLeftDrawer` | `() => void` | Alterna el estado |
|
|
252
|
+
|
|
253
|
+
Los mismos comandos están disponibles desde `useAppLayout()` cuando se usa
|
|
254
|
+
`AppLayoutProvider`. Para componentes que también se renderizan fuera del
|
|
255
|
+
`AppLayout`, `useOptionalLeftDrawer()` devuelve `undefined` en lugar de lanzar
|
|
256
|
+
error. Si preferís manejar el estado por tu cuenta, `AppLayout` acepta las props
|
|
257
|
+
controladas `isLeftDrawerOpen` y `onLeftDrawerOpenChange`.
|
|
258
|
+
|
|
214
259
|
### Variables CSS Disponibles
|
|
215
260
|
|
|
216
261
|
El sistema proporciona variables CSS con prefijo `--flysoft-`:
|
|
@@ -392,6 +437,20 @@ Etiqueta pequeña para mostrar estados o categorías.
|
|
|
392
437
|
|
|
393
438
|
## 🎨 Personalización
|
|
394
439
|
|
|
440
|
+
### Fondo de form-controls y filtros
|
|
441
|
+
|
|
442
|
+
El fondo por defecto de los form-controls es `var(--color-bg-default)`. Cuando un control queda sobre una superficie del mismo color (por ej. dentro de una `Card` blanca) podés cambiarlo:
|
|
443
|
+
|
|
444
|
+
```tsx
|
|
445
|
+
// Form-controls: pasá un bg-* por className (se combinan con twMerge y pisan el default)
|
|
446
|
+
<Input className="bg-[var(--color-bg-secondary)]" />
|
|
447
|
+
<CurrencyInput className="bg-[#f5f5f5]" />
|
|
448
|
+
<DateInput className="bg-[var(--color-bg-secondary)]" />
|
|
449
|
+
|
|
450
|
+
// Filter: usá la prop bgColor (cambia el badge y el input interno)
|
|
451
|
+
<Filter filterType="text" paramName="nombre" label="Nombre" bgColor="var(--color-bg-secondary)" />
|
|
452
|
+
```
|
|
453
|
+
|
|
395
454
|
### Colores
|
|
396
455
|
|
|
397
456
|
Puedes personalizar los colores sobrescribiendo las clases de Tailwind CSS:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwRxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,wFA4IpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/CurrencyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,UAAU,EACV,OAAO,GAAG,UAAU,GAAG,MAAM,CAC9B;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/CurrencyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,UAAU,EACV,OAAO,GAAG,UAAU,GAAG,MAAM,CAC9B;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACjC;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,6FAsLxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAE,KAAK,KAAK,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqPhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,CACP;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,qFA+IjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkButton.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/LinkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC5E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AASD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkUhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/form-controls/RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC3E;;OAEG;IACH,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EACL,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC,GAClC,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAClE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,gGAkV5B,CAAC"}
|
|
@@ -6,6 +6,14 @@ export interface AccordionProps {
|
|
|
6
6
|
rightNode?: React.ReactNode;
|
|
7
7
|
defaultOpen?: boolean;
|
|
8
8
|
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Clases adicionales para el header (el botón que despliega/colapsa el acordeón).
|
|
11
|
+
*/
|
|
12
|
+
headerClassName?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Clases adicionales para el contenedor del contenido (children).
|
|
15
|
+
*/
|
|
16
|
+
contentClassName?: string;
|
|
9
17
|
variant?: "default" | "elevated" | "outlined";
|
|
10
18
|
onToggle?: (isOpen: boolean) => void;
|
|
11
19
|
compact?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwB3D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+I9C,CAAC"}
|
|
@@ -6,6 +6,14 @@ export interface AppLayoutProps {
|
|
|
6
6
|
contentFooter?: React.ReactNode;
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
className?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Estado controlado del drawer móvil. Si se define, el AppLayout deja de
|
|
11
|
+
* manejar el estado internamente y hay que actualizarlo desde
|
|
12
|
+
* `onLeftDrawerOpenChange`.
|
|
13
|
+
*/
|
|
14
|
+
isLeftDrawerOpen?: boolean;
|
|
15
|
+
/** Se dispara cada vez que el drawer móvil debe abrirse o cerrarse */
|
|
16
|
+
onLeftDrawerOpenChange?: (isOpen: boolean) => void;
|
|
9
17
|
}
|
|
10
18
|
export declare const AppLayout: React.FC<AppLayoutProps>;
|
|
11
19
|
//# sourceMappingURL=AppLayout.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAMzC,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsiB9C,CAAC"}
|
|
@@ -24,6 +24,14 @@ interface BaseFilterProps {
|
|
|
24
24
|
*/
|
|
25
25
|
disabled?: boolean;
|
|
26
26
|
compact?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Color de fondo del filtro (badge e input interno). Útil cuando el filtro se
|
|
29
|
+
* coloca sobre una superficie del mismo color que el fondo por defecto (por ej.
|
|
30
|
+
* dentro de una Card blanca). Acepta cualquier valor CSS de color o una variable
|
|
31
|
+
* del tema, p. ej. `"#f5f5f5"` o `"var(--color-bg-secondary)"`.
|
|
32
|
+
* El panel flotante mantiene el fondo por defecto (es un popover).
|
|
33
|
+
*/
|
|
34
|
+
bgColor?: string;
|
|
27
35
|
}
|
|
28
36
|
export interface TextFilterProps extends BaseFilterProps {
|
|
29
37
|
filterType?: "text";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAwB5D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Filter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC1D;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuLtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/utils/Snackbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGtE,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+M5C,CAAC"}
|
|
@@ -25,6 +25,10 @@ export interface AppLayoutContextType extends ThemeContextType {
|
|
|
25
25
|
setClassName: (className: string) => void;
|
|
26
26
|
setNavBarLeftNode: (node: string | ReactNode | undefined) => void;
|
|
27
27
|
setNavbarRightNode: (node: string | ReactNode | undefined) => void;
|
|
28
|
+
isLeftDrawerOpen: boolean;
|
|
29
|
+
openLeftDrawer: () => void;
|
|
30
|
+
closeLeftDrawer: () => void;
|
|
31
|
+
toggleLeftDrawer: () => void;
|
|
28
32
|
}
|
|
29
33
|
interface AppLayoutProviderProps {
|
|
30
34
|
children: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLayoutContext.d.ts","sourceRoot":"","sources":["../../src/contexts/AppLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAE5D,MAAM,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAGlB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC;IACjE,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAAC,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAClE,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"AppLayoutContext.d.ts","sourceRoot":"","sources":["../../src/contexts/AppLayoutContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhE,MAAM,WAAW,eAAe;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,eAAe,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAE5D,MAAM,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAGlB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC;IACjE,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,mBAAmB,GAAG,SAAS,CAAC,CAAC,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAClE,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAGnE,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAMD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IAEpB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,iBAAiB,CAAC,EAAE,mBAAmB,CAAC;IACxC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8JD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAqC9D,CAAC;AAIF,eAAO,MAAM,YAAY,QAAO,oBAM/B,CAAC;AAIF,eAAO,MAAM,mBAAmB,eAG/B,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Comandos para controlar el drawer izquierdo del AppLayout.
|
|
3
|
+
*
|
|
4
|
+
* En resoluciones grandes el drawer está siempre visible, por lo que
|
|
5
|
+
* `closeLeftDrawer()` no produce ningún cambio visual. En móvil/tablet el
|
|
6
|
+
* drawer se muestra como panel flotante con overlay y estos comandos lo
|
|
7
|
+
* abren o cierran.
|
|
8
|
+
*/
|
|
9
|
+
export interface LeftDrawerContextType {
|
|
10
|
+
/** Indica si el drawer móvil está abierto */
|
|
11
|
+
isLeftDrawerOpen: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Indica si el drawer se está mostrando como panel colapsable con overlay
|
|
14
|
+
* (móvil/tablet con contenido en el drawer). En desktop es `false`.
|
|
15
|
+
*/
|
|
16
|
+
isLeftDrawerCollapsible: boolean;
|
|
17
|
+
/** Abre el drawer */
|
|
18
|
+
openLeftDrawer: () => void;
|
|
19
|
+
/** Cierra el drawer */
|
|
20
|
+
closeLeftDrawer: () => void;
|
|
21
|
+
/** Alterna el estado del drawer */
|
|
22
|
+
toggleLeftDrawer: () => void;
|
|
23
|
+
}
|
|
24
|
+
export declare const LeftDrawerContext: import("react").Context<LeftDrawerContextType | undefined>;
|
|
25
|
+
/**
|
|
26
|
+
* Hook para controlar el drawer izquierdo desde cualquier componente
|
|
27
|
+
* renderizado dentro de `AppLayout` (contenido del drawer, navbar, footer o
|
|
28
|
+
* children).
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* const { closeLeftDrawer } = useLeftDrawer();
|
|
33
|
+
*
|
|
34
|
+
* <LinkButton to="/inicio" onClick={closeLeftDrawer}>Inicio</LinkButton>
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
export declare const useLeftDrawer: () => LeftDrawerContextType;
|
|
38
|
+
/**
|
|
39
|
+
* Igual que `useLeftDrawer` pero devuelve `undefined` en lugar de lanzar error
|
|
40
|
+
* cuando el componente se usa fuera de un `AppLayout`. Útil para componentes
|
|
41
|
+
* reutilizables que pueden renderizarse dentro o fuera del layout.
|
|
42
|
+
*/
|
|
43
|
+
export declare const useOptionalLeftDrawer: () => LeftDrawerContextType | undefined;
|
|
44
|
+
//# sourceMappingURL=LeftDrawerContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LeftDrawerContext.d.ts","sourceRoot":"","sources":["../../src/contexts/LeftDrawerContext.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,WAAW,qBAAqB;IACpC,6CAA6C;IAC7C,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,uBAAuB,EAAE,OAAO,CAAC;IACjC,qBAAqB;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,uBAAuB;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,mCAAmC;IACnC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,4DAElB,CAAC;AAEb;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,QAAO,qBAMhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,QAAO,qBAAqB,GAAG,SAClC,CAAC"}
|
package/dist/contexts/index.d.ts
CHANGED
|
@@ -6,8 +6,10 @@ export { AuthProvider, AuthContext } from "./AuthContext";
|
|
|
6
6
|
export type { AuthContextType, AuthContextUserInterface, AuthTokenInterface, } from "./AuthContext";
|
|
7
7
|
export { CrudProvider, CrudContext, useCrud } from "./CrudContext";
|
|
8
8
|
export type { CrudContextType } from "./CrudContext";
|
|
9
|
-
export { AppLayoutProvider, useAppLayout, useAppLayoutContext } from "./AppLayoutContext";
|
|
9
|
+
export { AppLayoutProvider, useAppLayout, useAppLayoutContext, } from "./AppLayoutContext";
|
|
10
10
|
export type { AppLayoutContextType, NavbarInterface, LeftDrawerInterface, } from "./AppLayoutContext";
|
|
11
|
+
export { LeftDrawerContext, useLeftDrawer, useOptionalLeftDrawer, } from "./LeftDrawerContext";
|
|
12
|
+
export type { LeftDrawerContextType } from "./LeftDrawerContext";
|
|
11
13
|
export { SnackbarProvider, useSnackbar, useSnackbarState, } from "./SnackbarContext";
|
|
12
14
|
export type { SnackbarContextType, SnackbarActionsType, SnackbarMessage, SnackbarVariant, } from "./SnackbarContext";
|
|
13
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EACV,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,aAAa,GACd,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,cAAc,GACf,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/contexts/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EACL,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EACV,KAAK,EACL,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,aAAa,GACd,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,cAAc,EACd,YAAY,EACZ,cAAc,GACf,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EACf,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
|