@microlink/react-json-view 1.23.3 → 1.24.0

package/index.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from 'react'
 
 export interface ReactJsonViewProps {
   /**
@@ -6,46 +6,46 @@ export interface ReactJsonViewProps {
    *
    * Required.
    */
-  src: object;
+  src: object
   /**
    * Contains the name of your root node. Use null or false for no name.
    *
    * Default: "root"
    */
-  name?: React.JSX.Element | string | null | false;
+  name?: React.JSX.Element | string | null | false
   /**
    * RJV supports base-16 themes. Check out the list of supported themes in the demo.
    * A custom "rjv-default" theme applies by default.
    *
    * Default: "rjv-default"
    */
-  theme?: ThemeKeys | ThemeObject;
+  theme?: ThemeKeys | ThemeObject
   /**
    * Style attributes for react-json-view container.
    * Explicit style attributes will override attributes provided by a theme.
    *
    * Default: "rjv-default"
    */
-  style?: React.CSSProperties;
+  style?: React.CSSProperties
   /**
    * Style of expand/collapse icons. Accepted values are "circle", triangle" or "square".
    *
    * Default: {}
    */
-  iconStyle?: 'circle' | 'triangle' | 'square';
+  iconStyle?: 'circle' | 'triangle' | 'square'
   /**
    * Set the indent-width for nested objects.
    *
    * Default: 4
    */
-  indentWidth?: number;
+  indentWidth?: number
   /**
    * When set to true, all nodes will be collapsed by default.
    * Use an integer value to collapse at a particular depth.
    *
    * Default: false
    */
-  collapsed?: boolean | number;
+  collapsed?: boolean | number
   /**
    * When an integer value is assigned, strings will be cut off at that length.
    * Collapsed strings are followed by an ellipsis.
@@ -53,52 +53,52 @@ export interface ReactJsonViewProps {
    *
    * Default: false
    */
-  collapseStringsAfterLength?: number | false;
+  collapseStringsAfterLength?: number | false
   /**
    * Callback function to provide control over what objects and arrays should be collapsed by default.
    * An object is passed to the callback containing name, src, type ("array" or "object") and namespace.
    *
    * Default: false
    */
-  shouldCollapse?: false | ((field: CollapsedFieldProps) => boolean);
+  shouldCollapse?: false | ((field: CollapsedFieldProps) => boolean)
   /**
    * When an integer value is assigned, arrays will be displayed in groups by count of the value.
    * Groups are displayed with brakcet notation and can be expanded and collapsed by clickong on the brackets.
    *
    * Default: 100
    */
-  groupArraysAfterLength?: number;
+  groupArraysAfterLength?: number
   /**
    * When prop is not false, the user can copy objects and arrays to clipboard by clicking on the clipboard icon.
    * Copy callbacks are supported.
    *
    * Default: true
    */
-  enableClipboard?: boolean | ((copy: OnCopyProps) => void);
+  enableClipboard?: boolean | ((copy: OnCopyProps) => void)
   /**
    * When set to true, objects and arrays are labeled with size.
    *
    * Default: true
    */
-  displayObjectSize?: boolean;
+  displayObjectSize?: boolean
   /**
    * When set to true, data type labels prefix values.
    *
    * Default: true
    */
-  displayDataTypes?: boolean;
+  displayDataTypes?: boolean
   /**
    * When set to true, the index of the elements prefix values
    *
    * Default: true
    */
-  displayArrayKey?: boolean;
+  displayArrayKey?: boolean
   /**
    * set to false to remove quotes from keys (eg. "name": vs. name:)
    *
    * Default: true
    */
-  quotesOnKeys?: boolean;
+  quotesOnKeys?: boolean
   /**
    * When a callback function is passed in, edit functionality is enabled.
    * The callback is invoked before edits are completed. Returning false
@@ -106,7 +106,7 @@ export interface ReactJsonViewProps {
    *
    * Default: false
    */
-  onEdit?: ((edit: InteractionProps) => false | any) | false;
+  onEdit?: ((edit: InteractionProps) => false | any) | false
   /**
    * When a callback function is passed in, add functionality is enabled.
    * The callback is invoked before additions are completed.
@@ -114,7 +114,7 @@ export interface ReactJsonViewProps {
    *
    * Default: false
    */
-  onAdd?: ((add: InteractionProps) => false | any) | false;
+  onAdd?: ((add: InteractionProps) => false | any) | false
   /**
    * When a callback function is passed in, delete functionality is enabled.
    * The callback is invoked before deletions are completed.
@@ -122,146 +122,151 @@ export interface ReactJsonViewProps {
    *
    * Default: false
    */
-  onDelete?: ((del: InteractionProps) => false | any) | false;
+  onDelete?: ((del: InteractionProps) => false | any) | false
   /**
    * When a function is passed in, clicking a value triggers the onSelect method to be called.
    *
    * Default: false
    */
-  onSelect?: ((select: OnSelectProps) => void) | false;
+  onSelect?: ((select: OnSelectProps) => void) | false
   /**
    * Custom message for validation failures to onEdit, onAdd, or onDelete callbacks.
    *
    * Default: "Validation Error"
    */
-  validationMessage?: string;
+  validationMessage?: string
   /**
    * Set to true to sort object keys.
    *
    * Default: false
    */
-  sortKeys?: boolean;
+  sortKeys?: boolean
   /**
    * Set to a value to be used as defaultValue when adding new key to json
    *
    * Default: null
    */
-  defaultValue?: TypeDefaultValue | TypeDefaultValue[] | null;
+  defaultValue?: TypeDefaultValue | TypeDefaultValue[] | null
   /**
    * Whether to select the textarea contents on edit
    *
    * Default: false
    */
-  selectOnFocus?: boolean;
+  selectOnFocus?: boolean
   /**
    * The key modifier to be combined with a click on JSON values to edit them
    *
    * Default: (e) => e.metaKey || e.ctrlKey
    */
-  keyModifier?: (event: Event, type: 'edit' | 'submit') => boolean;
+  keyModifier?: (event: Event, type: 'edit' | 'submit') => boolean
+  /**
+   * Set to true to escape strings sequences such as \n, \t, \r, \f
+   *
+   * Default: true
+   */
+  escapeStrings?: boolean
 }
 
 export interface OnCopyProps {
   /**
    * The JSON tree source object
    */
-  src: object;
+  src: object
   /**
    * List of keys.
    */
-  namespace: Array<string | null>;
+  namespace: Array<string | null>
   /**
    * The last key in the namespace array.
    */
-  name: string | null;
+  name: string | null
 }
 
 export interface CollapsedFieldProps {
   /**
    * The name of the entry.
    */
-  name: string | null;
+  name: string | null
   /**
    * The corresponding JSON subtree.
    */
-  src: object;
+  src: object
   /**
    * The type of src. Can only be "array" or "object".
    */
-  type: 'array' | 'object';
+  type: 'array' | 'object'
   /**
    * The scopes above the current entry.
    */
-  namespace: Array<string | null>;
+  namespace: Array<string | null>
 }
 
 export interface InteractionProps {
   /**
    * The updated subtree of the JSON tree.
    */
-  updated_src: object;
+  updated_src: object
   /**
    * The existing subtree of the JSON tree.
    */
-  existing_src: object;
+  existing_src: object
   /**
    * The key of the entry that is interacted with.
    */
-  name: string | null;
+  name: string | null
   /**
    * List of keys.
    */
-  namespace: Array<string | null>;
+  namespace: Array<string | null>
   /**
    * The original value of the entry that is interacted with.
    */
-  existing_value: object | string | number | boolean | null;
+  existing_value: object | string | number | boolean | null
   /**
    * The updated value of the entry that is interacted with.
    */
-  new_value?: object | string | number | boolean | null;
+  new_value?: object | string | number | boolean | null
 }
 
 export interface OnSelectProps {
   /**
    * The name of the currently selected entry.
    */
-  name: string | null;
+  name: string | null
   /**
    * The value of the currently selected entry.
    */
-  value: object | string | number | boolean | null;
+  value: object | string | number | boolean | null
   /**
    * The type of the value. For "number" type, it will be replaced with the more
    * accurate types: "float", "integer", or "nan".
    */
-  type: string;
+  type: string
   /**
    * List of keys representing the scopes above the selected entry.
    */
-  namespace: Array<string | null>;
-
+  namespace: Array<string | null>
 }
 
