npm - react-open-source-grid - Versions diffs - 1.6.4 → 1.6.5 - Mend

react-open-source-grid 1.6.4 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/assets/{index-BczRxCQn.js → index-BbaZajrS.js} +197 -74
package/dist/assets/index.js +1 -1
package/dist/assets/{layoutPersistence-C_jVd_iy.js → layoutPersistence-CPItuVwj.js} +1 -1
package/dist/index.html +1 -1
package/dist/lib/components/DataGrid/PivotToolbar.d.ts +29 -0
package/dist/lib/components/DataGrid/index.d.ts +4 -0
package/dist/lib/components/DataGrid/pivotEngine.d.ts +55 -0
package/dist/lib/components/DataGrid/types.d.ts +2 -0
package/dist/lib/components/PivotDemo.d.ts +8 -0
package/dist/lib/index.cjs +509 -21
package/dist/lib/index.js +505 -21
package/package.json +1 -1

package/dist/assets/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- export * from './index-~~BczRxCQn~~.js';
1	+ export * from './index-BbaZajrS.js';

package/dist/assets/{layoutPersistence-C_jVd_iy.js → layoutPersistence-CPItuVwj.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./index-~~BczRxCQn~~.js";export{e as createPreset};
1	+ import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./index-BbaZajrS.js";export{e as createPreset};

package/dist/index.html CHANGED Viewed

@@ -70,7 +70,7 @@
         }
       })();
     </script>
-    <script type="module" crossorigin src="/assets/index-BczRxCQn.js"></script>
+    <script type="module" crossorigin src="/assets/index-BbaZajrS.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DqLWhpvP.css">
   </head>
   <body>

package/dist/lib/components/DataGrid/PivotToolbar.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+/**
+ * PivotToolbar Component
+ *
+ * Exportable toolbar for configuring pivot table settings
+ * Can be used standalone by npm package consumers
+ */
+import React from 'react';
+import type { PivotConfig } from './pivotEngine';
+export interface PivotToolbarProps {
+    /** Available columns for pivot/grouping/values */
+    columns: Array<{
+        field: string;
+        headerName: string;
+    }>;
+    /** Current pivot configuration */
+    pivotConfig?: Partial<PivotConfig> | null;
+    /** Callback when pivot is enabled/disabled */
+    onPivotToggle: (enabled: boolean) => void;
+    /** Callback when configuration changes */
+    onConfigChange: (config: PivotConfig | null) => void;
+    /** Whether pivot mode is currently active */
+    isPivotMode?: boolean;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Custom class name */
+    className?: string;
+}
+export declare const PivotToolbar: React.FC<PivotToolbarProps>;
+export default PivotToolbar;

package/dist/lib/components/DataGrid/index.d.ts CHANGED Viewed

@@ -39,3 +39,7 @@ export type { WebSocketConfig, MarketDataSubscription, ConnectionState, UseMarke
 export { WebSocketMockFeed, createMockFeed, createMockWebSocket } from './WebSocketMockFeed';
 export type { MockMarketData, MockFeedConfig, MockWebSocket } from './WebSocketMockFeed';
 export type { MarketDataConfig } from './types';
+export { PivotToolbar } from './PivotToolbar';
+export type { PivotToolbarProps } from './PivotToolbar';
+export { buildPivot, exportPivotToCSV, downloadCSV } from './pivotEngine';
+export type { PivotConfig, PivotResult, PivotColumn, AggregatorType } from './pivotEngine';

package/dist/lib/components/DataGrid/pivotEngine.d.ts ADDED Viewed

@@ -0,0 +1,55 @@
+/**
+ * Pivot Table Engine
+ *
+ * Transforms flat data into pivoted format with dynamic columns based on unique values
+ * Supports aggregation functions: sum, count, avg, min, max, custom
+ */
+export type AggregatorType = 'sum' | 'count' | 'avg' | 'min' | 'max';
+export interface PivotConfig {
+    /** Column whose unique values become new columns */
+    pivotColumn: string;
+    /** Column to aggregate values from */
+    valueColumn: string;
+    /** Column to group rows by (becomes first column) */
+    rowGroupColumn: string;
+    /** Aggregation function to apply */
+    aggregator: AggregatorType | ((values: number[]) => number);
+    /** Show totals row at bottom */
+    showTotals?: boolean;
+    /** Show grand total column */
+    showGrandTotal?: boolean;
+}
+export interface PivotColumn {
+    field: string;
+    headerName: string;
+    width?: number;
+    sortable?: boolean;
+    filterable?: boolean;
+    isPivotColumn?: boolean;
+    isTotalColumn?: boolean;
+}
+export interface PivotResult {
+    columns: PivotColumn[];
+    rows: Record<string, any>[];
+    pivotValues: string[];
+    totalsRow?: Record<string, any>;
+}
+/**
+ * Build pivot table from flat data
+ *
+ * Complexity: O(n) where n is number of rows
+ * Memory: O(n * m) where m is number of unique pivot values
+ *
+ * @param data - Source data array
+ * @param config - Pivot configuration
+ * @returns Pivoted dataset with dynamic columns
+ */
+export declare function buildPivot(data: any[], config: PivotConfig): PivotResult;
+/**
+ * Export pivoted data to CSV
+ */
+export declare function exportPivotToCSV(pivotResult: PivotResult): string;
+/**
+ * Download CSV file
+ */
+export declare function downloadCSV(csvContent: string, filename?: string): void;

package/dist/lib/components/DataGrid/types.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import React from 'react';
 import type { ThemeName } from './themes';
 import type { DensityMode } from './densityModes';
 import type { GridApi } from './gridApi.types';
+import type { PivotConfig } from './pivotEngine';
 export type FilterType = 'text' | 'number' | 'date' | 'set' | 'multi';
 export interface Column {
     field: string;
@@ -522,6 +523,7 @@ export interface DataGridProps {
     marketDataConfig?: MarketDataConfig;
     contextMenuConfig?: ContextMenuConfig;
     tooltipConfig?: TooltipConfig;
+    pivotConfig?: PivotConfig | null;
     tableId?: string;
     theme?: ThemeName;
     densityMode?: DensityMode;

package/dist/lib/components/PivotDemo.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/**
+ * Pivot Table Demo Page
+ *
+ * Demonstrates the pivot table functionality with multiple examples
+ */
+import React from 'react';
+export declare const PivotDemo: React.FC;
+export default PivotDemo;