ms-data-grid 0.0.21 → 0.0.22

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 (2) hide show
  1. package/README.md +81 -53
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -9,7 +9,6 @@ A **powerful, enterprise-grade Angular data grid component** designed for modern
9
9
  - 📱 **Responsive Design** - Works seamlessly on all devices
10
10
  - 🔍 **Advanced Filtering** - Multiple filter types and global search
11
11
  - 📊 **Column Management** - Sorting, pinning, and grouping
12
- - ⚡ **Real-time Updates** - Dynamic data binding
13
12
  - 🛠️ **Taskbar Actions** - Built-in action buttons and controls
14
13
  - 📄 **Pagination** - Efficient data pagination
15
14
  - ✅ **Row Selection** - Single and multiple row selection
@@ -23,58 +22,87 @@ A **powerful, enterprise-grade Angular data grid component** designed for modern
23
22
  npm install ms-data-grid
24
23
 
25
24
 
26
- ## Inputs (Configuration)
27
-
28
- | Input | Type | Description |
29
- |-----------------------------|-----------|-------------|
30
- | `columns` | `Array` | Defines table columns configuration. |
31
- | `dataSet` | `Array` | Data to be displayed in the grid. |
32
- | `evenRowsBackgroundColor` | `string` | Background color for even rows. |
33
- | `oddRowsBackgroundColor` | `string` | Background color for odd rows. |
34
- | `headerBackgroundColor` | `string` | Background color of the header row. |
35
- | `sidemenuBackgroundColor` | `string` | Background color of the side menu. |
36
- | `checkboxesBackgroundColor` | `string` | Background color of checkboxes. |
37
- | `fontFaimly` | `string` | Font family applied to the table. |
38
- | `showColumnsGrouping` | `boolean` | Show/hide columns grouping. |
39
- | `leftPinnedBackgroundColor` | `string` | Background color of left pinned columns. |
40
- | `rightPinnedBackgroundColor`| `string` | Background color of right pinned columns. |
41
- | `bodyBackgroundColor` | `string` | Background color of table body. |
42
- | `showVerticalBorder` | `boolean` | Show/hide vertical borders. |
43
- | `bodyTextColor` | `string` | Color of body text. |
44
- | `headerTextColor` | `string` | Color of header text. |
45
- | `headerTextFontsSize` | `string` | Font size of header text. |
46
- | `bodyTextFontsSize` | `string` | Font size of body text. |
47
- | `bodyFontWeight` | `number` | Font weight of body text. |
48
- | `checkedRowBackgroundColor` | `string` | Background color of selected rows. |
49
- | `dropdownsBackgroundColor` | `string` | Background color of dropdown menus. |
50
- | `showFilterRow` | `boolean` | Show/hide filter row. |
51
- | `paginationConfig` | `object` | Pagination configuration. |
52
- | `rowShadingEnabled` | `boolean` | Enable/disable row shading. |
53
- | `singleSpaAssetsPath` | `string` | Path for single-spa assets. |
54
- | `tableView` | `Array` | Table view configurations. |
55
- | `filtersConfig` | `object` | Filters configuration. |
56
- | `loading` | `boolean` | Show loading indicator. |
57
- | `tableSearch` | `string` | Global search text. |
58
- | `showCellDetailsBox` | `boolean` | Show/hide cell details popup. |
59
- | `tableFilterViewId` | `string` | Selected filter view ID. |
60
- | `selectedTableLayout` | `string` | Selected table layout. |
61
- | `globalSearchText` | `string` | Text for global search. |
62
- | `horizintalScrollbarWidth` | `string` | Width of horizontal scrollbar. |
63
- | `verticalScrollbarWidth` | `string` | Width of vertical scrollbar. |
64
- | `showTaskbar` | `boolean` | Show/hide taskbar. |
65
- | `taskbarActions` | `Array` | Actions available in the taskbar. |
66
- | `sortingConfig` | `object` | Sorting configuration. |
67
- | `checkboxState` | `boolean` | Checkbox state reset flag. |
68
- | `closeDropdown` | `boolean` | Close dropdown flag. |
69
-
70
- ## Outputs (Events)
71
-
72
- | Event | Payload | Description |
73
- |-----------------------------|---------|-------------|
74
- | `genericEvent` | `any` | Emits generic table events. |
75
- | `filterOptions` | `any` | Emits filter options when applied. |
76
- | `createUpdateConfigListing` | `any` | Emits updated table configuration. |
77
- | `sortingOrderOptions` | `any` | Emits sorting order selection. |
25
+ ## 📋 Configuration Properties
26
+
27
+ ### Core Data Properties
28
+ | Property | Type | Description |
29
+ |----------|------|-------------|
30
+ | `columns` | `Array` | Table columns configuration |
31
+ | `dataSet` | `Array` | Data to display in the grid |
32
+ | `loading` | `boolean` | Show loading indicator |
33
+
34
+ ### Styling & Appearance
35
+ | Property | Type | Description |
36
+ |----------|------|-------------|
37
+ | `evenRowsBackgroundColor` | `string` | Even rows background color |
38
+ | `oddRowsBackgroundColor` | `string` | Odd rows background color |
39
+ | `headerBackgroundColor` | `string` | Header row background color |
40
+ | `bodyBackgroundColor` | `string` | Table body background color |
41
+ | `leftPinnedBackgroundColor` | `string` | Left pinned columns background |
42
+ | `rightPinnedBackgroundColor` | `string` | Right pinned columns background |
43
+ | `checkedRowBackgroundColor` | `string` | Selected rows background color |
44
+ | `sidemenuBackgroundColor` | `string` | Side menu background color |
45
+ | `checkboxesBackgroundColor` | `string` | Checkboxes background color |
46
+ | `dropdownsBackgroundColor` | `string` | Dropdown menus background color |
47
+
48
+ ### Text & Typography
49
+ | Property | Type | Description |
50
+ |----------|------|-------------|
51
+ | `fontFamily` | `string` | Font family for the table |
52
+ | `bodyTextColor` | `string` | Body text color |
53
+ | `headerTextColor` | `string` | Header text color |
54
+ | `headerTextFontsSize` | `string` | Header text font size |
55
+ | `bodyTextFontsSize` | `string` | Body text font size |
56
+ | `bodyFontWeight` | `number` | Body text font weight |
57
+
58
+ ### Features & Functionality
59
+ | Property | Type | Description |
60
+ |----------|------|-------------|
61
+ | `showColumnsGrouping` | `boolean` | Enable/disable column grouping |
62
+ | `showVerticalBorder` | `boolean` | Show/hide vertical borders |
63
+ | `showFilterRow` | `boolean` | Show/hide filter row |
64
+ | `showCellDetailsBox` | `boolean` | Show/hide cell details popup |
65
+ | `showTaskbar` | `boolean` | Show/hide taskbar |
66
+ | `rowShadingEnabled` | `boolean` | Enable/disable row shading |
67
+
68
+ ### Search & Filtering
69
+ | Property | Type | Description |
70
+ |----------|------|-------------|
71
+ | `tableSearch` | `string` | Global search text |
72
+ | `globalSearchText` | `string` | Text for global search |
73
+ | `filtersConfig` | `object` | Filters configuration |
74
+ | `tableFilterViewId` | `string` | Selected filter view ID |
75
+
76
+ ### Configuration Objects
77
+ | Property | Type | Description |
78
+ |----------|------|-------------|
79
+ | `paginationConfig` | `object` | Pagination settings |
80
+ | `sortingConfig` | `object` | Sorting configuration |
81
+ | `tableView` | `Array` | Table view configurations |
82
+ | `taskbarActions` | `Array` | Available taskbar actions |
83
+
84
+ ### Layout & Scrolling
85
+ | Property | Type | Description |
86
+ |----------|------|-------------|
87
+ | `selectedTableLayout` | `string` | Selected table layout |
88
+ | `horizintalScrollbarWidth` | `string` | Horizontal scrollbar width |
89
+ | `verticalScrollbarWidth` | `string` | Vertical scrollbar width |
90
+
91
+ ### State Management
92
+ | Property | Type | Description |
93
+ |----------|------|-------------|
94
+ | `checkboxState` | `boolean` | Checkbox state reset flag |
95
+ | `closeDropdown` | `boolean` | Close dropdown flag |
96
+ | `singleSpaAssetsPath` | `string` | Single-spa assets path |
97
+
98
+ ## 📤 Event Outputs
99
+
100
+ | Event | Payload Type | Description |
101
+ |-------|--------------|-------------|
102
+ | `genericEvent` | `any` | Generic table events (row clicks, selections, etc.) |
103
+ | `filterOptions` | `any` | Filter options when filters are applied |
104
+ | `createUpdateConfigListing` | `any` | Updated table configuration changes |
105
+ | `sortingOrderOptions` | `any` | Sorting order selection events |
78
106
 
79
107
  ```
80
108
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ms-data-grid",
3
- "version": "0.0.21",
3
+ "version": "0.0.22",
4
4
  "description": "A powerful, customizable Angular data grid component with advanced features like sorting, filtering, pagination, column pinning, and taskbar actions. Perfect for enterprise applications.",
5
5
  "keywords": [
6
6
  "angular",