Most Examples are now working

[ghiscoding]

@speige @joelpenov @garnerdy @dgarner-degasolutions
Hey guys, I'm not sure if you are still interested in using the lib but I had free time and started to look at what still didn't work. I'm happy to say that most Examples are now fully working (except for few examples which are: 19-Row Detail, 26-React Component, 28-29-Tree Data (Hierarchical) and that's it). Everything else works, even the i18n locale works. One of the first issue I looked into was the fact that React doesn't seem to play well with Custom Events (I did find a way to patch that and now all events are working the exact same way as all other slickgrid libs, i.e. Angular-Slickgrid and others). I also upgraded every dependencies to latest, that is React 18 even Slickgrid-Universal 2.0 (which removed jQueryUI requirement). I also added 2x new Examples 33 and 34 and made a lot of cleanups in scripts and code.

Some of the examples that I am not expecting to fix are the Example 19 and 26 which are both related since they both require to dynamically render React component directly from javascript. As for the Examples 28-29 Tree Data requires to mutate the data and I'm not sure if React is allowing that on the Props dataset.

I did not yet publish a new version but expecting to release a new version, probably 1.1.0, in the next few days.

All in all, that was a good exercise to learn a bit more about how React does things (which I'm still not a fan). It also gave me a chance to find new bugs in Slickgrid-Universal, lol yeah... So anyway, once I fix all these bugs I'll push a new release. Let me know if you're still interested in the lib. Cheers

One of the things I'd like to have help with is the React Router (which I also upgraded to latest), it is still not being configured as a SPA (single page app) and it refreshes the entire page anytime we change Example. I just don't understand how to configure that and why React Hooks aren't working in Classes. Also, in order to provide a live demo by using GitHub pages, it requires to disable push state (or if you prefer, we need to use routes with the hash tag symbol #, so I need the SPA to work as work to push a live prod demo) I finally found how to do it by finding a boilerplate project on the internet.

EDIT

I managed to fix pretty much everything, except Row Detail, everything else works even Tree Data (hierarchical). The React Router as SPA is still a problem.

EDIT 2

This is it, I got everything working, I got i18n, OData, GraphQL, Tree Data, SPA router (hash router for my use case) and a Live Demo since I found how to do SPA router. I also added Cypress and got all E2E tests working, it allowed me to find and fix few more small issues. I will make an official release in the next few days after finishing up some small tasks left to do, I expect to have an official release by the weekend.

---

Below is the list of the Examples that are now fully working

• 1- Basic Grid / 2 Grids
• 2- Formatters
• 3- Editors / Delete
• 4- Client Side Sort/Filter
• 5- Backend OData Service
• 6- Backend GraphQL Service
• 7- Header Button Plugin
• 8- Header Menu Plugin
• 9- Grid Menu Control
• 10- Row Selection / 2 Grids
• 11- Add/Update Grid Item
• 12- Localization (i18n)
• 13- Grouping & Aggregators
• 14- Column Span & Header Grouping
• 15- Grid State & Local Storage
• 16- Row Move Plugin
• 17- Remote Model
• 18- Draggable Grouping
• 19- Row Detail View
• 20- Pinned Columns/Rows
• 21- Grid AutoHeight (full height)
• 22- with Bootstrap Tabs
• 23- Filter by Range of Values
• 24- Cell & Context Menu
• 25- GraphQL without Pagination
• 26- Use of React Components
• 27- Tree Data (Parent/Child)
• 28- Tree Data (Hierarchical set)
• 29- Grid with header and footer slots
• 30- Composite Editor Modal
• 31- Backend OData with RxJS
• 32- Columns Resize by Content
• 33- Regular & Custom Tooltip
• 34- Real-Time Trading Platform