@visns-studio/visns-components 5.10.1 → 5.10.3

package/README.md

@@ -181,7 +181,7 @@ User profile management.
 
 ### DataGrid Component
 
-A powerful data table component with sorting, filtering, and pagination.
+A powerful data table component with sorting, filtering, and pagination. The DataGrid features a modular column renderer architecture with support for 28 different column types.
 
 ```jsx
 <DataGrid
@@ -228,6 +228,47 @@ A powerful data table component with sorting, filtering, and pagination.
 />
 ```
 
+#### Column Renderer Architecture
+
+The DataGrid component utilizes a modular column renderer system with 28 specialized column types, all consolidated in the `ColumnRenderers.jsx` file. This architecture provides:
+
+- **Consistent API**: All column renderers follow a standardized interface
+- **Extensibility**: Easy to add new column types or modify existing ones
+- **Maintainability**: Centralized location for all column rendering logic
+- **Performance**: Optimized rendering for each specific column type
+
+**Supported Column Types:**
+- `boolean` - Yes/No display with tooltips
+- `currency` - Formatted monetary values
+- `date` - Date formatting with validation
+- `datetime` - Date and time formatting
+- `arrayCount` - Count of array elements
+- `colour` - Color picker display
+- `dropdown` - Interactive dropdown selections
+- `image` - Image display from file URLs
+- `file` - File download links with icons
+- `icons` - Multiple icon display
+- `json` - JSON data extraction and display
+- `number` - Numeric values
+- `option` - Option mapping with placeholders
+- `placeholder` - Static placeholder text
+- `age` - Age calculation from dates
+- `coding` - Custom coding logic
+- `relation` - Related data display
+- `relationArray` - Array of related data
+- `richtext` - HTML content rendering
+- `stage` - Stage-based displays
+- `time` - Time formatting
+- `timer` - Interactive timer controls
+- `url` - Clickable links
+- `input_text` - Inline text editing
+- `address` - Formatted address display
+- `createdBy` - User creation tracking
+- `daterange` - Date range formatting
+- `stageCounter` - Visual stage progression
+
+All column renderers are exported from `@visns-studio/visns-components` and can be used individually or as part of the DataGrid component.
+
 #### DataGrid Props
 
 | Prop                  | Description                                | Type     | Default |

package/package.json

@@ -87,7 +87,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.10.1",
+    "version": "5.10.3",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [