v0.2.9-canary.5

Author: YYsuni

README.md

@@ -54,9 +54,9 @@ import 'react18-json-view/src/style.css'
 | `matchesURL`                                                       | `boolean`                                                                                             | `true`                                                                                              | Show the link icon if value is string and matches URL regex pattern.                                                                                                                           |
 | `urlRegExp`                                                        | `RegExp`                                                                                              | `/^(((ht\|f)tps?):\/\/)?([^!@#$%^&*?.\s-]([^!@#$%^&*?.\s]{0,63}[^!@#$%^&*?.\s])?\.)+[a-z]{2,6}\/?/` | URL RegExp pattern.                                                                                                                                                                            |
 | `displaySize`                                                      | `boolean` \| `integer`  \| 'collapsed' \| 'expanded'                                                  | `false`                                                                                             | Whether display the size of `Object`, `Array`.                                                                                                                                                 |
-| `displayArrayIndex`                                                | `boolean`                                                                                             | `true`                                                                                              | Whether display the index of `Array`.                                                                                                                                                          |
+| `displayArrayIndex`        (canary)                                | `boolean`                                                                                             | `true`                                                                                              | Whether display the index of `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.                                                                                                                                                              |
+| `customizeCollapseStringUI`                                          | ` (str_show: string, truncated: boolean) => (JSX.Element \| string)` \| `string`                      | -                                                                                                   | Customize the collapse string UI.                                                                                                                                                              |
 | `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.                |

package.json

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

website/src/contents/display-array-index.tsx

@@ -31,7 +31,7 @@ export default function DisplayArrayIndex() {
 
 	return (
 		<>
-			<h2 className='mt-20 text-lg font-medium'>Display Array Index</h2>
+			<h2 className='mt-20 text-lg font-medium'>Display Array Index (Canary)</h2>
 			<ul className='mt-3 flex select-none flex-wrap gap-1'>
 				{options.map(item => (
 					<li