@visns-studio/visns-components 5.14.9 → 5.14.11

package/README.md

@@ -2889,7 +2889,7 @@ Response:
 
 ### Report Builder Component
 
-#### GenericReport (Enhanced v5.10.11+)
+#### GenericReport (Enhanced v5.12.2+)
 
 A powerful and enhanced report building component that provides an intuitive wizard-based interface for creating custom reports. The component has been significantly improved with new features and better user experience.
 
@@ -2909,16 +2909,19 @@ A powerful and enhanced report building component that provides an intuitive wiz
 
 **Major Enhancements:**
 
--   **5-Step Wizard Interface**: Guided workflow with visual progress indicators
+-   **6-Step Wizard Interface**: Guided workflow with visual progress indicators
 -   **Business Templates**: Pre-built report templates for common business scenarios
+-   **Custom Grouping**: Create grouped reports with flexible configuration options
+-   **Smart Data Formatting**: Intelligent formatting for JSON, boolean, ABN/ACN, and numeric data
+-   **Custom API Endpoints**: Override default URLs with template or custom endpoints
 -   **Calculated Fields**: Create custom formulas and calculations within reports
 -   **Smart Column Selection**: Automatic suggestions based on table relationships
 -   **Enhanced Filtering**: Advanced filter options with AND/OR logic and grouping
--   **Live Preview**: Real-time preview of report data as you build
+-   **Live Preview**: Real-time preview of report data with grouped/table view toggle
 -   **Intelligent Currency Formatting**: Automatic detection and formatting of monetary fields
 -   **Expandable Field Summary**: View selected fields in a collapsible overview
--   **Template Management**: Save, load, and share report templates
--   **Multiple Export Formats**: Export to Excel, CSV, PDF with formatting options
+-   **Template Management**: Save, load, and share report templates with custom configurations
+-   **Multiple Export Formats**: Export to Excel, CSV, PDF with proper formatting preservation
 
 **New Features in Recent Updates:**
 
@@ -2960,13 +2963,54 @@ A powerful and enhanced report building component that provides an intuitive wiz
    - Expandable selected fields summary
    - Step-by-step guidance with tooltips and help text
 
-**The 5-Step Wizard Process:**
+5. **Custom Grouping & Reporting (v5.12.0+)**:
+   ```jsx
+   // Create custom grouped reports with flexible configuration
+   {
+       enabled: true,
+       groupByField: 'facilities.label',
+       groupDisplayName: 'Facility',
+       sortBy: 'facilities.label',
+       sortDirection: 'asc',
+       rowsPerGroup: 10,
+       showGroupTotals: true,
+       groupHeaderStyle: 'primary'
+   }
+   ```
+   - Build grouped reports with custom field selection
+   - Flexible grouping options with configurable display
+   - Support for both predefined templates and custom grouping
+   - Toggle between grouped and regular table views
+
+6. **Smart Data Formatting (v5.12.1+)**:
+   - **JSON Data**: Automatically parses and displays JSON strings in readable key-value format
+   - **Boolean Values**: Shows "Yes/No" with color coding instead of true/false
+   - **Status Columns**: Detects status fields and displays "Active/Inactive" with colors
+   - **ABN/ACN Numbers**: Formats Australian Business/Company Numbers (12 345 678 901 / 123 456 789)
+   - **Numeric Values**: Applies locale-specific number formatting with thousands separators
+   - **Null Values**: Shows em dash (—) with italic styling for empty values
+
+7. **Custom API Endpoints (v5.12.2+)**:
+   ```jsx
+   // Override default API endpoints for specialized handling
+   customUrls: {
+       executeUrl: '/api/custom-reports/execute',
+       exportUrl: '/api/custom-reports/export'
+   }
+   ```
+   - **URL Priority**: Custom > Template > Default
+   - **Template Support**: Respects `executeUrl` and `exportUrl` from business templates
+   - **Flexible Configuration**: Override URLs at report level for specialized requirements
+   - **Persistent Settings**: Custom URLs save with reports for reuse
+
+**The 6-Step Wizard Process:**
 
 1. **Select Data Source**: Choose main table and review business templates
 2. **Choose Columns**: Select specific data fields with drag-and-drop reordering
 3. **Add Relationships**: Connect related tables with automatic join suggestions
 4. **Apply Filters**: Set conditions and date ranges with advanced logic
-5. **Generate & Export**: Preview results and export in multiple formats
+5. **Configure Grouping**: Set up custom grouping options and API endpoints (optional)
+6. **Generate & Export**: Preview results and export in multiple formats
 
 **API Integration:**
 

package/package.json

@@ -65,6 +65,7 @@
         "uuid": "^11.1.0",
         "validator": "^13.15.15",
         "vite": "^6.3.5",
+        "xlsx": "^0.18.5",
         "yarn": "^1.22.22",
         "yet-another-react-lightbox": "^3.25.0"
     },
@@ -88,7 +89,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.14.9",
+    "version": "5.14.11",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/columns/ColumnRenderers.jsx

@@ -9,6 +9,7 @@ import {
     getRelationshipPath,
     DEFAULT_INTELLIGENT_SORTING_CONFIG,
 } from '../../utils/relationshipSortingUtils';
+import { formatCellContent } from '../generic/shared/formatters';
 
 // Stage Toggle Utility Functions
 const buildToggleUrl = (urlTemplate, stageItem, rowData) => {
@@ -145,10 +146,11 @@ export const renderBooleanColumn = ({
         name: `${column.type}.${column.id}`,
         sortable: true,
         render: ({ data }) => {
-            const value = data[column.id] ? 'Yes' : 'No';
+            const rawValue = data[column.id];
+            const formattedValue = formatCellContent(rawValue, { ...column, type: 'boolean' });
             return (
-                <CellWithTooltip value={data[column.id]} columnType="boolean">
-                    <span>{value}</span>
+                <CellWithTooltip value={rawValue} columnType="boolean">
+                    <span>{formattedValue}</span>
                 </CellWithTooltip>
             );
         },
@@ -202,9 +204,17 @@ export const renderDateColumn = ({
                 moment(data[column.id]).isValid() &&
                 moment(data[column.id]).format('YYYY-MM-DD') !== '1970-01-01'
             ) {
-                const value = moment(data[column.id]).format(
-                    column.format || 'DD-MM-YYYY'
-                );
+                // Smart date/datetime detection
+                const momentValue = moment(data[column.id]);
+                const hasTime = momentValue.format('HH:mm:ss') !== '00:00:00';
+                
+                let format = column.format;
+                if (!format) {
+                    // Auto-detect format based on whether there's a time component
+                    format = hasTime ? 'DD-MM-YYYY HH:mm' : 'DD-MM-YYYY';
+                }
+                
+                const value = momentValue.format(format);
                 let columnStyle = {};
 
                 if (