-export type TypeDefaultValue = string | number | boolean | object;
+export type TypeDefaultValue = string | number | boolean | object
 
 export interface ThemeObject {
-  base00: string;
-  base01: string;
-  base02: string;
-  base03: string;
-  base04: string;
-  base05: string;
-  base06: string;
-  base07: string;
-  base08: string;
-  base09: string;
-  base0A: string;
-  base0B: string;
-  base0C: string;
-  base0D: string;
-  base0E: string;
-  base0F: string;
+  base00: string
+  base01: string
+  base02: string
+  base03: string
+  base04: string
+  base05: string
+  base06: string
+  base07: string
+  base08: string
+  base09: string
+  base0A: string
+  base0B: string
+  base0C: string
+  base0D: string
+  base0E: string
+  base0F: string
 }
 
 export type ThemeKeys =
@@ -301,7 +306,7 @@ export type ThemeKeys =
   | 'threezerotwofour'
   | 'tomorrow'
   | 'tube'
-  | 'twilight';
+  | 'twilight'
 
-declare const ReactJson: React.ComponentType<ReactJsonViewProps>;
-export default ReactJson;
+declare const ReactJson: React.ComponentType<ReactJsonViewProps>
+export default ReactJson

package/package.json

@@ -2,7 +2,7 @@
   "name": "@microlink/react-json-view",
   "description": "Interactive react component for displaying javascript arrays and JSON objects.",
   "homepage": "https://github.com/microlinkhq/react-json-view",
