enhancement: support row on click in nested-grid like in simple-v-table

[hipitihop]

simple-v-table has an on-click handler which dumps the row object to the devtools console. This is super useful when debugging these tables and one can see other row properties which may not be directly displayed.

Can this be implemented in the new nested-grid too please ?

re-com/src/re_com/simple_v_table.cljs

Lines 178 to 179 in 7957ff0

	:on-click (handler-fn (do (v-table/show-row-data-on-alt-click row row-index event)
	(when on-click-row (on-click-row row-index))))

[hipitihop]

Thanks for this @kimo-k Is it possible the console dump can also be raw, like simple-v-table does ? For larger entities, it's its nice to leverage devtools which allows navigating and expanding in the console, as opposed to just a pr-str, although I'm sure there may be people that like the plain pr-str too. Maybe a param :debug-click-fmt or callback ? Your comment mentions goog.DEBUG but I have found this feature useful in advanced compiled releases too, so I think it should be up to the consumer to configure this accordingly. e.g. in our apps we often use dev=true query param to enable such features

[kimo-k]

Ok, sounds like we can enable alt-click logging when (or debug-click? goog.DEBUG). And let debug-click-fmt declare what type of logging to do.

[kimo-k]

I remember building a global option for 10x:

A similar DX would be nice for re-com, configured using :closure-defines. That way, we could configure all the components at once. We could still provide a local config to any single component instance, but in many cases, it would be nice if we don't need to bother doing that.

Thinking a bit bigger, it might be nice to simply have every part in every component be able to spit out its props when alt-clicked.