react-semaphor 0.0.5323 → 0.0.5921

package/dist/types/types.d.ts

@@ -6,6 +6,7 @@ declare type AggregateFunction = 'COUNT' | 'SUM' | 'AVG' | 'MIN' | 'MAX' | 'MEDI
 
 declare type AIContext = {
     selectedEntities: SelectedEntities;
+    fileAttachments?: FileAttachment[];
 };
 
 export declare type AIScopeTable = {
@@ -25,6 +26,25 @@ export declare type AuthToken = {
     refreshToken?: string;
 };
 
+export declare type AxisConfig = {
+    enabled?: boolean;
+    name?: {
+        enabled: boolean;
+        text?: string;
+    };
+    position?: 'auto' | 'top' | 'bottom' | 'left' | 'right';
+    labels?: {
+        enabled: boolean;
+        rotation?: 'auto' | 0 | 45 | 90 | -45 | -90;
+    };
+    formatOptions?: TFormatOptions;
+    scale?: {
+        min?: number | 'auto';
+        max?: number | 'auto';
+        stepSize?: number | 'auto';
+    };
+};
+
 declare interface BaseColumn {
     id: string;
     name: string;
@@ -87,6 +107,16 @@ declare interface CardConfig {
     showTrendline?: boolean;
     trendlineWindow?: number;
     trendlineGranularity?: 'day' | 'week' | 'month';
+    rowAggregates?: Array<{
+        label?: string;
+        function: AggregateFunction;
+        groupLevel: string | 'ALL';
+    }>;
+    columnAggregates?: Array<{
+        label?: string;
+        function: AggregateFunction;
+        pivotLevel: string | 'ALL';
+    }>;
 }
 
 declare interface CardInteractionConfig {
@@ -141,6 +171,10 @@ declare interface ClickFilterInteraction {
     label?: string;
 }
 
+export declare type ColorConfig = {
+    segments: Record<string, string>;
+};
+
 export declare type ColorRange = {
     start: number;
     end: number;
@@ -264,7 +298,7 @@ declare interface DataSource {
     selectedEntities: SelectedEntities;
 }
 
-declare const DATE_FORMAT_VALUES: readonly ["MM-DD-YYYY", "YYYY-MM-DD", "MM/DD/YYYY", "DD/MM/YYYY", "MMMM DD, YYYY", "MMM DD, YYYY", "DD MMM YYYY", "YYYY-MM", "MMMM YYYY", "custom"];
+declare const DATE_FORMAT_VALUES: readonly ["MM-DD-YYYY", "YYYY-MM-DD", "MM/DD/YYYY", "DD/MM/YYYY", "MMMM DD, YYYY", "MMM DD, YYYY", "DD MMM YYYY", "Week of MMM DD, YYYY", "Week of MMMM DD, YYYY", "YYYY-WW", "MMM YYYY", "MMMM YYYY", "YYYY-MM", "MM/YYYY", "YYYY MMM", "Q1 YYYY", "YYYY Q1", "1st Quarter YYYY", "YYYY-Q1", "Quarter 1, YYYY", "YYYY", "YY", "custom"];
 
 declare type DateFormatValue = (typeof DATE_FORMAT_VALUES)[number];
 
@@ -367,6 +401,7 @@ declare interface Field {
      * If not provided, should be auto-generated from label or name.
      */
     alias?: string;
+    qualifiedFieldName: string;
     dataType: string;
     description?: string;
     qualifiedEntityName?: string;
@@ -379,6 +414,17 @@ declare interface Field {
     role?: 'groupby' | 'metric' | 'sortby' | 'pivotby';
 }
 
+declare type FileAttachment = {
+    id: string;
+    name: string;
+    size: number;
+    type: string;
+    data?: string;
+    url?: string;
+    preview?: string;
+    uploadProgress?: number;
+};
+
 declare interface FileEntityReference extends DatabaseEntityReference {
     id: string;
     type: 'file' | 'url' | 'upload';
@@ -574,7 +620,9 @@ declare interface MetricField extends Field {
      }
      }
      */
-    parameters?: Record<string, any>;
+    parameters?: {
+        filters?: FilterGroup;
+    };
     aliasTemplate?: string;
     valueAliases?: Record<string, string>;
 }
@@ -614,6 +662,14 @@ declare interface OrderBy {
     direction: 'asc' | 'desc';
 }
 
+/**
+ * Pagination configuration for table queries
+ */
+declare interface PaginationConfig {
+    page: number;
+    pageSize: number;
+}
+
 declare type Params = {
     [key: string]: string | number | string[] | number[];
 };
@@ -724,6 +780,7 @@ declare type TablePreferences = {
     selectColumnVisible?: boolean;
     columnVisibility?: Record<string, boolean>;
     pageSize?: number;
+    enableDevModePagination?: boolean;
 };
 
 export declare type TBaseQuery = {
@@ -750,6 +807,7 @@ export declare type TCard = {
     dataSource?: DataSource;
     config?: CardConfig;
     interactionConfig?: CardInteractionConfig;
+    paginationConfig?: PaginationConfig;
     queryConfig?: QueryConfig;
     customCfg?: any;
     preferences?: TCardPreferences;
@@ -786,6 +844,10 @@ export declare type TCardPreferences = {
     datasetOptions?: TDatasetOptions[];
     chartOptions?: TChartOptions;
     columnSettings?: TColumnSetting<DisplayDataType>[];
+    colorConfig?: ColorConfig;
+    xAxisConfig?: AxisConfig;
+    yAxisConfig?: AxisConfig;
+    dataLabelsConfig?: TDataLabelsConfig;
     tablePrefs?: TablePreferences;
     allowDownload?: boolean;
     customVisualCode?: string;
@@ -805,6 +867,34 @@ export declare type TCardPreferences = {
     kpiVisualOptions?: {
         lowerIsBetter?: boolean;
         countryLogoId?: string;
+        formatOptions?: TFormatOptions;
+        metricComparison?: {
+            enabled?: boolean;
+            calculationType?: 'difference' | 'change' | 'change_difference' | 'ratio';
+            formatOptions?: TFormatOptions;
+            showArrow?: boolean;
+            showColor?: boolean;
+            conditionalLabel?: boolean;
+            labelName?: string;
+            position?: 'left' | 'right' | 'top';
+            conditionalLabels?: {
+                increase?: string;
+                decrease?: string;
+                noChange?: string;
+            };
+            colorConfig?: {
+                increase?: 'green' | 'red' | 'neutral' | string;
+                decrease?: 'green' | 'red' | 'neutral' | string;
+                noChange?: 'green' | 'red' | 'neutral' | string;
+            };
+        };
+    };
+    pivotTableOptions?: {
+        showRowTotals?: boolean;
+        showColumnTotals?: boolean;
+        showGrandTotal?: boolean;
+        sortRowsBy?: 'label' | 'total' | 'metric';
+        sortColumnsBy?: 'label' | 'total' | 'metric';
     };
 };
 
@@ -843,7 +933,7 @@ export declare type TChartOptions = {
     };
 };
 
-declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'kpi' | 'pyramid' | 'tornado' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
+declare type TChartType = 'bar' | 'horizontalBar' | 'line' | 'pie' | 'doughnut' | 'radar' | 'polarArea' | 'bubble' | 'scatter' | 'stackedBar' | 'stackedLine' | 'table' | 'pivotTable' | 'aggregateTable' | 'kpi' | 'pyramid' | 'tornado' | 'range' | 'text' | 'map' | 'funnel' | 'custom';
 
 export declare type TColumnSetting<T extends DisplayDataType> = {
     columnIdx: number;
@@ -896,6 +986,26 @@ export declare type TDataColumn = {
     is_nullable?: string;
     label?: string;
     description?: string;
+    qualifiedFieldName?: string;
+};
+
+export declare type TDataLabelsConfig = {
+    enabled?: boolean;
+    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'auto' | 'custom';
+    anchor?: 'center' | 'start' | 'end';
+    align?: 'center' | 'start' | 'end' | 'top' | 'bottom' | number;
+    display?: 'auto' | boolean;
+    format?: 'auto' | 'number' | 'currency' | 'percent' | 'none';
+    formatOptions?: TFormatOptions;
+    font?: {
+        size?: number;
+        weight?: 'normal' | 'bold';
+    };
+    color?: 'auto' | string;
+    clamp?: boolean;
+    clip?: boolean;
+    rotation?: number;
+    showTotal?: boolean;
 };
 
 export declare type TDatasetOptions = {
@@ -940,6 +1050,19 @@ declare type TFilter = {
 
 declare type TFilterValue = FilterForString | FilterForEqual | FilterForCompare | FilterForBetween | FilterForIn | FilterForDate;
 
+export declare type TFormatOptions = {
+    type?: 'auto' | 'number' | 'currency' | 'percent' | 'scientific' | 'date';
+    decimalPlaces?: number;
+    currency?: string;
+    locale?: string;
+    prefix?: string;
+    suffix?: string;
+    useSuffix?: boolean;
+    negativeInParentheses?: boolean;
+    multiplyBy?: number;
+    dateFormat?: string;
+};
+
 export declare type TFrame = {
     id: string;
     filterId?: string;

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.0.5323",
+  "version": "0.0.5921",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",
@@ -46,7 +46,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@ai-sdk/react": "^1.1.18",
+    "@ai-sdk/react": "^2.0.7",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -55,6 +55,7 @@
     "@r2wc/react-to-web-component": "^2.0.4",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-collapsible": "^1.1.2",
     "@radix-ui/react-context-menu": "^2.2.15",
@@ -64,12 +65,13 @@
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.4",
-    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-radio-group": "^1.2.2",
     "@radix-ui/react-scroll-area": "^1.2.2",
     "@radix-ui/react-select": "^2.1.4",
     "@radix-ui/react-separator": "^1.1.1",
-    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toggle": "^1.1.1",
@@ -77,7 +79,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "^5.62.15",
     "@tanstack/react-table": "^8.11.7",
-    "ai": "^4.1.46",
+    "ai": "^5.0.7",
     "chart.js": "^4.4.1",
     "chartjs-chart-funnel": "^4.2.4",
     "chartjs-chart-geo": "^4.3.4",
@@ -85,7 +87,7 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "cmdk": "^1.1.1",
-    "date-fns": "^3.3.1",
+    "date-fns": "^3.6.0",
     "immer": "^10.0.3",
     "jwt-decode": "^4.0.0",
     "lodash.merge": "^4.6.2",
@@ -93,7 +95,7 @@
     "ms": "^2.1.3",
     "next-themes": "^0.4.4",
     "prism-react-renderer": "^2.4.1",
-    "react-day-picker": "^8.10.0",
+    "react-day-picker": "^9.9.0",
     "react-error-boundary": "^4.1.2",
     "react-grid-layout": "^1.5.0",
     "react-icons": "^5.0.1",