@acvl/frontend-components 0.0.68 → 0.0.70

package/dist/index.d.ts

@@ -983,11 +983,10 @@ interface MyTabProps {
     /**
      * Alto que se ajusta al contenido, con `ALTO` de tope, en vez del alto fijo de siempre.
      *
-     * El default arma la cadena de altos con porcentajes: el contenedor mide `ALTO`, el de
-     * los paneles 93.5% de él y cada panel 100% del anterior. Eso sólo funciona con un alto
-     * definido arriba — si el contenedor midiera `100%` de un padre sin alto, toda la cadena
-     * resuelve a `auto` y lo de adentro (un DataGrid, por ejemplo) crece con su contenido y
-     * se desborda.
+     * El default llena el alto del padre y reparte por flex: los botones ceden lo suyo y el
+     * resto se lo queda el contenido. Si el padre no tiene alto definido —un `Tabs` dentro
+     * de un formulario o de un cajón—, ese `100%` resuelve a `auto` y toda la cadena se
+     * quedaría sin alto, así que ahí entra `ALTO` como mínimo.
      *
      * Con `fitContent` la cadena es flex: el contenedor no fija alto, sólo `maxHeight`, y
      * cada eslabón va con `flex: 1 1 auto` + `minHeight: 0` para poder encoger. Las pestañas
@@ -1732,6 +1731,22 @@ interface DeleteGridColumnsProps {
  */
 declare const deleteColumn: (props: DeleteGridColumnsProps) => GridColDefPropsOverrides[];
 
+type ChipColor = "primary" | "secondary" | "error" | "warning" | "info" | "success";
+type ChipOption = {
+    value: string;
+    label: string;
+};
+declare const resolveChipOption: (value: unknown, options: ChipOption[]) => ChipOption | undefined;
+type ChipCellProps = {
+    value?: unknown;
+    options: ChipOption[];
+    colors?: Record<string, ChipColor>;
+};
+declare const ChipCell: ({ value, options, colors }: ChipCellProps) => react_jsx_runtime.JSX.Element | null;
+declare const renderChipCell: (options: ChipOption[], colors?: Record<string, ChipColor>) => ({ value }: {
+    value?: unknown;
+}) => react_jsx_runtime.JSX.Element;
+
 /**
  * Datos que recibe el renderizado de detalle de un input. Es un subconjunto de
  * `FieldProps` (los campos que necesita la vista de solo lectura), más un
@@ -1856,6 +1871,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`,
@@ -2636,8 +2686,8 @@ interface MainLayoutProps {
     /**
      * Separación en px entre el contorno y el panel de contenido, a la derecha
      * y abajo (arriba y a la izquierda el contenido va a ras del header y del
-     * sidebar). Se descuenta de la altura del área de trabajo para que el
-     * contenido siga cabiendo sin scroll extra.
+     * sidebar). Al ser margen del scroll container, el área de trabajo lo
+     * descuenta sola y el contenido sigue cabiendo sin scroll extra.
      */
     contentGap?: number;
     /**
@@ -2815,5 +2865,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, 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 };
+export { APIContext, APIProvider, ActiveCell, ActiveIcon, Base, ButtonWithDrawer, COLOR_SCHEME_SELECTOR, CSVUpload, ChipCell, 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, renderChipCell, renderEditCellWithErrorTooltip, resolveChipOption, 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, ChipCellProps, ChipColor, ChipOption, 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.68",
+    "version": "0.0.70",
     "description": "Component library for ACV frontend projects.",
     "homepage": "https://github.com/ACV-Logistics/acv-frontend-components#readme",
     "access": "public",