@acvl/frontend-components 0.0.87 → 0.0.89

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _mui_material from '@mui/material';
-import { ButtonProps, ButtonGroupProps, IconButtonProps, MenuItemProps, BoxProps, AutocompleteProps, SliderProps, SwitchProps, GridProps, DrawerProps, SxProps, Theme, StackProps, TypographyProps, MenuProps, PaletteColorOptions, TextFieldProps as TextFieldProps$1, InputBaseProps, DialogProps, DialogContentProps } from '@mui/material';
+import { ButtonProps, ButtonGroupProps, IconButtonProps, MenuItemProps, BoxProps, AutocompleteProps, SliderProps, SwitchProps, ToggleButtonGroupProps, GridProps, DrawerProps, SxProps, Theme, StackProps, TypographyProps, MenuProps, PaletteColorOptions, TextFieldProps as TextFieldProps$1, InputBaseProps, DialogProps, DialogContentProps } from '@mui/material';
 import * as React$1 from 'react';
 import React__default, { ReactNode, Dispatch, SetStateAction, JSX, RefObject, FC, ReactElement, ComponentType, BaseSyntheticEvent, JSXElementConstructor, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -202,7 +202,7 @@ interface CoverPageCardProps$1 {
 }
 declare const ModuleCard: React__default.FC<CoverPageCardProps$1>;
 
-type PageType = 'detail' | 'list' | 'edit' | 'create';
+type PageType = "detail" | "list" | "edit" | "create";
 interface ComoOpcionesProps {
     endpoint: string;
     filters?: any;
@@ -235,7 +235,7 @@ interface MyGridFilterModel {
     quickFilterValues?: string;
 }
 interface MyDataGridProps extends DataGridProps {
-    initialState?: DataGridProps['initialState'] & {
+    initialState?: DataGridProps["initialState"] & {
         filters?: {
             filterModel: MyGridFilterModel;
         };
@@ -582,7 +582,14 @@ interface ControlledSliderProps$1 extends BaseControlledFieldProps {
 declare const ControlledSlider$1: React__default.FC<ControlledSliderProps$1>;
 
 interface ControlledSwitchProps extends BaseControlledFieldProps {
-    fieldProps?: SwitchProps;
+    /**
+     * Props del `Switch` de MUI, más `helperText`: el texto de ayuda que se pinta
+     * debajo, como en `ControlledText`. No es prop del `Switch`, así que se aparta
+     * antes del spread para que no le llegue a MUI.
+     */
+    fieldProps?: SwitchProps & {
+        helperText?: React__default.ReactNode;
+    };
 }
 declare const ControlledSwitch: React__default.FC<ControlledSwitchProps>;
 
@@ -595,7 +602,18 @@ interface ControlledTextProps extends BaseControlledFieldProps {
 declare const ControlledText: React__default.FC<ControlledTextProps>;
 
 interface ControlledToggleButtonsProps extends BaseControlledFieldProps {
-    fieldProps?: SwitchProps;
+    /**
+     * Props del `ToggleButtonGroup` de MUI, más `helperText`: el texto de ayuda que se pinta
+     * debajo, como en `ControlledSwitch`. No es prop del grupo, así que se aparta antes del
+     * spread para que no le llegue a MUI.
+     *
+     * Quedan fuera las que controla el componente: `value` y `onChange` son del formulario,
+     * `exclusive` lo exige `handleChange` (asume un solo valor) y `children` sale de
+     * `extraProps.options`.
+     */
+    fieldProps?: Omit<ToggleButtonGroupProps, "value" | "onChange" | "exclusive" | "children"> & {
+        helperText?: ReactNode;
+    };
     extraProps: {
         options: {
             value: string;
@@ -1022,7 +1040,7 @@ declare function DetailPage$1(props: DetailPageProps): react_jsx_runtime.JSX.Ele
 
 /**
  * Muestra animación de cargado hasta arriba de la página
-**/
+ **/
 declare const Loadable: (Component: any) => (props: any) => react_jsx_runtime.JSX.Element;
 
 interface LoadingComponentProps {
@@ -1038,7 +1056,7 @@ declare const LoadingComponent: React__default.FC<LoadingComponentProps>;
  * El archivo de marca es un PNG con fondo transparente, bola roja y letras
  * negras. En claro va tal cual; en oscuro las letras negras desaparecerían
  * contra el fondo, así que se recolorea por CSS a blanco.
-**/
+ **/
 interface LogoProps {
     /** Altura máxima en px. */
     maxHeight?: number;
@@ -1092,15 +1110,15 @@ declare const Tabs: React__default.FC<MyTabProps>;
 
 interface TransitionsProps {
     children?: ReactNode;
-    position?: 'top-left' | 'top-right' | 'top' | 'bottom-left' | 'bottom-right' | 'bottom';
-    type?: 'grow' | 'fade' | 'collapse' | 'slide' | 'zoom';
-    direction?: 'up' | 'down' | 'left' | 'right';
+    position?: "top-left" | "top-right" | "top" | "bottom-left" | "bottom-right" | "bottom";
+    type?: "grow" | "fade" | "collapse" | "slide" | "zoom";
+    direction?: "up" | "down" | "left" | "right";
     boxSX?: BoxProps;
     [x: string]: any;
 }
 /**
  * Componente customizable para generar efectos de transición
-**/
+ **/
 declare const Transitions: React$1.ForwardRefExoticComponent<Omit<TransitionsProps, "ref"> & React$1.RefAttributes<unknown>>;
 
 interface ListPageProps {
@@ -1755,7 +1773,7 @@ declare const _default$1: redux.Reducer<{
 
 /**
  * Declara la sección de configuración en la tienda
-**/
+ **/
 interface Props$1 {
     title?: string;
 }
@@ -1835,8 +1853,8 @@ declare const HistorialDrawer: React__default.FC<HistorialDrawerProps>;
  * El tema publica dos esquemas de color (claro y oscuro) como variables CSS, así
  * que cambiar de modo no reconstruye el tema: solo cambia el atributo del `<html>`
  * y el navegador resuelve las variables. Ver `useColorMode` para el interruptor.
-**/
-declare module '@mui/material/styles' {
+ **/
+declare module "@mui/material/styles" {
     interface PaletteColor {
         lighter?: string;
         darker?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acvl/frontend-components",
-    "version": "0.0.87",
+    "version": "0.0.89",
     "description": "Component library for ACV frontend projects.",
     "homepage": "https://github.com/ACV-Logistics/acv-frontend-components#readme",
     "access": "public",
@@ -22,7 +22,9 @@
     "scripts": {
         "dev": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript --watch",
         "build": "rimraf dist && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript && rimraf dist/esm/types",
-        "test": "vitest run"
+        "test": "vitest run",
+        "format": "prettier --write .",
+        "format:check": "prettier --check ."
     },
     "devDependencies": {
         "@babel/core": "^7.29.0",
@@ -39,6 +41,7 @@
         "@types/react": "^19.2.14",
         "@types/rollup-plugin-peer-deps-external": "^2.2.6",
         "postcss": "^8.5.8",
+        "prettier": "3.9.6",
         "react": "^19.2.5",
         "react-dom": "^19.2.4",
         "rimraf": "^6.1.3",