react-semaphor 0.1.304 → 0.1.306

package/dist/types/types.d.ts

@@ -590,10 +590,7 @@ declare interface ColumnSettings {
     maxWidth?: number;
     textOverflow?: 'ellipsis' | 'wrap' | 'clip';
     textWrap: 'wrap' | 'nowrap';
-    /**
-     * Totals-row behavior for this column. Undefined = 'none'. The footer
-     * renders only when at least one visible column has a non-'none' behavior.
-     */
+    /** Deprecated/inert. Totals are controlled by tablePrefs.tableStyle.totals. */
     totalsBehavior?: TotalsBehavior;
     totalsLabel?: string;
     numberFormat: {
@@ -633,6 +630,90 @@ declare type ColumnSettingsMap = Record<string, ColumnSettings>;
 
 declare type ColumnType = 'string' | 'number' | 'date';
 
+declare type ComparisonOperator = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte';
+
+declare type ConditionalFormatCondition = {
+    kind: 'comparison';
+    columnId: string;
+    operator: ComparisonOperator;
+    value: unknown;
+} | {
+    kind: 'between';
+    columnId: string;
+    min: unknown;
+    max: unknown;
+    inclusive?: boolean;
+} | {
+    kind: 'blank';
+    columnId: string;
+    isBlank: boolean;
+} | {
+    kind: 'contains';
+    columnId: string;
+    value: string;
+    caseSensitive?: boolean;
+    exact?: boolean;
+} | {
+    kind: 'topBottom';
+    columnId: string;
+    direction: 'top' | 'bottom';
+    count: number;
+} | {
+    kind: 'colorScale';
+    columnId: string;
+    range: 'auto' | 'manual';
+    min?: number;
+    mid?: number;
+    max?: number;
+    colors: {
+        min: string;
+        mid?: string;
+        max: string;
+    };
+} | {
+    kind: 'dataBar';
+    columnId: string;
+    range: 'auto' | 'manual';
+    min?: number;
+    max?: number;
+    color: string;
+    showValue?: boolean;
+};
+
+declare type ConditionalFormatRule = {
+    id: string;
+    name?: string;
+    enabled?: boolean;
+    target: ConditionalFormatTarget;
+    condition: ConditionalFormatCondition;
+    style?: ConditionalFormatStyle;
+};
+
+declare type ConditionalFormatStyle = {
+    backgroundColor?: string;
+    textColor?: string;
+    fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    italic?: boolean;
+    textDecoration?: 'none' | 'underline' | 'line-through';
+    icon?: 'arrowUp' | 'arrowDown' | 'warning' | 'check' | 'x';
+    dataBar?: {
+        color: string;
+        showValue: boolean;
+    };
+};
+
+declare type ConditionalFormatTarget = {
+    level: 'cell' | 'row';
+    columnIds?: string[];
+    conditionColumnId?: string;
+    applyToColumnIds?: string[];
+    tableParts?: TablePart[];
+    rowRoles?: string[];
+    depth?: number;
+    includeTotals?: boolean;
+    includeSubtotals?: boolean;
+};
+
 export declare type ConnectionPolicy = {
     connectionId?: string;
     name: string;
@@ -1222,12 +1303,6 @@ export declare type DocumentSpacerSection = {
     heightPx: number;
 };
 
-export declare type DocumentTableDensity = 'comfortable' | 'standard' | 'compact' | 'dense';
-
-export declare type DocumentTableGridLines = 'none' | 'outer' | 'inner' | 'horizontal' | 'vertical' | 'top' | 'right' | 'bottom' | 'left' | 'full';
-
-export declare type DocumentTableHeaderStyle = 'plain' | 'filled' | 'accent';
-
 export declare type DocumentTableSection = {
     id: string;
     type: 'table';
@@ -1238,30 +1313,9 @@ export declare type DocumentTableSection = {
         columnFormatting?: Record<string, unknown>;
         repeatHeaderOnPageBreak?: boolean;
         rowHeightPx?: number;
-        style?: DocumentTableStyle;
-        totalsStyle?: DocumentTableTotalsStyle;
     };
 };
 
-export declare type DocumentTableStyle = {
-    density?: DocumentTableDensity;
-    headerStyle?: DocumentTableHeaderStyle;
-    headerBackgroundColor?: string;
-    headerTextColor?: string;
-    stripedRows?: boolean;
-    gridLines?: DocumentTableGridLines;
-    wrapText?: boolean;
-};
-
-export declare type DocumentTableTotalsFontWeight = 'normal' | 'medium' | 'semibold' | 'bold';
-
-export declare type DocumentTableTotalsStyle = {
-    backgroundColor?: string;
-    textColor?: string;
-    fontWeight?: DocumentTableTotalsFontWeight;
-    borderTop?: boolean;
-};
-
 export declare type DocumentTextContent = DocumentTextNode[];
 
 export declare type DocumentTextInlineFormat = {
@@ -2287,6 +2341,29 @@ declare type TableAppearance = {
     };
 };
 
+declare type TableBaseFormatting = {
+    version: TableFormattingVersion;
+    tableParts?: Partial<Record<TablePart, TableBaseStyle>>;
+    columns?: Record<string, {
+        body?: TableBaseStyle;
+        header?: TableBaseStyle;
+        footer?: TableBaseStyle;
+    }>;
+};
+
+declare type TableBaseStyle = {
+    fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    italic?: boolean;
+    textColor?: string;
+    backgroundColor?: string;
+    textDecoration?: 'none' | 'underline' | 'line-through';
+};
+
+declare type TableConditionalFormatting = {
+    version: TableFormattingVersion;
+    rules: ConditionalFormatRule[];
+};
+
 /**
  * Row rhythm for the whole table. Authors pick one per card; undefined
  * falls back to 'compact' (the canonical default — dense scanning, matches
@@ -2295,8 +2372,18 @@ declare type TableAppearance = {
  */
 declare type TableDensity = 'dense' | 'compact' | 'standard' | 'comfortable' | 'spacious';
 
+declare type TableFormattingVersion = 1;
+
+declare type TableGridLines = 'none' | 'outer' | 'inner' | 'horizontal' | 'vertical' | 'top' | 'right' | 'bottom' | 'left' | 'full';
+
+declare type TableHeaderStyle = 'plain' | 'filled' | 'accent';
+
+declare type TablePart = 'body' | 'header' | 'footer' | 'subtotal' | 'grandTotal';
+
 declare type TablePreferences = {
     columnSettingsMap?: ColumnSettingsMap;
+    baseFormatting?: TableBaseFormatting;
+    conditionalFormatting?: TableConditionalFormatting;
     selectColumnVisible?: boolean;
     columnVisibility?: Record<string, boolean>;
     columnSizing?: ColumnSizingState;
@@ -2304,7 +2391,29 @@ declare type TablePreferences = {
     enableDevModePagination?: boolean;
     forceClientPagination?: boolean;
     density?: TableDensity;
-    documentWrapText?: boolean;
+    tableStyle?: TableStylePreferences;
+};
+
+declare type TableStylePreferences = {
+    headerStyle?: TableHeaderStyle;
+    headerBackgroundColor?: string;
+    headerTextColor?: string;
+    stripedRows?: boolean;
+    gridLines?: TableGridLines;
+    wrapText?: boolean;
+    totals?: TableTotalsStylePreferences;
+};
+
+declare type TableTotalsFontWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+
+declare type TableTotalsStylePreferences = {
+    enabled?: boolean;
+    backgroundColor?: string;
+    textColor?: string;
+    fontWeight?: TableTotalsFontWeight;
+    borderTop?: boolean;
+    borderTopStyle?: 'solid' | 'dashed' | 'dotted' | 'double';
+    borderTopColor?: string;
 };
 
 /**
@@ -3265,18 +3374,7 @@ export declare type TokenSecurityPolicy = {
     };
 };
 
-/**
- * Per-column contribution to the table-level totals row (`<tfoot>`).
- * Additive and optional — omitting it keeps the cell empty in the footer,
- * matching existing behavior when a totals row is not needed.
- *
- *   - 'sum'    → aggregate the column across the full dataset
- *   - 'avg'    → arithmetic mean across the full dataset
- *   - 'count'  → non-null count across the full dataset
- *   - 'label'  → render `totalsLabel` (or 'Total') as static text — typically
- *                on the first column so the footer reads as a labeled row
- *   - 'none'   → blank cell in the footer
- */
+/** Historical per-column totals shape. Runtime totals are table-level now. */
 declare type TotalsBehavior = 'sum' | 'avg' | 'count' | 'label' | 'none';
 
 /** Point style options supported by Chart.js */

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.1.304",
+  "version": "0.1.306",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -140,7 +140,7 @@
     "culori": "^4.0.2",
     "date-fns": "^3.6.0",
     "date-fns-tz": "^3.2.0",
-    "dompurify": "^3.3.1",
+    "dompurify": "^3.4.2",
     "fast-deep-equal": "^3.1.3",
     "immer": "^10.0.3",
     "jwt-decode": "^4.0.0",
@@ -183,7 +183,7 @@
     "react-dom": "$react-dom"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.52.1",
+    "@microsoft/api-extractor": "^7.58.7",
     "@tanstack/react-query-devtools": "^5.62.15",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
@@ -214,7 +214,7 @@
     "eslint-plugin-react-refresh": "^0.4.5",
     "jsdom": "^26.1.0",
     "path": "^0.12.7",
-    "postcss": "^8.4.35",
+    "postcss": "^8.5.13",
     "postcss-prefix-selector": "^2.1.0",
     "postcss-preset-env": "^10.0.9",
     "prettier-plugin-tailwindcss": "^0.6.1",