v0.2.8

Author: YYsuni

README.md

@@ -56,8 +56,8 @@ import 'react18-json-view/src/style.css'
 | `displaySize`                | `boolean` \| `integer`  \| 'collapsed' \| 'expanded'                      | `false`                                                                                             | Whether display the size of `Object`, `Array`.                                                                                                                                                 |
 | `collapseStringsAfterLength` | `integer`                                                                 | `99`                                                                                                | When an integer value is assigned, strings longer than that length will be truncated and indicated by an ellipsis. To expand or collapse the string content, simply click on the string value. |
 | customizeCollapseStringUI  | ` (str_show: string, truncated: boolean) => (JSX.Element \| string)` \| `string`  | - | Customize the collapse string UI.                                                                                                                                                              |
-| `ignoreLargeArray`(canary)   | `boolean`                                                                 | `false`                                                                                             | Prevent collapsing large array(length > 100) behavior since v0.2.7                                                                                                                             |
-| `collapseStringMode`         | `'directly'` \| `'word'` \|  `'address'`                                  | `'directly'`                                                                                        | If the `word` is assigned, the collapsed length will be adjusted to fully display the last word.(English only)                                                                                 |
+| `ignoreLargeArray`   | `boolean`                                                                 | `false`                                                                                             | Prevent collapsing large array(length > 100) behavior since v0.2.7                                                                                                                             |
+| `collapseStringMode`         | `'directly'` \| `'word'` \|  `'address'`                                  | `'directly'`                                                                                        | If the `word` is assigned, the collapsed length will be adjusted to fully display the last word.                                                                                 |
 | `collapsed`                  | `boolean` \| `integer` \| `function`                                      | `false`                                                                                             | When set to true(false), all nodes will be (not) collapsed by default. When using an integer value, it will collapse at a specific depth. The collapsed also can be a function.                |
 | `collapseObjectsAfterLength` | `integer`                                                                 | `99`                                                                                                | When an integer value is assigned, the object and array will initially collapse.                                                                                                               |
 | `editable`                   | `boolean` \| {add?: `boolean`, edit?: `boolean`, delete?: `boolean`}      | `false`                                                                                             | When set to true, you can add, edit, or delete the property, and the actions will trigger onAdd, onEdit, or onDelete. Options is available.                                                    |
@@ -106,7 +106,7 @@ import 'react18-json-view/src/style.css'
 
 The editor uses `eval(<input-value>)`. While in edit mode, you can enter `({})` or `([])`, which will cause the result of eval to become a new object or array.
 
-> canary: `{}` and `[]` will be auto convert to `({})`,`([])`
+> `{}` and `[]` will be auto convert to `({})`,`([])`
 ### How the editor works
 
 This component does not perform any cloning operations, so every step of the operation is carried out on the original object. If cloning is required, please handle it yourself.

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "react18-json-view",
-	"version": "0.2.8-canary.6",
+	"version": "0.2.8",
 	"type": "module",
 	"description": "JSON viewer for react18",
 	"main": "dist/cjs/index.cjs",

website/src/contents/editable.tsx

@@ -88,7 +88,7 @@ export default function Editable() {
 				<code className='mx-0.5 rounded bg-slate-200 px-1 py-0.5 font-mono text-sm dark:bg-slate-600'>{`([])`}</code>,
 				which will cause the result of eval to become a new object or array.
 			</p>
-			<p>canary: `{}` and `[]` will be auto convert to `({})`,`([])`</p>
+			<p>`{}` and `[]` will be auto convert to `({})`,`([])`</p>
 			<h3 className='mt-6 text-lg font-medium'>How the editor works</h3>
 			<p>
 				This component does not perform any cloning operations, so every step of the operation is carried out on the