@acvl/frontend-components 0.0.46 → 0.0.48

package/dist/cjs/types/src/components/v1/buttons/SaveCancelButton/SaveCancelButton.d.ts

@@ -1,9 +1,9 @@
-import { ButtonGroupProps, ButtonProps } from "@mui/material";
+import { ButtonGroupProps, IconButtonProps } from "@mui/material";
 export interface SaveCancelButtonProps {
     slotProps?: {
         buttonGroup?: Partial<ButtonGroupProps>;
-        saveBtn?: Partial<ButtonProps>;
-        cancelBtn?: Partial<ButtonProps>;
+        saveBtn?: Partial<IconButtonProps>;
+        cancelBtn?: Partial<IconButtonProps>;
     };
 }
 declare const SaveCancelButton: (props: SaveCancelButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/v1/cards/ModuleCard/ModuleCard.d.ts

@@ -2,7 +2,6 @@ import React, { ReactNode } from "react";
 export interface CoverPageCardProps {
     title: string;
     description?: string;
-    permission: string;
     url: string;
     icon: ReactNode;
 }

package/dist/cjs/types/src/components/v1/datagrids/custom_slots/CustomToolbar/slots/FiltersButton/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { MyGridFilterModel } from "../../../../types";
+import { MyGridFilterModel } from "@v1/datagrids/types";
 export interface FiltersButtonProps {
     filters: {
         filterModel: MyGridFilterModel;

package/dist/cjs/types/src/components/v1/datagrids/custom_slots/CustomToolbar/slots/FiltersButton/utils.d.ts

@@ -1,2 +1,2 @@
-import { GridColDefPropsOverrides } from '../../../../types';
+import { GridColDefPropsOverrides } from '@v1/datagrids/types';
 export declare const generateSchema: (columns: GridColDefPropsOverrides[], columnsFilter?: string, id?: any) => any[];

package/dist/cjs/types/src/components/v1/datagrids/custom_slots/index.d.ts

@@ -1 +1,2 @@
-export { default as ExportCSV } from './CustomToolbar/slots/ExportButton/ExportCSV';
+export { default as ExportCSV } from "./CustomToolbar/slots/ExportButton/ExportCSV";
+export { default as CustomNoRows } from "./CustomNoRows";

package/dist/cjs/types/src/components/v1/datagrids/filter_inputs/TrueFalse.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { BaseControlledFieldProps } from "../../inputs/controlled/types";
+import { BaseControlledFieldProps } from "@v1/inputs/controlled/types";
 declare const TrueFalse: React.FC<BaseControlledFieldProps>;
 export default TrueFalse;

package/dist/cjs/types/src/components/v1/datagrids/wrappers/CreateGridWrapper.d.ts

@@ -1,5 +1,6 @@
 import { JSX } from "react";
 import { MyDataGridProps } from "../types";
+import { NavigateOptions } from "react-router-dom";
 export interface CSVMenuOptionProps {
     endpoint: string;
     title?: string;
@@ -17,6 +18,7 @@ export interface CreateGridAPIProps {
         enable: boolean;
         extraOptions?: CSVMenuOptionProps[];
     };
+    navigationOptions?: NavigateOptions;
 }
 export interface CreateGridWrapperProps extends CreateGridAPIProps {
     permission: boolean;

package/dist/cjs/types/src/components/v1/datagrids/wrappers/EditGridWrapper.d.ts

@@ -1,6 +1,6 @@
 import { JSX, RefObject } from "react";
 import { GridApi } from "@mui/x-data-grid";
-import { JSONParserProps } from "../../forms";
+import { JSONParserProps } from "@v1/forms";
 import { GridColDefPropsOverrides } from "../types";
 import { BaseGridProps } from "../Base";
 import { EditGridColumnsProps } from "../columns";

package/dist/cjs/types/src/components/v1/forms/CSVUpload/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { CSVMenuOptionProps } from "../../buttons/CreateButton/CreateButtonWithMenuOptions";
+import { CSVMenuOptionProps } from "@v1/buttons/CreateButton/CreateButtonWithMenuOptions";
 interface CSVUploadProps {
     postAction?: (response: any) => void;
     open: boolean;

package/dist/cjs/types/src/components/v1/icons/ActiveIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface ActiveIconProps {
+    value?: boolean;
+}
+declare const ActiveIcon: React.FC<ActiveIconProps>;
+export default ActiveIcon;

package/dist/cjs/types/src/components/v1/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as ActiveIcon } from './ActiveIcon';

package/dist/cjs/types/src/components/v1/index.d.ts

@@ -3,6 +3,7 @@ export * from './badges';
 export * from './cards';
 export * from './datagrids';
 export * from './forms';
+export * from './icons';
 export * from './inputs';
 export * from './layout';
 export * from './lib';

package/dist/cjs/types/src/components/v1/inputs/controlled/ControlledDropdown/index.d.ts

@@ -1,7 +1,7 @@
 import { AutocompleteProps } from "@mui/material";
 import React from "react";
 import { BaseControlledFieldProps } from "../types";
-import { ComoOpcionesProps } from "../../../types";
+import { ComoOpcionesProps } from "@v1/types";
 export interface ControlledDropdownProps extends BaseControlledFieldProps {
     fieldProps?: Partial<AutocompleteProps<any, any, any, any>>;
     extraProps: {

package/dist/cjs/types/src/components/v1/inputs/controlled/ControlledSelect/index.d.ts

@@ -1,6 +1,6 @@
 import { AutocompleteProps } from "@mui/material";
 import React from "react";
-import { ComoOpcionesProps } from "../../../types";
+import { ComoOpcionesProps } from "@v1/types";
 import { BaseControlledFieldProps } from "../types";
 interface ControlledSelectProps extends BaseControlledFieldProps {
     fieldProps?: Partial<AutocompleteProps<any, any, any, any>>;

package/dist/cjs/types/src/components/v1/inputs/controlled/CrudDropdown/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { AutocompleteProps } from "@mui/material";
-import { ComoOpcionesProps } from "../../../types";
+import { ComoOpcionesProps } from "@v1/types";
 export interface CrudDropdownProps {
     name: string;
     label?: string;

package/dist/cjs/types/src/components/v1/layout/layouts/ContentLayout/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-export default function ContentLayout({ children, button, badge }: {
+export default function ContentLayout({ children, button, badge, }: {
     children: ReactNode;
     button: ReactNode;
     badge?: ReactNode;

package/dist/cjs/types/src/components/v1/layout/pages/CoverPage/index.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from "react";
 export interface CoverPageCardProps {
     title: string;
     description?: string;
-    permission: string;
+    permission: string | boolean;
     url: string;
     icon: ReactNode;
 }

package/dist/cjs/types/src/components/v1/layout/pages/DetailPage/Field/index.d.ts

@@ -1,5 +1,5 @@
 import { GridProps } from "@mui/material";
-import { PageType } from "../../../../types";
+import { PageType } from "@v1/types";
 import { FieldFilter } from "../types";
 export interface FieldProps {
     data?: any;

package/dist/cjs/types/src/components/v1/layout/pages/DetailPage/FieldArrayField/index.d.ts

@@ -1,9 +1,9 @@
 import { DataGridProps } from "@mui/x-data-grid";
 import { GridProps } from "@mui/material";
-import { PageType } from "../../../../types";
-import { JSONParserProps } from "../../../../forms";
+import { PageType } from "@v1/types";
+import { JSONParserProps } from "@v1/forms";
 import { FieldProps } from "../Field";
-import { MainDrawerProps } from "../../../../drawers/MainDrawer";
+import { MainDrawerProps } from "@v1/drawers/MainDrawer";
 declare module "@mui/x-data-grid" {
     interface ToolbarPropsOverrides {
         handleClick: () => void;

package/dist/cjs/types/src/components/v1/layout/pages/DetailPage/Section/index.d.ts

@@ -2,7 +2,7 @@ import { FieldProps } from "../Field";
 import { ArrayFieldProps } from "../FieldArrayField";
 import { ReactNode } from "react";
 import { FieldValidationProps, EditReadOnlyFields } from "../types";
-import { PageType } from "../../../../types";
+import { PageType } from "@v1/types";
 export interface SectionProps {
     display?: boolean | FieldValidationProps | FieldValidationProps[];
     data?: any;

package/dist/cjs/types/src/components/v1/layout/pages/DetailPage/index.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from "@mui/material";
 import { ReactNode, RefObject } from "react";
 import { SectionProps } from "./Section";
-import { PageType } from "../../../types";
+import { PageType } from "@v1/types";
 export interface DetailPageProps {
     object: {
         name: string;

package/dist/cjs/types/src/components/v1/layout/pages/ListPage/index.d.ts

@@ -1,4 +1,4 @@
-import { MyTabProps } from "../../shared";
+import { MyTabProps } from "@v1/layout/shared";
 import { ReactNode } from "react";
 export interface ListPageProps {
     tabs?: MyTabProps;

package/dist/cjs/types/src/components/v1/layout/shared/Tabs/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from "react";
 import { BoxProps } from "@mui/material";
-import { PageType } from "../../../types";
+import { PageType } from "@v1/types";
 export interface MyTab {
     value: string;
     label: string;

package/dist/cjs/types/src/components/v2/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./inputs";
 export * from "./layout";
 export * from "./lib";

package/dist/cjs/types/src/components/v2/inputs/controlled/ControlledAddressAutocomplete/index.d.ts

@@ -0,0 +1,46 @@
+import { type TextFieldProps } from "@mui/material";
+/**
+ * Forma JSON que se guarda en el formulario / se envía al backend.
+ * Para direcciones escritas a mano solo viene `formatted_address`.
+ */
+export interface AddressValue {
+    formatted_address: string;
+    place_id?: string | null;
+    lat?: number | null;
+    lng?: number | null;
+    street_number?: string;
+    route?: string | null;
+    neighborhood?: string | null;
+    locality?: string | null;
+    administrative_area_level_1?: string | null;
+    postal_code?: string | null;
+    country?: string | null;
+    country_code?: string | null;
+}
+interface ControlledAddressAutocompleteProps {
+    name: string;
+    label?: string;
+    control: any;
+    fieldProps?: TextFieldProps;
+    extraProps?: {
+        /**
+         * API key de Google Maps. Si no se pasa, se intenta leer
+         * `VITE_GOOGLE_MAPS_API_KEY` de `import.meta.env`.
+         */
+        apiKey?: string;
+        /** Restringe los resultados a estos países, p.ej. ["mx", "us"]. */
+        countries?: string[];
+        /** Idioma de los resultados, p.ej. "es". */
+        language?: string;
+        /**
+         * Callback opcional con el `Place` resuelto (con addressComponents,
+         * location, etc.) por si la pantalla necesita autollenar otros campos.
+         */
+        onResolved?: (place: any) => void;
+    };
+}
+declare const ControlledAddressAutocomplete: {
+    ({ name, label, control, fieldProps, extraProps, }: ControlledAddressAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ControlledAddressAutocomplete;

package/dist/cjs/types/src/components/v2/inputs/controlled/ControlledAmountWithCurrency/index.d.ts

@@ -0,0 +1,49 @@
+import { type InputBaseProps } from "@mui/material";
+import { type NumericFormatProps } from "react-number-format";
+import { type ComoOpcionesProps } from "@v1";
+/** Opción de un desplegable: `{ value, label }`. */
+interface Opciones {
+    value: string;
+    label: string;
+}
+interface ControlledAmountWithCurrencyProps {
+    /** Ruta del monto en el formulario, p.ej. "valores_de_factura.subtotal". */
+    name: string;
+    /** Control de react-hook-form (lo inyecta el `EditField` de la página). */
+    control?: any;
+    fieldProps?: Partial<NumericFormatProps<InputBaseProps>>;
+    extraProps?: {
+        /**
+         * Ruta de la moneda en el formulario. Por defecto `${name}_moneda`,
+         * de modo que "valores_de_factura.subtotal" usa
+         * "valores_de_factura.subtotal_moneda".
+         */
+        currencyName?: string;
+        /** Origen de las opciones de moneda (endpoint `como_opciones`). */
+        queryArgs?: ComoOpcionesProps;
+        /** Opciones estáticas de moneda (alternativa a `queryArgs`). */
+        options?: Opciones[];
+    };
+}
+/**
+ * Campo compuesto de monto + moneda que se muestra como una sola fila con
+ * borde: importe alineado a la derecha y un selector de moneda compacto al
+ * final.
+ *
+ * Está pensado para usarse como `type` de un campo de una página de detalle.
+ * La etiqueta la aporta el `Field` contenedor (no el propio campo):
+ *
+ * ```ts
+ * {
+ *     name: "valores_de_factura.subtotal",
+ *     label: "Subtotal",
+ *     type: ControlledAmountWithCurrency,
+ *     gridProps: { size: 12 },
+ * }
+ * ```
+ */
+declare const ControlledAmountWithCurrency: {
+    ({ name, control, fieldProps, extraProps, }: ControlledAmountWithCurrencyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ControlledAmountWithCurrency;

package/dist/cjs/types/src/components/v2/inputs/controlled/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ControlledAddressAutocomplete } from "./ControlledAddressAutocomplete";
+export type { AddressValue } from "./ControlledAddressAutocomplete";
+export { default as ControlledAmountWithCurrency } from "./ControlledAmountWithCurrency";

package/dist/cjs/types/src/components/v2/inputs/index.d.ts

@@ -0,0 +1 @@
+export * from "./controlled";

package/dist/cjs/types/src/components/v2/layout/index.d.ts

@@ -1 +1,2 @@
 export * from "./pages";
+export * from "./layouts";

package/dist/cjs/types/src/components/v2/layout/layouts/MainLayout/PageHeader.d.ts

@@ -0,0 +1,24 @@
+import { type Breadcrumb, type PageHeaderProps } from "@toolpad/core";
+/**
+ * Encabezado por defecto del `PageContainer`: resuelve título y breadcrumbs a
+ * partir de `useActivePage`, con soporte para páginas "sueltas" (rutas que ya no
+ * viven en la navegación pero cuyo crear/editar/detalle sigue existiendo).
+ *
+ * El título se lee de `state.header.title` (slice `headerReducer` de la librería)
+ * cuando hay un id en la ruta; de lo contrario se deriva del título de la página.
+ **/
+/**
+ * Página sin entrada en la navegación de Toolpad. Como `useActivePage` no la
+ * resuelve, el proyecto puede declarar aquí su título y breadcrumbs.
+ **/
+export interface DetachedPage {
+    title: string;
+    path: string;
+    breadcrumbs: Breadcrumb[];
+}
+export interface MainLayoutPageHeaderProps extends PageHeaderProps {
+    fullScreen?: boolean;
+    detachedPages?: DetachedPage[];
+    documentTitleSuffix?: string;
+}
+export default function PageHeader(props: MainLayoutPageHeaderProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/cjs/types/src/components/v2/layout/layouts/MainLayout/ProgressStatus.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Contenido por defecto de cada snack dentro de `ObjectProgressStack`.
+ * Muestra una barra de progreso (determinada si `progress` viene definido,
+ * indeterminada en caso contrario) y el porcentaje.
+ **/
+export interface ProgressStatusProps {
+    progress?: number;
+}
+declare const ProgressStatus: (props: ProgressStatusProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressStatus;

package/dist/cjs/types/src/components/v2/layout/layouts/MainLayout/SidebarFooter.d.ts

@@ -0,0 +1,12 @@
+import type { SidebarFooterProps } from "@toolpad/core/DashboardLayout";
+/**
+ * Pie por defecto del sidebar: versión del sistema y aviso de copyright.
+ * La versión y el texto de copyright se reciben por props porque dependen
+ * del proyecto que consume el layout (no se leen de `import.meta.env` aquí).
+ **/
+export interface MainLayoutSidebarFooterProps extends SidebarFooterProps {
+    version?: string;
+    copyright?: string;
+}
+declare const SidebarFooter: ({ mini, version, copyright }: MainLayoutSidebarFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarFooter;

package/dist/cjs/types/src/components/v2/layout/layouts/MainLayout/index.d.ts

@@ -0,0 +1,60 @@
+import { type ElementType, type JSXElementConstructor, type ReactNode } from "react";
+import { type Authentication, type Branding, type DashboardHeaderProps, type Navigation, type Session } from "@toolpad/core";
+import type { SidebarFooterProps } from "@toolpad/core/DashboardLayout";
+import type { Theme } from "@mui/material/styles";
+import { type DetachedPage } from "./PageHeader";
+/**
+ * Cascarón de la aplicación construido sobre Toolpad: barra superior, menú de
+ * navegación, alertas, tema y el `PageContainer` que renderiza el `Outlet`.
+ *
+ * Todo lo específico del proyecto (navegación, branding, sesión, autenticación,
+ * páginas sueltas, slots del header) se recibe por props. Reutiliza la
+ * infraestructura de la librería: `theme`, `ObjectProgressStack` y el slice
+ * `header` (leído por el `PageHeader` por defecto).
+ *
+ * Atajo Shift+F: alterna pantalla completa (oculta navegación y encabezados).
+ **/
+export interface MainLayoutProps {
+    /** Definición de navegación de Toolpad (items del sidebar). */
+    navigation: Navigation;
+    /** Branding de Toolpad (logo, título, homeUrl). */
+    branding?: Branding | null;
+    /** Sesión activa; se pasa tal cual al `AppProvider`. */
+    session?: Session | null;
+    /** Handlers de inicio/cierre de sesión. */
+    authentication?: Authentication;
+    /** Tema MUI ya construido. Por defecto el tema de la librería. */
+    theme?: Theme;
+    /** Páginas fuera de la navegación cuyo título/breadcrumbs debe resolver el `PageHeader`. */
+    detachedPages?: DetachedPage[];
+    /** Sufijo del `document.title` (ej. "Embarques" => "Título | Embarques"). */
+    documentTitleSuffix?: string;
+    /** Configuración del pie del sidebar por defecto. */
+    footer?: {
+        version?: string;
+        copyright?: string;
+    };
+    /** Ancho del sidebar expandido. */
+    sidebarExpandedWidth?: number;
+    /**
+     * Color de fondo del área de contenido. Se aplica al scroll container
+     * (`<main>`) para que cubra toda la altura scrolleable y no se corte cuando
+     * la página es más larga que el viewport.
+     */
+    pageBackgroundColor?: string;
+    /** Overrides de slots del layout. */
+    slots?: {
+        /** Barra superior del dashboard. Por defecto la de Toolpad. */
+        header?: JSXElementConstructor<DashboardHeaderProps>;
+        /** Pie del sidebar. Por defecto muestra versión y copyright. */
+        sidebarFooter?: ElementType<SidebarFooterProps>;
+        /** Encabezado de página. Por defecto resuelve título/breadcrumbs. */
+        pageHeader?: ElementType;
+        /** Contenido de cada snack de progreso. Por defecto una barra de progreso. */
+        progressStatus?: (data: any) => ReactNode;
+    };
+    /** Contenido a renderizar; por defecto el `<Outlet />` del router. */
+    children?: ReactNode;
+}
+declare const MainLayout: (props: MainLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default MainLayout;

package/dist/cjs/types/src/components/v2/layout/layouts/index.d.ts

@@ -0,0 +1,5 @@
+export { default as MainLayout } from "./MainLayout";
+export type { MainLayoutProps } from "./MainLayout";
+export type { DetachedPage, MainLayoutPageHeaderProps } from "./MainLayout/PageHeader";
+export type { MainLayoutSidebarFooterProps } from "./MainLayout/SidebarFooter";
+export type { ProgressStatusProps } from "./MainLayout/ProgressStatus";

package/dist/cjs/types/src/components/v2/layout/pages/DetailPage/Field/index.d.ts

@@ -1,11 +1,15 @@
 import { type GridProps } from "@mui/material";
-import { type PageType } from "../../../../../v1";
+import { type PageType } from "@v1";
 export interface FieldProps {
     pageType?: PageType;
     fieldData?: any;
+    /** Registro completo de la página; permite a los campos leer valores hermanos. */
+    data?: any;
     name: string;
     detail_name?: string;
     label: string;
+    /** Ubicación de la etiqueta respecto al campo. Por defecto `"top"`. */
+    labelPosition?: "top" | "left";
     type: any;
     gridProps?: GridProps;
     fieldProps?: object;

package/dist/cjs/types/src/components/v2/layout/pages/DetailPage/Section/index.d.ts

@@ -1,6 +1,6 @@
-import { type MyTab, type PageType } from "../../../../../v1";
+import { type MyTab, type PageType } from "@v1";
 import type { SubsectionProps } from "../Subsection";
-export interface SectionProps extends Omit<MyTab, "children"> {
+export interface SectionProps extends Partial<Omit<MyTab, "children">> {
     pageType?: PageType;
     display?: boolean;
     subsections: SubsectionProps[];

package/dist/cjs/types/src/components/v2/layout/pages/DetailPage/Subsection/index.d.ts

@@ -1,7 +1,8 @@
+import { GridProps } from "@mui/material";
 import { type ReactNode } from "react";
-import { type PageType } from "../../../../../v1";
+import { type PageType } from "@v1";
 import { type FieldProps } from "../Field";
-import { ArrayFieldProps } from "../../../../../v1/layout/pages/DetailPage/FieldArrayField";
+import { ArrayFieldProps } from "@v1/layout/pages/DetailPage/FieldArrayField";
 export interface SubsectionProps {
     display?: boolean;
     pageType?: PageType;
@@ -10,6 +11,9 @@ export interface SubsectionProps {
     title?: string;
     description?: string;
     first?: boolean;
+    slotProps?: {
+        parentGrid?: Partial<GridProps>;
+    };
     fields?: FieldProps[];
     arrayFields?: ArrayFieldProps[];
     content?: (data: any) => ReactNode;

package/dist/cjs/types/src/components/v2/layout/pages/DetailPage/index.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type JSONFormProps, type PageType } from "../../../../v1";
+import { type JSONFormProps, type PageType } from "@v1";
 import { type ButtonProps } from "@mui/material";
 import { type SectionProps } from "./Section";
 export interface DetailPageV2Props {
@@ -27,7 +27,10 @@ export interface DetailPageV2Props {
     pageType: PageType;
     slots?: {
         button?: ReactNode;
-        extraButtons?: ((id: number) => ReactNode)[];
+        extraButtons?: {
+            pageType: PageType | "all";
+            render: (id: number) => ReactNode;
+        }[];
         badge?: string;
     };
     slotProps?: {

package/dist/cjs/types/src/components/v2/lib/hooks/useMutationHandler.d.ts

@@ -1,5 +1,5 @@
 import { type UseFormReturn } from "react-hook-form";
-import { type JSONFormProps } from "../../../v1";
+import { type JSONFormProps } from "@v1";
 interface MutationHandlerOptions {
     mutationFn: (data: any) => {
         unwrap: () => Promise<any>;