@liberfi.io/ui-predict 4.0.28 → 4.0.30

package/dist/index.d.mts

@@ -480,13 +480,21 @@ interface EventDetailSkeletonProps {
 declare function EventDetailSkeleton({ marketCount, showBack, }: EventDetailSkeletonProps): react_jsx_runtime.JSX.Element;
 declare function TradeFormSkeleton(): react_jsx_runtime.JSX.Element;
 
+type ViewMode = "depth" | "table";
 interface EventMarketDetailWidgetProps {
     market: PredictMarket;
     /** Which outcome's orderbook to display; defaults to "yes". */
     outcome?: TradeOutcome;
     onTradeAction?: (market: PredictMarket, outcome: TradeOutcome, side: TradeSide) => void;
+    /** Initial view: "depth" (horizontal chart) or "table" (vertical ladder). Defaults to "depth". */
+    initialViewMode?: ViewMode;
+    /**
+     * Optional class for the outer container. Overrides the default fixed
+     * `h-[262px]` so the widget can fill a flexible parent (e.g. `h-full`).
+     */
+    className?: string;
 }
-declare function EventMarketDetailWidget({ market, outcome, onTradeAction, }: EventMarketDetailWidgetProps): react_jsx_runtime.JSX.Element;
+declare function EventMarketDetailWidget({ market, outcome, onTradeAction, initialViewMode, className, }: EventMarketDetailWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface EventPriceChartProps {
     event: PredictEvent;
@@ -495,6 +503,12 @@ interface EventPriceChartProps {
     className?: string;
     /** Event total volume (shown in chart footer bar alongside interval switcher) */
     volume?: number;
+    /**
+     * When true, the chart plot area grows to fill the outer container height
+     * (with a sensible minimum) instead of using a fixed 300px height. Useful for
+     * equal-height row layouts. Defaults to false (fixed 300px).
+     */
+    fillHeight?: boolean;
 }
 declare function EventPriceChart(props: EventPriceChartProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -480,13 +480,21 @@ interface EventDetailSkeletonProps {
 declare function EventDetailSkeleton({ marketCount, showBack, }: EventDetailSkeletonProps): react_jsx_runtime.JSX.Element;
 declare function TradeFormSkeleton(): react_jsx_runtime.JSX.Element;
 
+type ViewMode = "depth" | "table";
 interface EventMarketDetailWidgetProps {
     market: PredictMarket;
     /** Which outcome's orderbook to display; defaults to "yes". */
     outcome?: TradeOutcome;
     onTradeAction?: (market: PredictMarket, outcome: TradeOutcome, side: TradeSide) => void;
+    /** Initial view: "depth" (horizontal chart) or "table" (vertical ladder). Defaults to "depth". */
+    initialViewMode?: ViewMode;
+    /**
+     * Optional class for the outer container. Overrides the default fixed
+     * `h-[262px]` so the widget can fill a flexible parent (e.g. `h-full`).
+     */
+    className?: string;
 }
-declare function EventMarketDetailWidget({ market, outcome, onTradeAction, }: EventMarketDetailWidgetProps): react_jsx_runtime.JSX.Element;
+declare function EventMarketDetailWidget({ market, outcome, onTradeAction, initialViewMode, className, }: EventMarketDetailWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface EventPriceChartProps {
     event: PredictEvent;
@@ -495,6 +503,12 @@ interface EventPriceChartProps {
     className?: string;
     /** Event total volume (shown in chart footer bar alongside interval switcher) */
     volume?: number;
+    /**
+     * When true, the chart plot area grows to fill the outer container height
+     * (with a sensible minimum) instead of using a fixed 300px height. Useful for
+     * equal-height row layouts. Defaults to false (fixed 300px).
+     */
+    fillHeight?: boolean;
 }
 declare function EventPriceChart(props: EventPriceChartProps): react_jsx_runtime.JSX.Element;