1- This branch requires Node.js version 20 or higher.

2- When loading CSS files inside the StyleLoader component, a timestamp check is used to avoid loading cached versions. Verify the latest file by checking its last modified date in the Network In Header tab.

3- A Custom Filter system was added, separate from React Table's default filters. It is implemented in the filterTypes function and supports three data types:

• text
• number
• date Date filtering is handled in ProcoorGrid.jsx using checkDateIsBetween inside the DateFilter function.

4- You can now specify which columns are filterable by adding: filterable: true,

5- For all column types, filter keys must align with filterTypes:

• number → default: "columnFilter"
• date → "dateFilter" Add Directly
• text → must include: filterType: "custom" delete columns from LocalStorage and reload to show updata --shape object type number { "accessor": "arrange", "Header": "levelNo", "pinned": true, "minWidth": 80, "width": 80, "type": "number", "filterable": true, // must add this to column for show input for filter "filter": "columnFilter" // default show depend on type if number - you don't need add in columns it add automatic } --shape object column type data { "accessor": "creationDate", "Header": "creationDate", "pinned": true, "minWidth": 80, "width": 80, "type": "date", "filterable": true, // must add this to column for show input for filter "filter": "dateFilter" // default show depend on type if data - you don't need add in columns it add automatic } --shape object column type text { "accessor": "actionBy", "Header": "actionByContact", "minWidth": 200, "width": 200, "type": "text", "isClient": true, "hidden": false, "filterable": true, // must add this to column for show input for filter "filterType": "custom", // must add FiterType value custom to show ("filter": "customTextFilter") "filter": "customTextFilter", // show when add filtertype if not add not show - depend on type if text - you don't need add in columns it add automatic "pinned": false } delete columns from LocalStorage and reload to show updata 6- Added an Export component to allow downloading table data as an Excel file.

7- There is no need to manually add gridActions for export; the default export action is already included.

• If you want to add your own export action or additional actions, the action key must start with 1.
• If you add a custom export action, the export title must start with a capital letter export; otherwise, both the default and your custom export will appear.
• You can add another export any action in gridActions

8- You can toggle export visibility using: ExportAvailable={true or false} in ProcoorGrid Components You can also specify the exported file name using: FileNameExport={YourName} in ProcoorGrid Components If not provided, the default name will be the gridKey. <ProcoorGrid gridFieldKey="id" gridKey={pr-grid-custom} FileNameExport="Your Name File " ExportAvailable={true if want show action false if not} />

9- A LoadingScreen was added and will display while CSS files are being loaded.