courthive-components 1.6.0 → 1.7.1

package/dist/components/competitivenessBar/aggregateCompetitiveness.d.ts

@@ -0,0 +1,3 @@
+import { CompetitivenessBuckets } from './types';
+export declare function aggregateCompetitiveness(items: any[]): CompetitivenessBuckets;
+export declare function totalBuckets(buckets: CompetitivenessBuckets): number;

package/dist/components/competitivenessBar/buildCompetitivenessBar.d.ts

@@ -0,0 +1,6 @@
+import { CompetitivenessBuckets } from './types';
+export interface BuildCompetitivenessBarResult {
+    element: HTMLElement;
+    update: (buckets: CompetitivenessBuckets) => void;
+}
+export declare function buildCompetitivenessBar(): BuildCompetitivenessBarResult;

package/dist/components/competitivenessBar/buildCompetitivenessDonut.d.ts

@@ -0,0 +1,6 @@
+import { CompetitivenessBuckets } from './types';
+export interface BuildCompetitivenessDonutResult {
+    element: HTMLElement;
+    update: (buckets: CompetitivenessBuckets) => void;
+}
+export declare function buildCompetitivenessDonut(): BuildCompetitivenessDonutResult;

package/dist/components/competitivenessBar/index.d.ts

@@ -0,0 +1,7 @@
+export { buildCompetitivenessBar } from './buildCompetitivenessBar';
+export { buildCompetitivenessDonut } from './buildCompetitivenessDonut';
+export { aggregateCompetitiveness, totalBuckets } from './aggregateCompetitiveness';
+export { COMPETITIVENESS_BUCKETS } from './types';
+export type { BuildCompetitivenessBarResult } from './buildCompetitivenessBar';
+export type { BuildCompetitivenessDonutResult } from './buildCompetitivenessDonut';
+export type { CompetitivenessBucket, CompetitivenessBuckets } from './types';

package/dist/components/competitivenessBar/types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Competitiveness Bar — Type Definitions.
+ */
+export declare const COMPETITIVENESS_BUCKETS: readonly ["COMPETITIVE", "ROUTINE", "DECISIVE", "WALKOVER"];
+export type CompetitivenessBucket = (typeof COMPETITIVENESS_BUCKETS)[number];
+export type CompetitivenessBuckets = Record<CompetitivenessBucket, number>;

package/dist/components/composition-editor/compositionEditorStore.d.ts

