react-json-view-lite - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0

CHANGELOG.md

@@ -0,1 +1,7 @@
+## 1.3.0
+
+### New Feature
+
+- [New style parameter for not adding double quotes to rendered strings](https://github.com/AnyRoad/react-json-view-lite/issues/22)
+
 ## 1.2.1
@@ -2,0 +8,0 @@

dist/DataRenderer.d.ts

@@ -16,2 +16,3 @@ import * as React from 'react';
     collapsedContent: string;
+    noQuotesForStringValues: boolean;
 }
@@ -18,0 +19,0 @@ export interface JsonRenderProps<T> {

dist/index.js

@@ -170,3 +170,3 @@ var React = require('react');
   } else if (isString(value)) {
-    stringValue = `"${value}"`;
+    stringValue = style.noQuotesForStringValues ? value : `"${value}"`;
     valueStyle = style.stringValue;
@@ -227,3 +227,4 @@ } else if (isBoolean(value)) {
   expandIcon: styles['expand-icon-light'],
-  collapsedContent: styles['collapsed-content-light']
+  collapsedContent: styles['collapsed-content-light'],
+  noQuotesForStringValues: false
 };
@@ -243,3 +244,4 @@ const darkStyles = {
   expandIcon: styles['expand-icon-dark'],
-  collapsedContent: styles['collapsed-content-dark']
+  collapsedContent: styles['collapsed-content-dark'],
+  noQuotesForStringValues: false
 };
@@ -246,0 +248,0 @@ const allExpanded = () => true;

dist/index.modern.js

@@ -170,3 +170,3 @@ import { useState, useRef, createElement, useEffect } from 'react';
   } else if (isString(value)) {
-    stringValue = `"${value}"`;
+    stringValue = style.noQuotesForStringValues ? value : `"${value}"`;
     valueStyle = style.stringValue;
@@ -227,3 +227,4 @@ } else if (isBoolean(value)) {
   expandIcon: styles['expand-icon-light'],
-  collapsedContent: styles['collapsed-content-light']
+  collapsedContent: styles['collapsed-content-light'],
+  noQuotesForStringValues: false
 };
@@ -243,3 +244,4 @@ const darkStyles = {
   expandIcon: styles['expand-icon-dark'],
-  collapsedContent: styles['collapsed-content-dark']
+  collapsedContent: styles['collapsed-content-dark'],
+  noQuotesForStringValues: false
 };
@@ -246,0 +248,0 @@ const allExpanded = () => true;

dist/stories/JsonView.stories.d.ts

@@ -7,1 +7,2 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("..").Props>;
 export declare const CollapsedRoot: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("..").Props>;
+export declare const RenderStringsWithoutObjects: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("..").Props>;

package.json

 {
   "name": "react-json-view-lite",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "JSON viewer component for React focused on performance for large volume input while still providing few customiziation features",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/AnyRoad/react-json-view-lite",

README.md

@@ -99,17 +99,18 @@ <div align="center">
 
-| Name             | Type   | Description                                                                                                       |
-| ---------------- | ------ | ----------------------------------------------------------------------------------------------------------------- |
-| container        | string | CSS class name for rendering parent block                                                                         |
-| basicChildStyle  | string | CSS class name for property block containing property name and value                                              |
-| collapseIcon     | string | CSS class name for rendering button collapsing Object and Array nodes. Default content is `▾`.                    |
-| expandIcon       | string | CSS class name for rendering button expanding Object and Array nodes. Default content is `▸`.                     |
-| collapsedContent | string | CSS class name for rendering placeholder when Object and Array nodes are collapsed. Default contents is `...`.    |
-| label            | string | CSS class name for rendering property names                                                                       |
-| nullValue        | string | CSS class name for rendering null values                                                                          |
-| undefinedValue   | string | CSS class name for rendering undefined values                                                                     |
-| numberValue      | string | CSS class name for rendering numeric values                                                                       |
-| stringValue      | string | CSS class name for rendering string values                                                                        |
-| booleanValue     | string | CSS class name for rendering boolean values                                                                       |
-| otherValue       | string | CSS class name for rendering all other values except Object, Arrray, null, undefined, numeric, boolean and string |
-| punctuation      | string | CSS class name for rendering `,`, `[`, `]`, `{`, `}`                                                              |
+| Name                    | Type    | Description                                                                                                       |
+| ----------------------- | ------- | ----------------------------------------------------------------------------------------------------------------- |
+| container               | string  | CSS class name for rendering parent block                                                                         |
+| basicChildStyle         | string  | CSS class name for property block containing property name and value                                              |
+| collapseIcon            | string  | CSS class name for rendering button collapsing Object and Array nodes. Default content is `▾`.                    |
+| expandIcon              | string  | CSS class name for rendering button expanding Object and Array nodes. Default content is `▸`.                     |
+| collapsedContent        | string  | CSS class name for rendering placeholder when Object and Array nodes are collapsed. Default contents is `...`.    |
+| label                   | string  | CSS class name for rendering property names                                                                       |
+| nullValue               | string  | CSS class name for rendering null values                                                                          |
+| undefinedValue          | string  | CSS class name for rendering undefined values                                                                     |
+| numberValue             | string  | CSS class name for rendering numeric values                                                                       |
+| stringValue             | string  | CSS class name for rendering string values                                                                        |
+| booleanValue            | string  | CSS class name for rendering boolean values                                                                       |
+| otherValue              | string  | CSS class name for rendering all other values except Object, Arrray, null, undefined, numeric, boolean and string |
+| punctuation             | string  | CSS class name for rendering `,`, `[`, `]`, `{`, `}`                                                              |
+| noQuotesForStringValues | boolean | whether or not to add double quotes when rendering string values, default value is `false`                        |
 
@@ -116,0 +117,0 @@ ## Comparison with other libraries

No alert changes

Improved metrics

Total package byte prevSize

79383

increased by1.79%

Lines of code

719

increased by0.84%

Number of lines in readme file

150

increased by0.67%

No dependency changes