@contentful/field-editor-json 3.3.3 → 3.3.4

package/dist/cjs/JsonEditor.js

@@ -192,3 +192,4 @@ function JsonEditor(props) {
         });
     });
 }
+JsonEditor.tabWidth = _utils.SPACE_INDENT_COUNT;

package/dist/cjs/JsonEditorField.js

@@ -10,10 +10,12 @@ Object.defineProperty(exports, "JsonEditorField", {
 });
 const _react = _interop_require_wildcard(require("react"));
 const _langjson = require("@codemirror/lang-json");
+const _language = require("@codemirror/language");
 const _view = require("@codemirror/view");
 const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
 const _reactcodemirror = _interop_require_default(require("@uiw/react-codemirror"));
 const _emotion = require("emotion");
+const _utils = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -108,7 +110,8 @@ function JsonEditorField(props) {
         theme: "light",
         extensions: [
             (0, _langjson.json)(),
-            _view.EditorView.lineWrapping
+            _view.EditorView.lineWrapping,
+            _language.indentUnit.of(new Array(_utils.SPACE_INDENT_COUNT).fill(' ').join(''))
         ],
         basicSetup: {
             closeBrackets: false,

package/dist/cjs/utils.js

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    SPACE_INDENT_COUNT: function() {
+        return SPACE_INDENT_COUNT;
+    },
     stringifyJSON: function() {
         return stringifyJSON;
     },
@@ -19,11 +22,12 @@ _export(exports, {
         return parseJSON;
     }
 });
+const SPACE_INDENT_COUNT = 4;
 function stringifyJSON(obj) {
     if (obj === null || obj === undefined) {
         return '';
     } else {
-        return JSON.stringify(obj, null, 4);
+        return JSON.stringify(obj, null, SPACE_INDENT_COUNT);
     }
 }
 function isValidJson(str) {

package/dist/esm/JsonEditor.js

@@ -18,7 +18,7 @@ import throttle from 'lodash/throttle';
 import { JsonEditorField } from './JsonEditorField';
 import { JsonEditorToolbar } from './JsonEditorToolbar';
 import { JsonInvalidStatus } from './JsonInvalidStatus';
-import { stringifyJSON, parseJSON } from './utils';
+import { stringifyJSON, parseJSON, SPACE_INDENT_COUNT } from './utils';
 var _React_Component;
 class ConnectedJsonEditor extends (_React_Component = React.Component) {
     render() {
@@ -138,3 +138,4 @@ export default function JsonEditor(props) {
         });
     });
 }
+JsonEditor.tabWidth = SPACE_INDENT_COUNT;

package/dist/esm/JsonEditorField.js

@@ -1,9 +1,11 @@
 import * as React from 'react';
 import { json } from '@codemirror/lang-json';
+import { indentUnit } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import tokens from '@contentful/f36-tokens';
 import CodeMirror from '@uiw/react-codemirror';
 import { css, cx } from 'emotion';
+import { SPACE_INDENT_COUNT } from './utils';
 const styles = {
     root: css({
         cursor: 'text',
@@ -54,7 +56,8 @@ export function JsonEditorField(props) {
         theme: "light",
         extensions: [
             json(),
-            EditorView.lineWrapping
+            EditorView.lineWrapping,
+            indentUnit.of(new Array(SPACE_INDENT_COUNT).fill(' ').join(''))
         ],
         basicSetup: {
             closeBrackets: false,

package/dist/esm/utils.js

@@ -1,8 +1,9 @@
+export const SPACE_INDENT_COUNT = 4;
 export function stringifyJSON(obj) {
     if (obj === null || obj === undefined) {
         return '';
     } else {
-        return JSON.stringify(obj, null, 4);
+        return JSON.stringify(obj, null, SPACE_INDENT_COUNT);
     }
 }
 export function isValidJson(str) {

package/dist/types/JsonEditor.d.ts

@@ -10,4 +10,8 @@ export interface JsonEditorProps {
      */
     field: FieldAPI;
 }
-export default function JsonEditor(props: JsonEditorProps): React.JSX.Element;
+declare function JsonEditor(props: JsonEditorProps): React.JSX.Element;
+declare namespace JsonEditor {
+    var tabWidth: number;
+}
+export default JsonEditor;

package/dist/types/utils.d.ts

@@ -1,4 +1,5 @@
 import { JSONObject } from './types';
+export declare const SPACE_INDENT_COUNT = 4;
 export declare function stringifyJSON(obj: JSONObject | null | undefined): string;
 export declare function isValidJson(str: string): boolean;
 export declare function parseJSON(str: string): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-json",
-  "version": "3.3.3",
+  "version": "3.3.4",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -50,5 +50,5 @@
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "gitHead": "2db95226af0417c42aae8d1be85796fc8774e283"
+  "gitHead": "622776505aed412439b203b0ebd17aa195e297ca"
 }