@acvl/frontend-components 0.0.103 → 0.0.105

package/dist/index.d.ts

@@ -793,6 +793,21 @@ interface MainDrawerV2Props {
      * y `slotProps.paper` no aplican —no hay `Drawer` ni `Paper` que configurar.
      */
     variant?: "temporary" | "docked";
+    /**
+     * Conserva montados a los hijos cuando `variant` cambia con el panel ya puesto —el que se
+     * acopla en pantalla ancha y flota en la angosta, al cruzar el breakpoint—. Sin esto las
+     * dos variantes son árboles distintos, y el cambio desmonta lo que llevan: un mapa, un
+     * formulario a medias o una grilla vuelven a empezar.
+     *
+     * Los hijos viven entonces en su propio nodo, que se cuelga del cuerpo de la variante
+     * activa, y siguen montados también con el panel cerrado (como con `keepMounted`). A
+     * cambio, sus eventos de React suben hasta quien declara el panel y no pasan por el
+     * `Drawer` ni por el cuerpo: los manejadores de `slotProps.drawer` y `slotProps.body` ya no
+     * los ven. El Escape del flotante lo atiende el propio panel.
+     *
+     * Se lee al montar el panel; cambiarla después no tiene efecto.
+     */
+    keepMountedAcrossVariants?: boolean;
     /**
      * Añade un tirador en el borde interior del panel para arrastrar su tamaño. Mientras el
      * usuario no lo arrastre, `width` manda; en cuanto lo hace, el tamaño arrastrado la pisa
@@ -894,7 +909,7 @@ interface MainDrawerV2Props {
  * del modal para no abrirse detrás de él. Todo lo que la librería construye sobre este panel
  * (`DetailFormDrawer_v2`, `DrawerGrid_v2`, el historial…) lo hereda sin más.
  */
-declare function MainDrawer$1({ open, onClose, title, subtitle, children, width, anchor, variant, resizable, minWidth, maxWidth, widthStorageKey, onWidthChange, disableBackdropClose, hideCloseButton, disableGutters, pageBackgroundColor, chromeBackgroundColor, contentGap, contentBorderRadius, slots, slotProps, }: MainDrawerV2Props): react_jsx_runtime.JSX.Element;
+declare function MainDrawer$1({ open, onClose, title, subtitle, children, width, anchor, variant, keepMountedAcrossVariants, resizable, minWidth, maxWidth, widthStorageKey, onWidthChange, disableBackdropClose, hideCloseButton, disableGutters, pageBackgroundColor, chromeBackgroundColor, contentGap, contentBorderRadius, slots, slotProps, }: MainDrawerV2Props): react_jsx_runtime.JSX.Element;
 
 interface SidePanelHost {
     /**
@@ -2895,6 +2910,33 @@ declare const HEADER_NARROW = "@container acv-header (max-width: 600px)";
  */
 declare const headerContainerSx: CSSObject;
 
+/**
+ * Radio en px de las esquinas del panel de contenido cuando `MainLayout` no recibe otro por
+ * `contentBorderRadius`.
+ */
+declare const DEFAULT_CONTENT_BORDER_RADIUS = 12;
+/**
+ * **El radio que tienen de verdad las esquinas del panel donde se pinta la página**, para que lo
+ * que va a sangre dentro de él —un mapa, un tablero— redondee con la misma curva sin repetir el
+ * número.
+ *
+ * Lo provee `MainLayout` con su `contentBorderRadius`, y `MainDrawer_v2` lo vuelve a proveer a
+ * su cuerpo con el suyo: dentro de un cajón el panel que rodea al contenido es el del cajón, y
+ * ése tiene su propio radio (por defecto `theme.shape.borderRadius`). El contexto cruza
+ * portales, así que un cajón acoplado en el hueco del layout también lo lee bien.
+ *
+ * Fuera de los dos vale `DEFAULT_CONTENT_BORDER_RADIUS`.
+ */
+declare const ContentBorderRadiusContext: React$1.Context<number>;
+/**
+ * El radio en px del panel de contenido que envuelve a quien lo pide (ver
+ * `ContentBorderRadiusContext`).
+ *
+ *     const radio = useContentBorderRadius();
+ *     <Box sx={{ borderRadius: `${radio}px` }} />
+ */
+declare const useContentBorderRadius: () => number;
+
 /**
  * Cómo se está dibujando la barra. En orden de lo que ocupa: las acciones a la vista con su
  * etiqueta, las mismas sólo con el icono, sólo las fijadas, o ninguna.
@@ -3539,6 +3581,31 @@ declare function PollingCountdownChip({ pollingInterval, isFetching, onRefresh,
  */
 declare function ServerGrid(props: ServerGridProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * The frame the filters panel draws around itself: border, rounded corners and surface.
+ *
+ * It is the frame the DataGrid draws around itself, read off the same tokens it reads: its
+ * border is `TableCell.border` rather than plain `divider`, and its surface is the paper colour
+ * lifted 5% towards white in dark mode. Matching both is the difference between one card beside
+ * another and two that only nearly agree — which is also why it is exported: anything a page
+ * docks beside a grid, or beside a map framed like one, should be the same card.
+ *
+ * Put `FILTERS_DRAWER_GAP` between the two cards. Only the frame lives here; layout (width,
+ * height, flex direction) stays with whoever places the panel.
+ *
+ *     <Box sx={(theme) => ({ ...filtersPanelFrameSx(theme), display: "flex" })} />
+ */
+declare const filtersPanelFrameSx: (theme: Theme$1) => CSSObject;
+
+/**
+ * Space in px between the grid's frame and the panel's.
+ *
+ * Carried inside the sliding column rather than as a `gap` on the row outside it: a gap would
+ * be full width the instant the panel mounts, so the grid would jump 12px sideways and only
+ * then start being pushed. This way the whole column — panel and margin — animates as one.
+ */
+declare const FILTERS_DRAWER_GAP = 12;
+
 /** Lo que vale un estado en el filtro: el entero de un `choices` o su clave de texto. */
 type EstadoDeFiltro = string | number;
 interface EstadoTabConfig {
@@ -4614,7 +4681,9 @@ interface MainLayoutProps {
     /**
      * Radio de las esquinas del panel de contenido. Como el contorno lo rodea
      * por arriba y por la izquierda, redondearlo recorta el borde del header y
-     * del sidebar con la misma curva. `0` deja el contenido a ras.
+     * del sidebar con la misma curva. `0` deja el contenido a ras. Por defecto
+     * `DEFAULT_CONTENT_BORDER_RADIUS`; lo que se pinta dentro lo lee con
+     * `useContentBorderRadius()`.
      */
     contentBorderRadius?: number;
     /**
@@ -5172,5 +5241,5 @@ declare const mutationParams: (arg: any) => {
  */
 declare const mutationId: (arg: any) => any;
 
-export { APIContext, APIProvider, AccountMenuContent, ActiveCell, ActiveIcon, Base, ButtonWithDrawer, COLOR_SCHEME_SELECTOR, CSVUpload, CatalogoItem, CatalogoList, ChipCell, ConfirmDialog, ContentLayout, ControlledAddressAutocomplete, ControlledAmountWithCurrency, ControlledAutocomplete, ControlledColor, ControlledDate$1 as ControlledDate, ControlledDate as ControlledDate_v2, ControlledDropdown, ControlledFileField$1 as ControlledFileField, ControlledFileField as ControlledFileField_v2, FileUploadBox as ControlledFileUploadBox, ControlledNumber, ControlledPhoneNumber, ControlledSelect$1 as ControlledSelect, ControlledSelect as ControlledSelect_v2, ControlledSlider as ControlledSimpleSlider, ControlledSlider$1 as ControlledSlider, ControlledSwitch, ControlledText, ControlledTimePicker, ControlledToggleButtons, CoverPage, CreateButtonBase, CreateButtonWithMenuOptions, CrudDropdown, CustomNoRows, DEFAULT_FORM_BREAKPOINTS, DEFAULT_PAGINATION, DRAWER_Z_INDEX, DeleteButton, DeleteConfirmationDialog, DetailFormDialog as DetailFormDialog_v2, DetailFormDrawer as DetailFormDrawer_v2, DetailForm as DetailForm_v2, DetailPage$1 as DetailPage, DetailPage as DetailPage_v2, DrawerGrid as DrawerGrid_v2, EditButton, ExportCSV$1 as ExportCSV, ExportCSV as ExportCSV_v2, ExtraButtons, FORM_CONTAINER_NAME, GlobalSearch, GrillaHastaElFondo, HEADER_CONTAINER, HEADER_NARROW, HiddenPageHeaderContext, HistorialDrawer, KpiCard, LAYER_ORDER, ListPage, Loadable, LoadingComponent, LocaleContext, LocaleProvider, Logo, MainDrawer, MainDrawer$1 as MainDrawer_v2, MainLayout, MenuItemWithLoading, ModuleCard, MoreOptions, MyGridEditSingleSelect, NavigationContext, NavigationProvider, NormalOrIcon, NotAllowed, NotFound, NotificationItem, NotificationsBell, ObjectProgressStack, OverModalContext, OverModalProvider, PageActionsHostContext, PageBadgeHostContext, PageInfo, PageInfoHostContext, Panel, PollingCountdownChip, PulseDot, RESPONSIVE_ACTION_MODES, ResponsiveActions, SIDE_PANEL_WIDTH_VAR, SaveCancelButton, ServerGrid as ServerGrid_v2, SidePanelHostContext, StatusBadge, StickyPageHeaderContext, StyledMenu, StyledToggleButtonGroup, TEXTOS, Tabs, Transitions, TrueFalse, UncontrolledText, aplicarLocaleDeDayjs, buildEstadoTabs, changeTitle, closeProgressSnack, columnasDeCatalogo, composeGridProps, crearFabricaDeCatalogos, deleteColumn$1 as deleteColumn, deleteColumn as deleteColumn_v2, drawerZIndex, editColumn, filterQuery, formContainerSx, formGridSx, formParser, headerContainerSx, _default as headerReducer, localeDeNumeros, localeTextDeMUI, localeTextDeToolpad, manualCacheRefresh, mergeSettings, mutationData, mutationId, mutationParams, openProgressSnack, pageSizeOptions, query, renderChipCell, renderEditCellWithErrorTooltip, resolveChipOption, resolveInitialState, resolveStatusColor, setErrors, singularizarPalabra, singularizarTitulo, _default$1 as snackProgressReducer, statusColors, tags, theme, togglableFields, updateProgressSnackData, useAPI, useColorMode, useDetailForm, useHasPermission, useHasPermission_v2, useHiddenPageHeader, useHiddenPageHeaderHost, useKeyboardShortcut, useLocale, useMutationHandler, useNavigation, useOverModal, usePageActionsHost, usePageBadgeHost, usePageInfoHost, useServerGrid, useSidePanelHost, useStickyPageHeader, useStickyPageHeaderHost, useTextos, valueLabel };
+export { APIContext, APIProvider, AccountMenuContent, ActiveCell, ActiveIcon, Base, ButtonWithDrawer, COLOR_SCHEME_SELECTOR, CSVUpload, CatalogoItem, CatalogoList, ChipCell, ConfirmDialog, ContentBorderRadiusContext, ContentLayout, ControlledAddressAutocomplete, ControlledAmountWithCurrency, ControlledAutocomplete, ControlledColor, ControlledDate$1 as ControlledDate, ControlledDate as ControlledDate_v2, ControlledDropdown, ControlledFileField$1 as ControlledFileField, ControlledFileField as ControlledFileField_v2, FileUploadBox as ControlledFileUploadBox, ControlledNumber, ControlledPhoneNumber, ControlledSelect$1 as ControlledSelect, ControlledSelect as ControlledSelect_v2, ControlledSlider as ControlledSimpleSlider, ControlledSlider$1 as ControlledSlider, ControlledSwitch, ControlledText, ControlledTimePicker, ControlledToggleButtons, CoverPage, CreateButtonBase, CreateButtonWithMenuOptions, CrudDropdown, CustomNoRows, DEFAULT_CONTENT_BORDER_RADIUS, DEFAULT_FORM_BREAKPOINTS, DEFAULT_PAGINATION, DRAWER_Z_INDEX, DeleteButton, DeleteConfirmationDialog, DetailFormDialog as DetailFormDialog_v2, DetailFormDrawer as DetailFormDrawer_v2, DetailForm as DetailForm_v2, DetailPage$1 as DetailPage, DetailPage as DetailPage_v2, DrawerGrid as DrawerGrid_v2, EditButton, ExportCSV$1 as ExportCSV, ExportCSV as ExportCSV_v2, ExtraButtons, FILTERS_DRAWER_GAP, FORM_CONTAINER_NAME, GlobalSearch, GrillaHastaElFondo, HEADER_CONTAINER, HEADER_NARROW, HiddenPageHeaderContext, HistorialDrawer, KpiCard, LAYER_ORDER, ListPage, Loadable, LoadingComponent, LocaleContext, LocaleProvider, Logo, MainDrawer, MainDrawer$1 as MainDrawer_v2, MainLayout, MenuItemWithLoading, ModuleCard, MoreOptions, MyGridEditSingleSelect, NavigationContext, NavigationProvider, NormalOrIcon, NotAllowed, NotFound, NotificationItem, NotificationsBell, ObjectProgressStack, OverModalContext, OverModalProvider, PageActionsHostContext, PageBadgeHostContext, PageInfo, PageInfoHostContext, Panel, PollingCountdownChip, PulseDot, RESPONSIVE_ACTION_MODES, ResponsiveActions, SIDE_PANEL_WIDTH_VAR, SaveCancelButton, ServerGrid as ServerGrid_v2, SidePanelHostContext, StatusBadge, StickyPageHeaderContext, StyledMenu, StyledToggleButtonGroup, TEXTOS, Tabs, Transitions, TrueFalse, UncontrolledText, aplicarLocaleDeDayjs, buildEstadoTabs, changeTitle, closeProgressSnack, columnasDeCatalogo, composeGridProps, crearFabricaDeCatalogos, deleteColumn$1 as deleteColumn, deleteColumn as deleteColumn_v2, drawerZIndex, editColumn, filterQuery, filtersPanelFrameSx, formContainerSx, formGridSx, formParser, headerContainerSx, _default as headerReducer, localeDeNumeros, localeTextDeMUI, localeTextDeToolpad, manualCacheRefresh, mergeSettings, mutationData, mutationId, mutationParams, openProgressSnack, pageSizeOptions, query, renderChipCell, renderEditCellWithErrorTooltip, resolveChipOption, resolveInitialState, resolveStatusColor, setErrors, singularizarPalabra, singularizarTitulo, _default$1 as snackProgressReducer, statusColors, tags, theme, togglableFields, updateProgressSnackData, useAPI, useColorMode, useContentBorderRadius, useDetailForm, useHasPermission, useHasPermission_v2, useHiddenPageHeader, useHiddenPageHeaderHost, useKeyboardShortcut, useLocale, useMutationHandler, useNavigation, useOverModal, usePageActionsHost, usePageBadgeHost, usePageInfoHost, useServerGrid, useSidePanelHost, useStickyPageHeader, useStickyPageHeaderHost, useTextos, valueLabel };
 export type { APIcontextProps, AccountMenuContentProps, AccountMenuItem, AddressValue, AppTheme, AutocompleteOption, BuildEstadoTabsOptions, CSVMenuOptionProps, CatalogoAPI, CatalogoItemProps, CatalogoListProps, ChipCellProps, ChipColor, ChipOption, ColorMode, ComoOpcionesProps, ConfirmDialogProps, ControlledAutocompleteProps, ControlledInput, CrearCatalogoAPI, CustomFilterDef, CustomToolbarProps, DefinicionDeCatalogo, DeleteGridColumnsProps$1 as DeleteGridColumnsProps, DetachedPage, DetailExtraButton, DetailFormApi, DetailFormConfig, DetailFormController, DetailFormDialogProps, DetailFormDrawerNavigation, DetailFormDrawerProps, DetailFormProps, DetailFormStatus, DetailPageV2Props, DetailRenderProps, DrawerGridDrawerConfig, DrawerGridEditConfig, DrawerGridProps, EditGridColumnsProps, EditReadOnlyFields, EstadoDeFiltro, EstadoTabConfig, ExportCSVProps as ExportCSVProps_v2, ExtraCreateOptionProps, FieldFilter, FieldProps$1 as FieldProps, FieldValidationProps, FilterInput, FormBreakpoint, FormGridSxOptions, GlobalSearchOption, GlobalSearchProps, GridArgs, GridColDefPropsOverrides, GridLayerContribution, GridLayerId, GridLayerMap, GrillaHastaElFondoProps, HiddenPageHeaderHost, InsigniaDeCatalogo, JSONFormProps, JSONParserProps, KeyboardShortcut, KpiCardProps, Locale, LocaleContextProps, LocaleProviderProps, MainDrawerV2Props, MainLayoutFooterConfig, MainLayoutPageHeaderProps, MainLayoutProps, MainLayoutSidebarFooterProps, MutationArgs, MyDataGridProps, MyGridFilterModel, MyTab, MyTabProps, NotificationItemProps, NotificationsApi, NotificationsBellProps, PageActionsHost, PageBadgeHost, PageInfoHost, PageInfoProps, PageType, PanelProps, PollingCountdownChipProps, ProgressStatusProps, PulseDotProps, ResponsiveAction, ResponsiveActionsMode, ResponsiveActionsProps, RowsSnapshot, ServerGridArgs, ServerGridCreateApi, ServerGridDataApi, ServerGridDeleteApi, ServerGridEditApi, ServerGridEditToggleApi, ServerGridHandle, ServerGridProps, ServerGridSnapshot, ServerGridState, SidePanelHost, StatusColor, StickyPageHeaderHost, Textos, UseColorModeResult, UseServerGridOptions };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acvl/frontend-components",
-    "version": "0.0.103",
+    "version": "0.0.105",
     "description": "Component library for ACV frontend projects.",
     "homepage": "https://github.com/ACV-Logistics/acv-frontend-components#readme",
     "access": "public",