@sfperusacdev/sf-ui 0.2.6 → 0.2.7

package/dist/types/src/components/dashboard/DashboardPageFrame.d.ts

@@ -3,13 +3,26 @@ export type DashboardDateRange = {
     from: string;
     to: string;
 };
+export type DashboardPageFrameMode = "range" | "day";
 export type DashboardPageFrameProps = {
     title: string;
     /** La pregunta que responde el tablero, debajo del título. */
     subtitle?: string;
+    /**
+     * `range` (por defecto): filtro Desde / Hasta / Comparar. `day`: el tablero mira un solo día, el filtro muestra
+     * un único campo (`dayLabel`) ligado a `range.to`; `onApply` recibe `from` tal como vino en `range` y el consumidor
+     * decide qué hacer con él. El tercer campo solo aparece si hay algo que decir (`compareLabel` o borrador pendiente).
+     */
+    mode?: DashboardPageFrameMode;
     /** Rango aplicado (YYYY-MM-DD). El marco guarda un borrador aparte hasta que el usuario pulsa «Aplicar». */
     range: DashboardDateRange;
     onApply: (range: DashboardDateRange) => void;
+    fromLabel?: string;
+    toLabel?: string;
+    /** Etiqueta del único campo en modo `day`. */
+    dayLabel?: string;
+    /** Etiqueta del tercer campo (`Comparar` en modo rango, `Nota` en modo día). */
+    compareFieldLabel?: string;
     /** Devuelve el mensaje de error si el borrador no es válido; `null` si se puede aplicar. */
     validate?: (range: DashboardDateRange) => string | null;
     /** Error del rango ya aplicado (p. ej. venía inválido en la URL): se muestra y no se pintan los hijos. */
@@ -40,4 +53,4 @@ export type DashboardPageFrameProps = {
  * botón de actualizar y el filtro de rango de fechas con borrador y validación. Los hijos van dentro de
  * `DashboardLayout`, así que `DashboardBoard` encaja directamente.
  */
-export declare const DashboardPageFrame: ({ title, subtitle, range, onApply, validate, error, loading, updatedAt, live, cutoffLabel, onRefresh, refreshLabel, compareLabel, pendingLabel, applyLabel, filterAriaLabel, slowAfterSeconds, className, children, }: DashboardPageFrameProps) => import("react").JSX.Element;
+export declare const DashboardPageFrame: ({ title, subtitle, mode, range, onApply, fromLabel, toLabel, dayLabel, compareFieldLabel, validate, error, loading, updatedAt, live, cutoffLabel, onRefresh, refreshLabel, compareLabel, pendingLabel, applyLabel, filterAriaLabel, slowAfterSeconds, className, children, }: DashboardPageFrameProps) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfperusacdev/sf-ui",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "SF UI — librería de componentes React (inputs, tablas, hooks) para aplicaciones SF Perú.",
   "type": "module",
   "main": "./dist/sf-ui.umd.cjs",