json-edit-react 0.9.0 → 0.9.1
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.
- package/README.md +8 -2
- package/build/index.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -31,6 +31,7 @@ Features include:
|
|
|
31
31
|
- [Undo functionality](#undo-functionality)
|
|
32
32
|
- [Issues, bugs, suggestions?](#issues-bugs-suggestions)
|
|
33
33
|
- [Roadmap](#roadmap)
|
|
34
|
+
- [Inspiration](#inspiration)
|
|
34
35
|
- [Changelog](#changelog)
|
|
35
36
|
|
|
36
37
|
|
|
@@ -215,7 +216,7 @@ However, you can pass in your own theme object, or part thereof. The theme struc
|
|
|
215
216
|
|
|
216
217
|
```
|
|
217
218
|
|
|
218
|
-
The `styles` property is the main one to focus on. Each key (`property`, `bracket`, `itemCount`) refers to a part of the UI. The value for each key is *either* a `string`, in which case it is interpreted as the colour (or background colour in the case of `container` and `inputHighlight`), *or* a full CSS style object for fine-grained definition. You only need to provide properties you wish to override
|
|
219
|
+
The `styles` property is the main one to focus on. Each key (`property`, `bracket`, `itemCount`) refers to a part of the UI. The value for each key is *either* a `string`, in which case it is interpreted as the colour (or background colour in the case of `container` and `inputHighlight`), *or* a full CSS style object for fine-grained definition. You only need to provide properties you wish to override — all unspecified ones will fallback to either the default theme, or another theme that you specify as the "base".
|
|
219
220
|
|
|
220
221
|
For example, if you want to use the "githubDark" theme, but just change a couple of small things, you'd specify something like this:
|
|
221
222
|
|
|
@@ -328,7 +329,12 @@ The main features I'd like to introduce are:
|
|
|
328
329
|
2. **Visibility filter function** — *hide* properties from the UI completely based on a Filter function. This should arguably be done outside the component though (filter the data upstream), so would be less of a priority (though it would be fairly simple to implement, so 🤷♂️)
|
|
329
330
|
3. **Search** — allow the user to narrow the list of visible keys with a simple search input. This would be useful for very large data objects, but is possibly getting a bit too much in terms of opinionated UI, so would need to ensure it can be styled easily. Perhaps it would be better if the "Search" input was handled outside this package, and we just accepted a "search" string prop?
|
|
330
331
|
|
|
332
|
+
## Inspiration
|
|
333
|
+
|
|
334
|
+
This component is heavily inspired by [react-json-view](https://github.com/mac-s-g/react-json-view), a great package that I've used in my own projects. However, it seems to have been abandoned now, and requires a few critical fixes, so I decided to create my own from scratch and extend the functionality while I was at it.
|
|
331
335
|
|
|
332
336
|
## Changelog
|
|
333
337
|
|
|
334
|
-
- **0.9.0**: Initial release
|
|
338
|
+
- **0.9.0**: Initial release
|
|
339
|
+
- **0.9.1**: Export more Types from the package
|
|
340
|
+
|
package/build/index.d.ts
CHANGED