@@ -1,4 +1,4 @@
-import { Configuration } from '../../types';
+import { CompositionColors, Configuration } from '../../types';
 import { CompositionEditorConfig, CompositionEditorState, CompositionEditorListener, SectionId } from './compositionEditorTypes';
 export declare class CompositionEditorStore {
     private state;
@@ -9,14 +9,16 @@ export declare class CompositionEditorStore {
     subscribe(listener: CompositionEditorListener): () => void;
     toggleSection(sectionId: SectionId): void;
     setTheme(theme: string): void;
+    setColorField<K extends keyof CompositionColors>(key: K, value: CompositionColors[K] | undefined): void;
+    clearColors(): void;
     setCompositionName(name: string): void;
     setConfigField<K extends keyof Configuration>(key: K, value: Configuration[K]): void;
     /** Update a nested object field (e.g., gameScore, placeHolders, scaleAttributes) */
     setConfigNestedField<K extends keyof Configuration>(key: K, nestedKey: string, value: unknown): void;
     /** Replace the entire configuration (e.g., loading a preset) */
     setConfiguration(configuration: Configuration): void;
-    /** Load a full composition (theme + config + name) */
-    loadComposition(name: string, theme: string, configuration: Configuration): void;
+    /** Load a full composition (theme + config + name + colors) */
+    loadComposition(name: string, theme: string, configuration: Configuration, colors?: CompositionColors): void;
     resetToInitial(): void;
     private setState;
     private emit;

package/dist/components/composition-editor/compositionEditorTypes.d.ts

@@ -1,9 +1,10 @@
-import { Composition, Configuration } from '../../types';
+import { Composition, CompositionColors, Configuration } from '../../types';
 /** JSON-serializable snapshot of a composition (no functions/DOM refs) */
 export interface SavedComposition {
     compositionName: string;
     theme: string;
     configuration: Configuration;
+    colors?: CompositionColors;
     version?: number;
 }
 export interface CompositionEditorConfig {
@@ -20,11 +21,12 @@ export interface CompositionEditorConfig {
     /** Restrict available theme choices */
     availableThemes?: string[];
 }
-export type SectionId = 'theme' | 'display' | 'score' | 'participant' | 'placeholder' | 'scale' | 'layout';
+export type SectionId = 'theme' | 'colors' | 'display' | 'score' | 'participant' | 'placeholder' | 'scale' | 'layout';
 export interface CompositionEditorState {
     compositionName: string;
     theme: string;
     configuration: Configuration;
+    colors?: CompositionColors;
     expandedSections: Set<SectionId>;
     isDirty: boolean;
     readOnly: boolean;

package/dist/components/composition-editor/sections/colorsSection.d.ts

@@ -0,0 +1,3 @@
+import { CompositionEditorStore } from '../compositionEditorStore';
+import { EditorPanel } from '../compositionEditorTypes';
+export declare function buildColorsSection(store: CompositionEditorStore): EditorPanel;

package/dist/components/draw-card/buildDrawCard.d.ts

@@ -0,0 +1,2 @@
+import { DrawCardCallbacks, DrawCardConfig, DrawCardData } from './types';
+export declare function buildDrawCard(data: DrawCardData, config?: Partial<DrawCardConfig>, callbacks?: DrawCardCallbacks): HTMLElement;

package/dist/components/draw-card/buildSkeletonCard.d.ts

@@ -0,0 +1,2 @@
+/** Placeholder card for loading states. Render 3–6 of these in the grid wrap. */
+export declare function buildDrawSkeletonCard(): HTMLElement;

package/dist/components/draw-card/defaultConfig.d.ts

@@ -0,0 +1,3 @@
+import { DrawCardConfig } from './types';
+export declare const DEFAULT_DRAW_CARD_CONFIG: DrawCardConfig;
+export declare function mergeDrawCardConfig(override?: Partial<DrawCardConfig>): DrawCardConfig;

package/dist/components/draw-card/index.d.ts

@@ -0,0 +1,6 @@
+export { buildDrawCard } from './buildDrawCard';
+export { buildDrawSkeletonCard } from './buildSkeletonCard';
+export { mapDrawDefinitionToCardData } from './mapDraw';
+export { DEFAULT_DRAW_CARD_CONFIG, mergeDrawCardConfig } from './defaultConfig';
+export type { MapDrawOptions } from './mapDraw';
+export type { DrawCardCallbacks, DrawCardConfig, DrawCardCornerField, DrawCardData, DrawCardField, DrawMatchUpCounts, DrawStatusKind, DrawStatusPill } from './types';

package/dist/components/draw-card/mapDraw.d.ts

@@ -0,0 +1,18 @@
+import { DrawCardData, DrawMatchUpCounts, DrawStatusPill } from './types';
+export interface MapDrawOptions {
+    lightMode?: boolean;
+    matchUpStats?: DrawMatchUpCounts;
+    /** Pre-computed averages (consumer might fetch via factory.getRatingsStats). */
+    utrAvg?: number;
+    wtnAvg?: number;
+    /** Pre-resolved publish flags from publishingGovernor. */
+    published?: boolean;
+    embargoActive?: boolean;
+    /** Pre-resolved entry count (consumer often has this via getAssignedParticipantIds). */
+    entryCount?: number;
+    /** Back-reference for click handlers. */
+    eventId?: string;
+    /** Override the resolved status. */
+    statusOverride?: DrawStatusPill | null;
+}
+export declare function mapDrawDefinitionToCardData(drawDefinition: any, options?: MapDrawOptions): DrawCardData;

package/dist/components/draw-card/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const dcCardStyle: () => string;
+export declare const dcCardClickableStyle: () => string;
+export declare const dcCornerBadgesStyle: () => string;
+export declare const dcStatusPillStyle: () => string;
+export declare const dcSecondaryBadgeStyle: () => string;
+export declare const dcBodyStyle: () => string;
+export declare const dcVizZoneStyle: () => string;
+export declare const dcTitleRowStyle: () => string;
+export declare const dcTitleStyle: () => string;
+export declare const dcDrawTypeLabelStyle: () => string;
+export declare const dcMetaLineStyle: () => string;
+export declare const dcFooterStyle: () => string;
+export declare const dcChipStyle: () => string;
+export declare const dcProgressStyle: () => string;
+export declare const dcProgressBarStyle: () => string;
+export declare const dcProgressFillStyle: () => string;
+export declare const dcSkeletonStyle: () => string;
+export declare const dcSkeletonLineStyle: () => string;

package/dist/components/draw-card/types.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Draw Card — Type Definitions
+ *
+ * Flat data + JSON-serializable config consumed by buildDrawCard.
+ */
+export type DrawStatusKind = 'ungenerated' | 'ready' | 'in-progress' | 'completed' | 'cancelled';
+export interface DrawStatusPill {
+    kind: DrawStatusKind;
+    label: string;
+}
+export interface DrawMatchUpCounts {
+    total: number;
+    completed: number;
+    inProgress: number;
+    scheduled: number;
+}
+export interface DrawCardData {
+    drawId: string;
+    drawName: string;
+    /** TODS drawType code, e.g. 'SINGLE_ELIMINATION' / 'ROUND_ROBIN'. */
+    drawType?: string;
+    /** Human label derived from drawType (e.g. "Single Elimination"). */
+    drawTypeLabel?: string;
+    drawSize?: number;
+    entryCount?: number;
+    /** matchUpFormat code surfaced as a chip in the footer. */
+    matchUpFormat?: string;
+    flightNumber?: number;
+    /** undefined when the underlying flight hasn't been generated yet. */
+    matchUpCounts?: DrawMatchUpCounts;
+    /** True once `structures` have been created on the drawDefinition. */
+    generated: boolean;
+    published?: boolean;
+    embargoActive?: boolean;
+    /** Average ratings across the draw, when scaleValues are available. */
+    utrAvg?: number;
+    wtnAvg?: number;
+    status?: DrawStatusPill | null;
+    /** Back-reference for callers that need it on click; not rendered. */
+    eventId?: string;
+    /** Optional visualization element rendered above the body (e.g. histogram,
+     * competitiveness bar, sunburst). The card is intentionally agnostic about
+     * which viz lives here — the consumer instantiates it. Pair with
+     * `DrawCardConfig.showVisualization = true`. */
+    visualization?: HTMLElement | null;
+}
+export type DrawCardField = 'title' | 'drawTypeLabel' | 'drawSize' | 'matchUpFormat' | 'entries' | 'matchUpProgress' | 'ratings' | 'flightNumber';
+export type DrawCardCornerField = 'status' | 'publishedBadge' | 'embargoBadge';
+export interface DrawCardConfig {
+    cornerBadges: DrawCardCornerField[];
+    body: DrawCardField[];
+    footer: DrawCardField[];
+    /** When true and `DrawCardData.visualization` is set, the visualization
+     * element renders in a dedicated zone above the body. Default `false`. */
+    showVisualization?: boolean;
+}
+export interface DrawCardCallbacks {
+    onClick?: (data: DrawCardData) => void;
+}

package/dist/components/event-card/styles.d.ts

@@ -16,6 +16,10 @@ export declare const ecDateRangeStyle: () => string;
 export declare const ecFooterStyle: () => string;
 export declare const ecPlayerCountStyle: () => string;
 export declare const ecMatchUpProgressStyle: () => string;
+export declare const ecProgressStyle: () => string;
+export declare const ecProgressMetaStyle: () => string;
+export declare const ecProgressBarStyle: () => string;
+export declare const ecProgressFillStyle: () => string;
 export declare const ecUpdatedAtStyle: () => string;
 export declare const ecSkeletonStyle: () => string;
 export declare const ecSkeletonLineStyle: () => string;

package/dist/compositions/resolvePublishedComposition.d.ts

@@ -1,12 +1,23 @@
-import { Composition, Configuration } from '../types';
+import { Composition, CompositionColors, Configuration } from '../types';
 export interface DisplayExtensionValue {
     compositionName?: string;
     theme?: string;
     configuration?: Partial<Configuration>;
+    /** Per-composition color overrides snapshot. When present, wins over the
+     * named-composition's theme defaults. Set by TMX when applying a user
+     * composition so the colors travel with published draws even when the
+     * `compositionName` isn't a builtin known to this package. */
+    colors?: CompositionColors;
 }
 /**
  * Resolves a published composition from a DISPLAY extension value.
  * Returns a new composition object (never mutates the built-in singletons).
  * Falls back to 'National' if the named composition is not found.
+ *
+ * For user compositions (names not in the builtin map), the named lookup
+ * falls back to the default, but `display.theme`, `display.configuration`,
+ * and `display.colors` from the extension still apply — so TMX-side custom
+ * compositions render correctly in courthive-public as long as TMX persists
+ * the full snapshot.
  */
 export declare function resolvePublishedComposition(display?: DisplayExtensionValue, fallbackName?: string): Composition;