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 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 —— all unspecified ones will fallback to either the default theme, or another theme that you specify as the "base".
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
@@ -95,4 +95,4 @@ type CompareFunction = (a: string, b: string) => number;
95
95
 
96
96
  declare const JsonEditor: React$1.FC<JsonEditorProps>;
97
97
 
98
- export { JsonEditor, Theme, ThemeName, themes };
98
+ export { JsonEditor, Theme, ThemeInput, ThemeName, themes };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "json-edit-react",
3
- "version": "0.9.0",
3
+ "version": "0.9.1",
4
4
  "description": "React component for editing or viewing JSON/object data",
5
5
  "main": "build/index.cjs.js",
6
6
  "module": "build/index.esm.js",