searchable-react-json-view
Advanced tools
Comparing version 0.0.5 to 0.0.6
@@ -142,2 +142,5 @@ import * as React from 'react'; | ||
highlightCurrentSearchColor?: string; | ||
customCopiedIcon?: object; | ||
customCopyIcon?: object; | ||
customActions?: Array<object>; | ||
} | ||
@@ -144,0 +147,0 @@ |
{ | ||
"name": "searchable-react-json-view", | ||
"description": "Interactive react component for displaying javascript arrays and JSON objects.", | ||
"version": "0.0.5", | ||
"version": "0.0.6", | ||
"main": "dist/main.js", | ||
@@ -6,0 +6,0 @@ "dependencies": { |
@@ -17,3 +17,6 @@ # searchable-react-json-view | ||
`highlightSearchColor`|`string`| <img src="https://user-images.githubusercontent.com/16322616/89119023-9018cb80-d4b3-11ea-8fca-8b068ce8ef71.png"/>|Highlight color | ||
<!-- `highlightCurrentSearchColor`|`string`| <img src="https://user-images.githubusercontent.com/16322616/89119031-ac1c6d00-d4b3-11ea-9640-e5320904fdd3.png"/> | Current highlight color --> | ||
`highlightCurrentSearchColor`|`string`| <img src="https://user-images.githubusercontent.com/16322616/89119031-ac1c6d00-d4b3-11ea-9640-e5320904fdd3.png"/> | Current highlight color | ||
`customCopiedIcon`|`JSX.Element`| null | Custom icon that appears after copying | ||
`customCopyIcon`|`JSX.Element`| null | Custom icon for copy to clipboard | ||
`customActions`|`array`| [] | Custom actions that appear after copy, edit etc. each item should be: { icon: JSX.Element, onClick: clickedJsonValue => void } | ||
@@ -23,1 +26,14 @@ ### Example | ||
<kbd><img src="https://user-images.githubusercontent.com/16322616/89118875-1d5b2080-d4b2-11ea-81fe-514d019cb26b.png" width="450" /></kbd> | ||
### Custom actions & copy icon | ||
``` | ||
<JsonViewer | ||
customCopiedIcon={<span>copied </span>} | ||
customCopyIcon={<span>copy </span>} | ||
customActions={[{ | ||
icon: <span> a</span>, | ||
onClick: (value) => alert(JSON.stringify(value)) | ||
}]} | ||
/> | ||
``` | ||
Sorry, the diff of this file is too big to display
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
172062
11
319
38
6