@acvl/frontend-components 0.0.67 → 0.0.69

package/dist/index.d.ts

@@ -672,6 +672,28 @@ interface MainDrawerV2Props {
     width?: number | string;
     /** Lado desde el que entra el panel. Por defecto `"right"`. */
     anchor?: DrawerProps["anchor"];
+    /**
+     * `"temporary"` (por defecto) flota sobre la página con backdrop, y se cierra con
+     * Escape o al hacer clic fuera.
+     *
+     * `"docked"` se queda acoplado en el flujo: no hay backdrop ni modal, y el panel
+     * ocupa su propio hueco encogiendo a lo que tenga al lado, de modo que se puede
+     * seguir trabajando en la página con el panel abierto.
+     *
+     * Se pinta en el hueco que reserva `MainLayout` —al costado de la pantalla— sin
+     * importar desde dónde se declare: viaja hasta ahí por portal (ver
+     * `SidePanelHostContext`), así que una grilla enterrada en el contenido abre un panel
+     * de pantalla completa igual que el `sidePanel` del layout. Sin `MainLayout` arriba se
+     * queda donde esté declarado.
+     *
+     * El hueco es uno solo y se turnan: abrir un panel encoge al que estuviera puesto, y
+     * cerrarlo le devuelve el turno. Nunca se reparten el ancho entre varios.
+     *
+     * En acoplado el ancho se anima al abrir y cerrar, y `anchor` sólo decide de qué
+     * lado va el tirador de arrastre: la posición la fija el contenedor. `slotProps.drawer`
+     * y `slotProps.paper` no aplican —no hay `Drawer` ni `Paper` que configurar.
+     */
+    variant?: "temporary" | "docked";
     /**
      * 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
@@ -681,7 +703,10 @@ interface MainDrawerV2Props {
     resizable?: boolean;
     /** Tamaño mínimo en px al que se puede arrastrar. Por defecto `320`. */
     minWidth?: number;
-    /** Tamaño máximo en px. Por defecto, el viewport menos un margen para el backdrop. */
+    /**
+     * Tamaño máximo en px. Por defecto, el viewport menos un margen: lo justo para dejar
+     * backdrop que clicar en el flotante, y un hueco de trabajo de verdad en el acoplado.
+     */
     maxWidth?: number;
     /**
      * Recuerda el tamaño arrastrado bajo esta clave en `localStorage`, de modo que sobreviva a
@@ -750,8 +775,52 @@ interface MainDrawerV2Props {
  * Con `resizable`, el borde interior lleva un tirador: se arrastra con el puntero, se ajusta
  * con las flechas cuando tiene el foco y vuelve a `width` con doble clic. Con
  * `widthStorageKey`, además, el tamaño se recuerda entre visitas.
+ *
+ * Con `variant="docked"` el mismo panel se acopla en el flujo en vez de flotar: sin backdrop,
+ * encogiendo a lo que tenga al lado en lugar de taparlo, de modo que la página de atrás sigue
+ * usable con el panel abierto. Ver el `sidePanel` de `MainLayout`.
+ */
+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;
+
+interface SidePanelHost {
+    /**
+     * El nodo donde `MainLayout` reserva sitio para los paneles acoplados, o `null` si no
+     * hay a dónde viajar —porque ya se está dentro del hueco, que es el caso de lo que se
+     * pasa por `sidePanel`—.
+     */
+    element: HTMLElement | null;
+    /**
+     * Anuncia si este panel está abierto. Sólo se muestra uno a la vez, y el último en
+     * anunciarse es el que manda: hay un único hueco y repartirlo entre varios los deja a
+     * todos angostos, además de empujar la página fuera de la pantalla.
+     *
+     * La identidad la pone el propio panel (un `useId`). Hay que soltar el turno al
+     * desmontar, o el hueco se queda esperando a un panel que ya no existe.
+     */
+    registrar: (id: string, abierto: boolean) => void;
+    /**
+     * Los paneles abiertos, en el orden en que pidieron el hueco. El último lo tiene; los
+     * demás esperan encogidos su turno.
+     *
+     * Es la pila entera y no sólo el de encima porque un panel también necesita saber si
+     * hay algo debajo: es lo que convierte su botón de cerrar en un "volver".
+     */
+    pila: string[];
+}
+/**
+ * Cómo llega un panel acoplado al costado de la pantalla, y cómo se turnan entre ellos.
+ *
+ * Un panel acoplado tiene que salir al costado, y quien lo abre casi nunca está ahí: una
+ * grilla vive dentro del contenido, varios niveles abajo. Dejarlo donde se declara lo
+ * pintaría dentro de la página, que es justo lo que no se quiere; así que un
+ * `MainDrawer_v2` con `variant="docked"` se teletransporta (portal) hasta `element`.
+ *
+ * Fuera de un `MainLayout` el contexto es `null`: el panel se pinta donde esté declarado y
+ * no se turna con nadie.
  */
-declare function MainDrawer$1({ open, onClose, title, subtitle, children, width, anchor, resizable, minWidth, maxWidth, widthStorageKey, onWidthChange, disableBackdropClose, hideCloseButton, disableGutters, pageBackgroundColor, chromeBackgroundColor, contentGap, contentBorderRadius, slots, slotProps, }: MainDrawerV2Props): react_jsx_runtime.JSX.Element;
+declare const SidePanelHostContext: React.Context<SidePanelHost | null>;
+/** El hueco de paneles acoplados del layout, o `null` si no hay ninguno arriba. */
+declare const useSidePanelHost: () => SidePanelHost | null;
 
 declare module "@mui/x-data-grid" {
     interface ToolbarPropsOverrides {
@@ -1134,9 +1203,30 @@ interface _HistorialDrawerProps {
     open: boolean;
     handleDrawer: () => void;
     endpoint?: string;
+    /**
+     * Cómo se coloca el panel. Por defecto `"docked"`: se acopla al costado de la pantalla y
+     * encoge la página en vez de taparla, que es lo que pide el historial —se abre justo para
+     * cotejar lo que dice contra el registro que se está mirando, y con el panel encima había
+     * que cerrarlo entre campo y campo—.
+     *
+     * `"temporary"` lo devuelve a flotar sobre la página, con backdrop y modal. Hace falta
+     * donde no haya un `MainLayout_v2` arriba que le reserve el hueco: sin él, el acoplado se
+     * pinta donde esté declarado, o sea dentro de la propia página.
+     */
+    variant?: MainDrawerV2Props["variant"];
+    /** Ancho del panel en px. Por defecto el de `MainDrawer_v2` (600). */
+    width?: number | string;
+    /**
+     * Permite arrastrar el borde interior para cambiar el ancho. Activo por defecto: acoplado,
+     * el panel le quita sitio a la página, así que cuánto se lleva tiene que poder decidirlo
+     * quien lo está usando. El ancho arrastrado se recuerda entre visitas.
+     */
+    resizable?: boolean;
+    /** Dónde se recuerda el ancho arrastrado. Cadena vacía para no recordarlo. */
+    widthStorageKey?: string;
 }
 
-interface HistorialDrawerProps extends Pick<_HistorialDrawerProps, "endpoint"> {
+interface HistorialDrawerProps extends Pick<_HistorialDrawerProps, "endpoint" | "variant" | "width"> {
     iconButtonProps?: IconButtonProps;
 }
 declare const HistorialDrawer: React__default.FC<HistorialDrawerProps>;
@@ -1766,6 +1856,41 @@ declare const ControlledAmountWithCurrency: {
     formatDetail({ fieldData, extraProps, data, name, }: DetailRenderProps): string;
 };
 
+interface ControlledColorProps {
+    /** Ruta del color en el formulario. */
+    name: string;
+    /** Control de react-hook-form (lo inyecta el `EditField` de la página). */
+    control?: any;
+    /** `readOnly` no es prop de `TextField`, pero el `EditField` lo inyecta ahí. */
+    fieldProps?: TextFieldProps$1 & {
+        readOnly?: boolean;
+    };
+    extraProps?: {
+        /** Colores de acceso rápido. Por defecto, la paleta de la librería. */
+        presets?: string[];
+        /** Muestra el botón de "Sin color". Por defecto `true`. */
+        clearable?: boolean;
+    };
+}
+/**
+ * Campo de color en hexadecimal. Se puede escribir el hex a mano o abrirlo
+ * desde la muestra de la izquierda, que despliega la paleta de accesos rápidos
+ * y el selector del sistema para cualquier otro color.
+ *
+ * El valor que guarda en el formulario es siempre una cadena `#RRGGBB` (o `""`
+ * si se quita el color), que es lo que espera el backend.
+ *
+ * ```ts
+ * {
+ *     name: "color_en_calendario",
+ *     label: "Color en calendario",
+ *     type: ControlledColor,
+ *     gridProps: { size: { xs: 12, md: 4 } },
+ * }
+ * ```
+ */
+declare const ControlledColor: ControlledInput<ControlledColorProps>;
+
 /**
  * `ControlledDate` de v2. Reutiliza el renderizado de edición de v1 (no se
  * duplica su lógica) y añade el renderizado de detalle mediante `formatDetail`,
@@ -1826,6 +1951,12 @@ interface SubsectionProps {
     description?: string;
     first?: boolean;
     slotProps?: {
+        /**
+         * Grid raíz de la subsección. Su `size`/`offset` —por defecto `12`— resuelve igual que el
+         * de un campo: contra el ancho del formulario cuando este corre en modo contenedor, así
+         * que un `{ xs: 12, md: 6 }` parte el formulario en dos columnas cuando *el formulario*
+         * es ancho, no cuando lo es la pantalla.
+         */
         parentGrid?: Partial<GridProps>;
     };
     fields?: FieldProps[];
@@ -1972,6 +2103,11 @@ declare const formGridSx: (size: GridProps["size"], offset?: GridProps["offset"]
  *
  * `inline-size`, nunca `size`: el `Collapse` de `Subsection` anima midiendo `clientHeight`, y
  * contener el eje de bloque lo rompería.
+ *
+ * Se puede anidar reusando el mismo nombre: un elemento nunca resuelve sus propias
+ * `@container` contra sí mismo, sino contra el contenedor ancestro más cercano. Así una
+ * subsección con `size` responsivo mide contra el formulario mientras sus campos miden contra
+ * ella.
  */
 declare const formContainerSx: (containerName?: string) => CSSObject;
 
@@ -1989,13 +2125,16 @@ interface DetailFormProps {
     /** Height factor passed to the loading spinner. Defaults to `0.7`. */
     loadingHeight?: number;
     /**
-     * What each field's `size` breakpoints resolve against.
+     * What the `size` breakpoints inside the form resolve against — each field's, and each
+     * subsection's own (`slotProps.parentGrid.size`).
      *
      * `"viewport"` is MUI's own behaviour. `"container"` resolves them against the width of
      * *this form*, so one section definition serves a full page, a `maxWidth="sm"` dialog and a
      * 460px drawer without a hand-picked size per shell — and re-flows live as the drawer is
      * dragged. Note that it makes the `<form>` a CSS containment context, so a `slotProps.form`
-     * that overrides `width` with a content-dependent value would no longer resolve.
+     * that overrides `width` with a content-dependent value would no longer resolve. A
+     * subsection that asks for a width of its own becomes, in turn, the container its own fields
+     * resolve against.
      * @default "viewport"
      */
     responsiveTo?: "viewport" | "container";
@@ -2063,6 +2202,15 @@ interface DetailFormDrawerProps {
     width?: number | string;
     /** Side the drawer slides in from. Defaults to `"right"`. */
     anchor?: DrawerProps["anchor"];
+    /**
+     * `"temporary"` (the default) floats over the page. `"docked"` takes its own space at
+     * the side of the screen and shrinks the app instead of covering it, so the page behind
+     * stays usable — see `MainDrawer_v2`.
+     *
+     * Docked drops the modal: nothing stops the user from touching the page while the form
+     * is open, so a drawer that guards unsaved edits behind the backdrop no longer does.
+     */
+    variant?: MainDrawerV2Props["variant"];
     /**
      * Let the user drag the drawer's inner edge to resize it. Forwarded to `MainDrawer_v2`
      * along with the four props below — see it for the full behaviour.
@@ -2080,9 +2228,10 @@ interface DetailFormDrawerProps {
     /** Fires with the final dragged width in px, or `null` when a double click resets it. */
     onWidthChange?: (width: number | null) => void;
     /**
-     * What each field's `size` breakpoints resolve against. Defaults to `"container"`: a drawer
-     * is narrow by construction, so viewport breakpoints would pick the wide-screen value and
-     * cram the fields — and they would not react to a drag either.
+     * What the `size` breakpoints of the fields — and of the subsections themselves — resolve
+     * against. Defaults to `"container"`: a drawer is narrow by construction, so viewport
+     * breakpoints would pick the wide-screen value and cram the fields — and they would not
+     * react to a drag either.
      * @see DetailFormProps.responsiveTo
      */
     responsiveTo?: DetailFormProps["responsiveTo"];
@@ -2120,7 +2269,7 @@ interface DetailFormDrawerProps {
  * `labels.saveAndNext`. Guardar sits outside the `<form>` and submits via the native
  * `form={formId}` attribute; Guardar ↓ submits by hand, so the implicit Enter stays Guardar.
  */
-declare function DetailFormDrawer({ open, onClose, title, api, form, sections, pageType, startInEdit, recordKey, permissionsPath, onSuccess, navigation, width, anchor, resizable, minWidth, maxWidth, widthStorageKey, onWidthChange, responsiveTo, containerBreakpoints, labels, slots, slotProps, }: DetailFormDrawerProps): react_jsx_runtime.JSX.Element;
+declare function DetailFormDrawer({ open, onClose, title, api, form, sections, pageType, startInEdit, recordKey, permissionsPath, onSuccess, navigation, width, anchor, variant, resizable, minWidth, maxWidth, widthStorageKey, onWidthChange, responsiveTo, containerBreakpoints, labels, slots, slotProps, }: DetailFormDrawerProps): react_jsx_runtime.JSX.Element;
 
 interface DrawerGridDrawerConfig {
     /** Shared field layout, used by every mode. Same shape as `DetailPage_v2`'s `form`/`sections`. */
@@ -2129,6 +2278,21 @@ interface DrawerGridDrawerConfig {
     permissionsPath?: string;
     /** Panel width. Defaults to the drawer's own default (600). */
     width?: number | string;
+    /**
+     * How the panel sits on the screen. Defaults to `"temporary"`: it floats over the page,
+     * modal, the way it always has.
+     *
+     * `"docked"` gives it its own space at the side and shrinks the app instead of covering
+     * it, so the grid stays visible next to the record. Worth it where the row and the list
+     * are read together; it costs two things, both from dropping the modal:
+     *
+     * - Nothing stops the user from re-sorting, filtering or paging the grid while the
+     *   drawer is open, and the footer navigator walks the rows it sampled when the record
+     *   opened. It stays on the list the user was reading, which is usually what's wanted,
+     *   but it can no longer claim to match what's on screen.
+     * - Unsaved edits are no longer fenced off by the backdrop.
+     */
+    variant?: DetailFormDrawerProps["variant"];
     /**
      * Let the user drag the drawer's inner edge to resize it. The dragged width is remembered
      * across openings under a key derived from the grid's own storage key — override it with
@@ -2232,8 +2396,13 @@ interface DrawerGridProps {
 }
 /**
  * A `ServerGrid_v2` whose rows and create button open a `DetailFormDrawer_v2` instead of
- * navigating to a full page — without giving up the full-page routes. A row click and the
- * create menu's "Manual" option both open the drawer; Ctrl/Cmd+click still opens the full
+ * navigating to a full page — without giving up the full-page routes.
+ *
+ * The panel floats over the page by default. `drawer.variant: "docked"` gives it its own
+ * space at the side instead, shrinking the app so the grid stays visible next to the
+ * record; read that prop before switching, the two differ in more than looks.
+ *
+ * A row click and the create menu's "Manual" option both open the drawer; Ctrl/Cmd+click still opens the full
  * page in a new tab, Alt+click opens it in the same tab, and the record drawer carries an
  * "open full page" button — so the routes stay reachable either way. Grids whose rows have
  * no route of their own turn all three off with `drawer.showOpenFullPage: false`.
@@ -2283,11 +2452,45 @@ interface ConfirmDialogProps {
  *  confirmar puede mostrar estado de carga mientras se resuelve la acción. */
 declare function ConfirmDialog({ open, titulo, mensaje, confirmLabel, cancelLabel, confirmColor, confirmIcon, isLoading, onConfirm, onClose, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
+interface ActionsMenuProps {
+    delete?: {
+        mutation: any;
+        disableNavBack?: boolean;
+    };
+    historial?: {
+        endpoint?: string;
+        /** Defaults to `"docked"` — the panel takes its own space beside the page. */
+        variant?: _HistorialDrawerProps["variant"];
+        /** Panel width in px. Defaults to 600. */
+        width?: number | string;
+    };
+    extraButtons?: {
+        title: string;
+        icon: ReactNode;
+        onClick: () => void;
+    }[];
+}
+
 interface DetailPageV2Props {
     api: DetailFormApi;
     form: DetailFormConfig["form"];
     sections: DetailFormConfig["sections"];
     pageType: PageType;
+    /**
+     * What the `size` breakpoints of the fields — and of the subsections themselves — resolve
+     * against. Defaults to `"container"`: the width of the form, not of the screen.
+     *
+     * A full page is no longer the whole viewport minus the sidebar — a docked side panel
+     * takes its share of it — so the screen stopped being a good proxy for how much room
+     * the fields actually have. Against the form they re-flow as that room changes, with
+     * no re-render: the breakpoint ladder is CSS.
+     *
+     * `"viewport"` restores MUI's own behaviour for a page that needs it.
+     * @see DetailFormProps.responsiveTo
+     */
+    responsiveTo?: DetailFormProps["responsiveTo"];
+    /** @see DetailFormProps.containerBreakpoints */
+    containerBreakpoints?: DetailFormProps["containerBreakpoints"];
     slots?: {
         button?: ReactNode;
         extraButtons?: {
@@ -2308,9 +2511,12 @@ interface DetailPageV2Props {
             };
             cancel?: Partial<ButtonProps>;
         };
-        historial?: {
-            endpoint?: string;
-        };
+        /**
+         * The history panel opened from the actions menu. It docks beside the page rather
+         * than floating over it, so the record stays readable next to what the history says
+         * about it — see `ActionsMenuProps.historial` for how to change that.
+         */
+        historial?: ActionsMenuProps["historial"];
         permissionsPath?: string;
         deleteButton?: {
             disableNavBack?: boolean;
@@ -2333,9 +2539,9 @@ interface DetailFormDialogProps {
     /** Runs after a successful mutation, before the dialog closes. Receives the response. */
     onSuccess?: (response: any) => void;
     /**
-     * What each field's `size` breakpoints resolve against. Defaults to `"container"`: a
-     * `maxWidth="sm"` dialog is narrow by construction, so viewport breakpoints would pick the
-     * wide-screen value and cram the fields.
+     * What the `size` breakpoints of the fields — and of the subsections themselves — resolve
+     * against. Defaults to `"container"`: a `maxWidth="sm"` dialog is narrow by construction, so
+     * viewport breakpoints would pick the wide-screen value and cram the fields.
      * @see DetailFormProps.responsiveTo
      */
     responsiveTo?: DetailFormProps["responsiveTo"];
@@ -2394,6 +2600,9 @@ interface MainLayoutPageHeaderProps extends PageHeaderProps {
  *
  * Atajo Shift+F: alterna pantalla completa (oculta navegación y encabezados).
  *
+ * Con `sidePanel` el cascarón deja de ocupar el viewport entero y comparte la fila
+ * con un panel acoplado a la derecha (ver esa prop).
+ *
  * El estado plegado/expandido del sidebar de escritorio se guarda en
  * `localStorage` y se restaura al recargar (ver `sidebarStorageKey`).
  **/
@@ -2501,9 +2710,38 @@ interface MainLayoutProps {
         /** Contenido de cada snack de progreso. Por defecto una barra de progreso. */
         progressStatus?: (data: any) => ReactNode;
     };
+    /**
+     * Panel acoplado a la derecha del cascarón, a lo alto del viewport: al lado del
+     * header, del sidebar y del contenido, no encima. Mientras esté abierto el
+     * dashboard entero se encoge para dejarle sitio, así que la página de atrás sigue
+     * usable —es la diferencia con un drawer, que la tapa—.
+     *
+     * Aquí sólo se le reserva el hueco; el panel maneja su propio ancho, su animación y
+     * si está abierto o cerrado. Lo natural es un `MainDrawer_v2` con `variant="docked"`,
+     * que además queda con el encabezado a la misma altura que la barra superior.
+     *
+     * El ancho que ocupe se publica en `SIDE_PANEL_WIDTH_VAR`, para que lo que esté fijo
+     * al viewport pueda apartarse.
+     */
+    sidePanel?: ReactNode;
     /** Contenido a renderizar; por defecto el `<Outlet />` del router. */
     children?: ReactNode;
 }
+/**
+ * Variable CSS con el ancho que ocupa ahora mismo el `sidePanel`, publicada en la raíz
+ * del documento.
+ *
+ * El panel encoge el cascarón, pero no lo que está fijo al viewport —un FAB, los snacks
+ * de progreso—, que quedaría debajo. Leyendo esta variable esos elementos se apartan
+ * solos, y siguen el ancho aunque el panel se anime o el usuario lo arrastre:
+ *
+ *     right: `calc(${theme.spacing(4)} + var(--acv-side-panel-width, 0px))`
+ *
+ * Va en `documentElement` porque buena parte de esos elementos se pintan en portales,
+ * fuera del árbol del layout. Sin panel abierto vale `0px`, y fuera de este layout no
+ * existe: de ahí que se lea siempre con un fallback.
+ */
+declare const SIDE_PANEL_WIDTH_VAR = "--acv-side-panel-width";
 declare const MainLayout: (props: MainLayoutProps) => react_jsx_runtime.JSX.Element;
 
 /**
@@ -2612,5 +2850,5 @@ interface PulseDotProps {
  *  contrario un color fijo. Se usa para indicar conexión/actividad en vivo. */
 declare function PulseDot({ active, inactiveColor, size, title }: PulseDotProps): react_jsx_runtime.JSX.Element;
 
-export { APIContext, APIProvider, ActiveCell, ActiveIcon, Base, ButtonWithDrawer, COLOR_SCHEME_SELECTOR, CSVUpload, ConfirmDialog, ContentLayout, ControlledAddressAutocomplete, ControlledAmountWithCurrency, 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, 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, ExtraButtons, FORM_CONTAINER_NAME, HistorialDrawer, KpiCard, LAYER_ORDER, ListPage, Loadable, LoadingComponent, Logo, MainDrawer, MainDrawer$1 as MainDrawer_v2, MainLayout, MenuItemWithLoading, ModuleCard, MoreOptions, MyGridEditSingleSelect, NavigationContext, NavigationProvider, NormalOrIcon, NotAllowed, NotFound, ObjectProgressStack, PAGE_SIZE_OPTIONS, Panel, PollingCountdownChip, PulseDot, SaveCancelButton, ServerGrid as ServerGrid_v2, StatusBadge, StyledMenu, Tabs, Transitions, TrueFalse, UncontrolledText, changeTitle, closeProgressSnack, composeGridProps, deleteColumn$1 as deleteColumn, deleteColumn as deleteColumn_v2, editColumn, filterQuery, formContainerSx, formGridSx, formParser, _default as headerReducer, manualCacheRefresh, mergeSettings, openProgressSnack, query, renderEditCellWithErrorTooltip, resolveInitialState, setErrors, _default$1 as snackProgressReducer, tags, theme, togglableFields, updateProgressSnackData, useAPI, useColorMode, useDetailForm, useHasPermission, useHasPermission_v2, useKeyboardShortcut, useMutationHandler, useNavigation, useServerGrid, valueLabel };
-export type { APIcontextProps, AddressValue, AppTheme, ColorMode, ComoOpcionesProps, ConfirmDialogProps, ControlledInput, CustomFilterDef, CustomToolbarProps, DeleteGridColumnsProps$1 as DeleteGridColumnsProps, DetachedPage, DetailFormApi, DetailFormConfig, DetailFormController, DetailFormDialogProps, DetailFormDrawerNavigation, DetailFormDrawerProps, DetailFormProps, DetailFormStatus, DetailPageV2Props, DetailRenderProps, DrawerGridDrawerConfig, DrawerGridEditConfig, DrawerGridProps, EditGridColumnsProps, EditReadOnlyFields, FieldFilter, FieldProps$1 as FieldProps, FieldValidationProps, FilterInput, FormBreakpoint, FormGridSxOptions, GridArgs, GridColDefPropsOverrides, GridLayerContribution, GridLayerId, GridLayerMap, JSONFormProps, JSONParserProps, KeyboardShortcut, KpiCardProps, MainDrawerV2Props, MainLayoutPageHeaderProps, MainLayoutProps, MainLayoutSidebarFooterProps, MyDataGridProps, MyGridFilterModel, MyTab, MyTabProps, PageType, PanelProps, PollingCountdownChipProps, ProgressStatusProps, PulseDotProps, RowsSnapshot, ServerGridArgs, ServerGridCreateApi, ServerGridDataApi, ServerGridDeleteApi, ServerGridEditApi, ServerGridEditToggleApi, ServerGridHandle, ServerGridProps, ServerGridSnapshot, ServerGridState, UseColorModeResult, UseServerGridOptions };
+export { APIContext, APIProvider, ActiveCell, ActiveIcon, Base, ButtonWithDrawer, COLOR_SCHEME_SELECTOR, CSVUpload, ConfirmDialog, ContentLayout, ControlledAddressAutocomplete, ControlledAmountWithCurrency, 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, 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, ExtraButtons, FORM_CONTAINER_NAME, HistorialDrawer, KpiCard, LAYER_ORDER, ListPage, Loadable, LoadingComponent, Logo, MainDrawer, MainDrawer$1 as MainDrawer_v2, MainLayout, MenuItemWithLoading, ModuleCard, MoreOptions, MyGridEditSingleSelect, NavigationContext, NavigationProvider, NormalOrIcon, NotAllowed, NotFound, ObjectProgressStack, PAGE_SIZE_OPTIONS, Panel, PollingCountdownChip, PulseDot, SIDE_PANEL_WIDTH_VAR, SaveCancelButton, ServerGrid as ServerGrid_v2, SidePanelHostContext, StatusBadge, StyledMenu, Tabs, Transitions, TrueFalse, UncontrolledText, changeTitle, closeProgressSnack, composeGridProps, deleteColumn$1 as deleteColumn, deleteColumn as deleteColumn_v2, editColumn, filterQuery, formContainerSx, formGridSx, formParser, _default as headerReducer, manualCacheRefresh, mergeSettings, openProgressSnack, query, renderEditCellWithErrorTooltip, resolveInitialState, setErrors, _default$1 as snackProgressReducer, tags, theme, togglableFields, updateProgressSnackData, useAPI, useColorMode, useDetailForm, useHasPermission, useHasPermission_v2, useKeyboardShortcut, useMutationHandler, useNavigation, useServerGrid, useSidePanelHost, valueLabel };
+export type { APIcontextProps, AddressValue, AppTheme, ColorMode, ComoOpcionesProps, ConfirmDialogProps, ControlledInput, CustomFilterDef, CustomToolbarProps, DeleteGridColumnsProps$1 as DeleteGridColumnsProps, DetachedPage, DetailFormApi, DetailFormConfig, DetailFormController, DetailFormDialogProps, DetailFormDrawerNavigation, DetailFormDrawerProps, DetailFormProps, DetailFormStatus, DetailPageV2Props, DetailRenderProps, DrawerGridDrawerConfig, DrawerGridEditConfig, DrawerGridProps, EditGridColumnsProps, EditReadOnlyFields, FieldFilter, FieldProps$1 as FieldProps, FieldValidationProps, FilterInput, FormBreakpoint, FormGridSxOptions, GridArgs, GridColDefPropsOverrides, GridLayerContribution, GridLayerId, GridLayerMap, JSONFormProps, JSONParserProps, KeyboardShortcut, KpiCardProps, MainDrawerV2Props, MainLayoutPageHeaderProps, MainLayoutProps, MainLayoutSidebarFooterProps, MyDataGridProps, MyGridFilterModel, MyTab, MyTabProps, PageType, PanelProps, PollingCountdownChipProps, ProgressStatusProps, PulseDotProps, RowsSnapshot, ServerGridArgs, ServerGridCreateApi, ServerGridDataApi, ServerGridDeleteApi, ServerGridEditApi, ServerGridEditToggleApi, ServerGridHandle, ServerGridProps, ServerGridSnapshot, ServerGridState, SidePanelHost, UseColorModeResult, UseServerGridOptions };

package/package.json

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