-  "version": "1.23.3",
+  "version": "1.24.0",
   "main": "dist/main.js",
   "author": {
     "name": "Mac Gainor"
@@ -171,6 +171,10 @@
     {
       "name": "REDMOND\\xuefl",
       "email": "xuefl@microsoft.com"
+    },
+    {
+      "name": "Mert Donmezyurek",
+      "email": "info@mertdy.com"
     }
   ],
   "repository": {
@@ -203,7 +207,6 @@
     "treeview"
   ],
   "dependencies": {
-    "flux": "~4.0.1",
     "react-base16-styling": "~0.9.0",
     "react-lifecycles-compat": "~3.0.4",
     "react-textarea-autosize": "~8.3.2"
@@ -215,35 +218,41 @@
     "@babel/plugin-syntax-class-properties": "~7.12.1",
     "@babel/plugin-syntax-jsx": "~7.12.1",
     "@babel/register": "7.12.10",
+    "@commitlint/cli": "latest",
+    "@commitlint/config-conventional": "latest",
+    "@ksmithut/prettier-standard": "latest",
     "@types/react": "^18.2.20",
+    "babel-loader": "8.4.1",
+    "babel-plugin-istanbul": "6.1.1",
     "babel-plugin-react-html-attrs": "~2.1.0",
+    "babel-preset-react-app": "10.0.1",
+    "browser-sync": "~3.0.3",
     "chai": "~4.2.0",
     "cheerio": "1.0.0-rc.3",
     "css-loader": "~4.3.0",
     "enzyme": "~3.11.0",
     "enzyme-adapter-react-16": "~1.15.5",
-    "eslint": "~7.16.0",
-    "eslint-plugin-prettier": "~3.3.1",
-    "eslint-plugin-react": "~7.21.5",
     "github-generate-release": "latest",
     "html-webpack-plugin": "^4.5.2",
     "ignore-styles": "~5.0.1",
     "jsdom": "~16.4.0",
     "mocha": "~8.2.1",
     "moment": "~2.29.1",
+    "nano-staged": "latest",
     "nyc": "~15.1.0",
     "prettier": "~2.2.1",
     "react": "~16.14.0",
     "react-dom": "~16.14.0",
-    "react-github-button": "~0.1.11",
-    "react-scripts": "~5.0.1",
     "react-select": "~1.1.0",
     "react-test-renderer": "~16.14.0",
     "sass": "~1.47.0",
     "sass-loader": "~10.1.1",
+    "simple-git-hooks": "latest",
     "sinon": "~9.2.3",
+    "standard": "latest",
     "standard-version": "latest",
     "style-loader": "~1.3.0",
+    "tinyrun": "~1.0.2",
     "typescript": "^4.5.4",
     "webpack": "~5.93.0",
     "webpack-bundle-analyzer": "~4.10.2",
@@ -257,11 +266,12 @@
   ],
   "scripts": {
     "build": "NODE_OPTIONS=--openssl-legacy-provider NODE_ENV=production webpack --config webpack/webpack.config.js --progress",
-    "build:demo": "NODE_ENV=production webpack --node-env production --config webpack/webpack.config-demo.js --progress",
-    "dev": "NODE_ENV=development webpack-dev-server --config webpack/webpack.config-dev.js --open",
-    "lint": "NODE_ENV=test ./node_modules/.bin/eslint src",
-    "lint-fixup": "NODE_ENV=test ./node_modules/.bin/eslint src --ext .js,.jsx --fix",
-    "modules:debug": "./docker/debug.sh",
+    "dev": "NODE_ENV=development webpack serve --config webpack/webpack.config-dev.js --open",
+    "docs:build": "NODE_ENV=production webpack --node-env production --config webpack/webpack.config-docs.js --progress",
+    "docs:dev": "tinyrun 'npm run docs:dev:watch' 'npm run docs:dev:browserync'",
+    "docs:dev:browserync": "browser-sync start --serveStatic docs/ --server --files 'index.html, **/*.(css|js|md)'",
+    "docs:dev:watch": "npm run docs:build -- --watch",
+    "lint": "standard",
     "modules:size-analyzer": "webpack --config webpack/webpack.config.js --json | webpack-bundle-size-analyzer",
     "modules:tree": "webpack --config webpack/webpack.config.js --json ",
     "postrelease": "npm run release:tags && npm run release:github && npm publish",
@@ -275,8 +285,41 @@
     "test:watch": "NODE_ENV=test nyc mocha -w test/**/*-test.js"
   },
   "license": "MIT",
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ],
+    "rules": {
+      "body-max-line-length": [
+        0
+      ]
+    }
+  },
+  "nano-staged": {
+    "*.js": [
+      "prettier-standard",
+      "standard --fix"
+    ],
+    "package.json": [
+      "finepack"
+    ]
+  },
   "peerDependencies": {
     "react": ">= 15",
     "react-dom": ">= 15"
+  },
+  "simple-git-hooks": {
+    "commit-msg": "npx commitlint --edit",
+    "pre-commit": "npx nano-staged"
+  },
+  "standard": {
+    "globals": [
+      "describe",
+      "it"
+    ],
+    "ignore": [
+      "demo/dist",
+      "dev-server"
+    ]
   }
 }