npm - @contentful/field-editor-json - Versions diffs - 3.1.0 → 3.1.1 - Mend

@contentful/field-editor-json 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/CHANGELOG.md +4 -0
package/dist/field-editor-json.cjs.development.js +3 -2
package/dist/field-editor-json.cjs.development.js.map +1 -1
package/dist/field-editor-json.cjs.production.min.js +1 -1
package/dist/field-editor-json.cjs.production.min.js.map +1 -1
package/dist/field-editor-json.esm.js +3 -2
package/dist/field-editor-json.esm.js.map +1 -1
package/package.json +2 -2

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [3.1.1](https://github.com/contentful/field-editors/compare/@contentful/field-editor-json@3.1.0...@contentful/field-editor-json@3.1.1) (2022-10-07)
+**Note:** Version bump only for package @contentful/field-editor-json
 # [3.1.0](https://github.com/contentful/field-editors/compare/@contentful/field-editor-json@3.0.1...@contentful/field-editor-json@3.1.0) (2022-08-25)
 ### Features

package/dist/field-editor-json.cjs.development.js CHANGED Viewed

@@ -61,12 +61,12 @@ var styles = {
     fontSize: tokens.fontSizeM,
     '.cm-editor': {
       color: tokens.gray900,
-      fontFamily: tokens.fontStackMonospace,
       '&.cm-focused': {
         outline: 'none'
       }
     },
     '.cm-scroller': {
+      fontFamily: tokens.fontStackMonospace,
       minHeight: '6rem'
     },
     '&.disabled': {
@@ -105,7 +105,8 @@ function JsonEditorField(props) {
       highlightActiveLineGutter: false,
       highlightActiveLine: false,
       foldGutter: false,
-      bracketMatching: false
+      bracketMatching: false,
+      syntaxHighlighting: false
     },
     width: "100%",
     editable: !props.isDisabled,

package/dist/field-editor-json.cjs.development.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-editor-json.cjs.development.js","sources":["../src/JsonEditorField.tsx","../src/JsonEditorToolbar.tsx","../src/JsonInvalidStatus.tsx","../src/utils.ts","../src/JsonEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport tokens from '@contentful/f36-tokens';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { css, cx } from 'emotion';\n\ntype JsonEditorFieldProps = {\n isDisabled: boolean;\n value: string;\n onChange: (value: string) => void;\n};\n\nconst styles = {\n root: css({\n cursor: 'text',\n padding: tokens.spacingS,\n border: `1px solid ${tokens.gray200}`,\n borderTop: 'none',\n borderBottomLeftRadius: tokens.borderRadiusSmall,\n borderBottomRightRadius: tokens.borderRadiusSmall,\n fontSize: tokens.fontSizeM,\n '.cm-editor': {\n color: tokens.gray900,\n fontFamily: tokens.fontStackMonospace,\n '&.cm-focused': {\n outline: 'none',\n },\n },\n '.cm-scroller': {\n minHeight: '6rem',\n },\n '&.disabled': {\n cursor: 'auto',\n '.cm-scroller ': {\n minHeight: '6rem',\n backgroundColor: tokens.gray100,\n cursor: 'not-allowed',\n },\n '.cm-editor': {\n border: `1px solid ${tokens.gray200}`,\n },\n '.cm-line': {\n cursor: 'not-allowed',\n },\n '.cm-lines': {\n cursor: 'not-allowed',\n },\n },\n }),\n};\n\nexport function JsonEditorField(props: JsonEditorFieldProps) {\n return (\n <div\n className={cx(styles.root, { disabled: props.isDisabled })}\n data-test-id=\"json-editor-code-mirror\">\n <CodeMirror\n value={props.value}\n onChange={props.onChange}\n theme=\"light\"\n extensions={[json(), EditorView.lineWrapping]}\n basicSetup={{\n closeBrackets: false,\n lineNumbers: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n foldGutter: false,\n bracketMatching: false,\n }}\n width=\"100%\"\n editable={!props.isDisabled}\n indentWithTab={true}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { Button } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nconst styles = {\n toolbar: css({\n display: 'flex',\n alignItems: 'center',\n padding: tokens.spacingXs,\n justifyContent: 'space-between',\n backgroundColor: tokens.gray100,\n border: `1px solid ${tokens.gray200}`,\n borderTopLeftRadius: tokens.borderRadiusSmall,\n borderTopRightRadius: tokens.borderRadiusSmall,\n borderBottom: 'none',\n }),\n title: css({\n fontFamily: tokens.fontStackPrimary,\n fontSize: tokens.fontSizeM,\n color: tokens.gray600,\n }),\n actions: css({\n button: {\n marginLeft: tokens.spacingS,\n },\n }),\n};\n\ntype JsonEditorToolbarProps = {\n isUndoDisabled: boolean;\n isRedoDisabled: boolean;\n onRedo: () => void;\n onUndo: () => void;\n};\n\nexport function JsonEditorToolbar(props: JsonEditorToolbarProps) {\n return (\n <div className={styles.toolbar}>\n <div className={styles.title}>JSON Editor</div>\n <div className={styles.actions}>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isUndoDisabled}\n testId=\"json-editor-undo\"\n onClick={() => {\n props.onUndo();\n }}>\n Undo\n </Button>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isRedoDisabled}\n testId=\"json-editor-redo\"\n onClick={() => {\n props.onRedo();\n }}>\n Redo\n </Button>\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ValidationMessage } from '@contentful/f36-components';\n\nexport function JsonInvalidStatus() {\n return (\n <div\n role=\"status\"\n data-test-id=\"json-editor.invalid-json\"\n className={css({ marginTop: tokens.spacingS })}>\n <ValidationMessage>This is not valid JSON</ValidationMessage>\n </div>\n );\n}\n","import { JSONObject } from './types';\n\nexport function stringifyJSON(obj: JSONObject \| null \| undefined): string {\n if (obj === null \|\| obj === undefined) {\n return '';\n } else {\n return JSON.stringify(obj, null, 4);\n }\n}\n\nexport function isValidJson(str: string) {\n let parsed;\n try {\n parsed = JSON.parse(str);\n } catch (e) {\n return false;\n }\n // An object or array is valid JSON\n if (typeof parsed !== 'object') {\n return false;\n }\n return true;\n}\n\nexport function parseJSON(str: string): { valid: boolean; value?: JSONObject } {\n if (str === '') {\n return {\n value: undefined,\n valid: true,\n };\n } else if (isValidJson(str)) {\n return {\n value: JSON.parse(str),\n valid: true,\n };\n } else {\n return {\n value: undefined,\n valid: false,\n };\n }\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport throttle from 'lodash/throttle';\n\nimport { JsonEditorField } from './JsonEditorField';\nimport { JsonEditorToolbar } from './JsonEditorToolbar';\nimport { JsonInvalidStatus } from './JsonInvalidStatus';\nimport { JSONObject } from './types';\nimport { stringifyJSON, parseJSON } from './utils';\n\nexport interface JsonEditorProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n */\n field: FieldAPI;\n}\n\ntype NullableJsonObject = JSONObject \| null \| undefined;\n\ntype ConnectedJsonEditorProps = {\n initialValue: NullableJsonObject;\n setValue: (value: NullableJsonObject) => void;\n disabled: boolean;\n};\n\ntype ConnectedJsonEditorState = {\n value: string;\n isValidJson: boolean;\n undoStack: string[];\n redoStack: string[];\n lastUndo: string;\n};\n\nclass ConnectedJsonEditor extends React.Component<\n ConnectedJsonEditorProps,\n ConnectedJsonEditorState\n> {\n static defaultProps = {\n isInitiallyDisabled: true,\n };\n\n constructor(props: ConnectedJsonEditorProps) {\n super(props);\n this.state = {\n value: stringifyJSON(props.initialValue),\n isValidJson: true,\n undoStack: [],\n redoStack: [],\n lastUndo: '',\n };\n }\n\n setValidJson = (value: boolean) => {\n this.setState({\n isValidJson: value,\n });\n };\n\n pushUndo = throttle((value: string) => {\n this.setState((state) => ({\n undoStack: [...state.undoStack, value],\n }));\n }, 400);\n\n onChange = (value: string) => {\n const parsed = parseJSON(value);\n\n if (value !== this.state.lastUndo) {\n this.pushUndo(this.state.value);\n }\n\n this.setState({\n value,\n isValidJson: parsed.valid,\n });\n\n if (parsed.valid) {\n this.props.setValue(parsed.value);\n }\n };\n\n onUndo = () => {\n const undoStack = this.state.undoStack;\n\n if (undoStack.length === 0) {\n return;\n }\n\n const value = undoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n undoStack,\n redoStack: [...state.redoStack, state.value],\n lastUndo: value,\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n onRedo = () => {\n const redoStack = [...this.state.redoStack];\n\n if (redoStack.length === 0) {\n return;\n }\n\n const value = redoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n redoStack,\n undoStack: [...state.undoStack, state.value],\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n render() {\n return (\n <div data-test-id=\"json-editor\">\n <JsonEditorToolbar\n isRedoDisabled={this.props.disabled \|\| this.state.redoStack.length === 0}\n isUndoDisabled={this.props.disabled \|\| this.state.undoStack.length === 0}\n onUndo={this.onUndo}\n onRedo={this.onRedo}\n />\n <JsonEditorField\n value={this.state.value}\n onChange={this.onChange}\n isDisabled={this.props.disabled}\n />\n {!this.state.isValidJson && <JsonInvalidStatus />}\n </div>\n );\n }\n}\n\nexport default function JsonEditor(props: JsonEditorProps) {\n return (\n <FieldConnector<JSONObject>\n field={props.field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}>\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <ConnectedJsonEditor\n // on external change reset component completely and init with initial value again\n key={`json-editor-${externalReset}`}\n initialValue={value}\n disabled={disabled}\n setValue={setValue}\n />\n );\n }}\n </FieldConnector>\n );\n}\n"],"names":["styles","root","css","cursor","padding","tokens","spacingS","border","gray200","borderTop","borderBottomLeftRadius","borderRadiusSmall","borderBottomRightRadius","fontSize","fontSizeM","color","gray900","fontFamily","fontStackMonospace","outline","minHeight","backgroundColor","gray100","JsonEditorField","props","React","className","cx","disabled","isDisabled","CodeMirror","value","onChange","theme","extensions","json","EditorView","lineWrapping","basicSetup","closeBrackets","lineNumbers","highlightActiveLineGutter","highlightActiveLine","foldGutter","bracketMatching","width","editable","indentWithTab","toolbar","display","alignItems","spacingXs","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottom","title","fontStackPrimary","gray600","actions","button","marginLeft","JsonEditorToolbar","Button","variant","size","isUndoDisabled","testId","onClick","onUndo","isRedoDisabled","onRedo","JsonInvalidStatus","role","marginTop","ValidationMessage","stringifyJSON","obj","undefined","JSON","stringify","isValidJson","str","parsed","parse","e","parseJSON","valid","ConnectedJsonEditor","setValidJson","setState","pushUndo","throttle","state","undoStack","lastUndo","setValue","length","pop","parsedValue","redoStack","initialValue","render","defaultProps","isInitiallyDisabled","JsonEditor","FieldConnector","field","isEqualValues","value1","value2","deepEqual","externalReset","key"],"mappings":"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"}
1	+ {"version":3,"file":"field-editor-json.cjs.development.js","sources":["../src/JsonEditorField.tsx","../src/JsonEditorToolbar.tsx","../src/JsonInvalidStatus.tsx","../src/utils.ts","../src/JsonEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport tokens from '@contentful/f36-tokens';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { css, cx } from 'emotion';\n\ntype JsonEditorFieldProps = {\n isDisabled: boolean;\n value: string;\n onChange: (value: string) => void;\n};\n\nconst styles = {\n root: css({\n cursor: 'text',\n padding: tokens.spacingS,\n border: `1px solid ${tokens.gray200}`,\n borderTop: 'none',\n borderBottomLeftRadius: tokens.borderRadiusSmall,\n borderBottomRightRadius: tokens.borderRadiusSmall,\n fontSize: tokens.fontSizeM,\n '.cm-editor': {\n color: tokens.gray900,\n '&.cm-focused': {\n outline: 'none',\n },\n },\n '.cm-scroller': {\n fontFamily: tokens.fontStackMonospace,\n minHeight: '6rem',\n },\n '&.disabled': {\n cursor: 'auto',\n '.cm-scroller ': {\n minHeight: '6rem',\n backgroundColor: tokens.gray100,\n cursor: 'not-allowed',\n },\n '.cm-editor': {\n border: `1px solid ${tokens.gray200}`,\n },\n '.cm-line': {\n cursor: 'not-allowed',\n },\n '.cm-lines': {\n cursor: 'not-allowed',\n },\n },\n }),\n};\n\nexport function JsonEditorField(props: JsonEditorFieldProps) {\n return (\n <div\n className={cx(styles.root, { disabled: props.isDisabled })}\n data-test-id=\"json-editor-code-mirror\">\n <CodeMirror\n value={props.value}\n onChange={props.onChange}\n theme=\"light\"\n extensions={[json(), EditorView.lineWrapping]}\n basicSetup={{\n closeBrackets: false,\n lineNumbers: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n foldGutter: false,\n bracketMatching: false,\n syntaxHighlighting: false,\n }}\n width=\"100%\"\n editable={!props.isDisabled}\n indentWithTab={true}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { Button } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nconst styles = {\n toolbar: css({\n display: 'flex',\n alignItems: 'center',\n padding: tokens.spacingXs,\n justifyContent: 'space-between',\n backgroundColor: tokens.gray100,\n border: `1px solid ${tokens.gray200}`,\n borderTopLeftRadius: tokens.borderRadiusSmall,\n borderTopRightRadius: tokens.borderRadiusSmall,\n borderBottom: 'none',\n }),\n title: css({\n fontFamily: tokens.fontStackPrimary,\n fontSize: tokens.fontSizeM,\n color: tokens.gray600,\n }),\n actions: css({\n button: {\n marginLeft: tokens.spacingS,\n },\n }),\n};\n\ntype JsonEditorToolbarProps = {\n isUndoDisabled: boolean;\n isRedoDisabled: boolean;\n onRedo: () => void;\n onUndo: () => void;\n};\n\nexport function JsonEditorToolbar(props: JsonEditorToolbarProps) {\n return (\n <div className={styles.toolbar}>\n <div className={styles.title}>JSON Editor</div>\n <div className={styles.actions}>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isUndoDisabled}\n testId=\"json-editor-undo\"\n onClick={() => {\n props.onUndo();\n }}>\n Undo\n </Button>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isRedoDisabled}\n testId=\"json-editor-redo\"\n onClick={() => {\n props.onRedo();\n }}>\n Redo\n </Button>\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ValidationMessage } from '@contentful/f36-components';\n\nexport function JsonInvalidStatus() {\n return (\n <div\n role=\"status\"\n data-test-id=\"json-editor.invalid-json\"\n className={css({ marginTop: tokens.spacingS })}>\n <ValidationMessage>This is not valid JSON</ValidationMessage>\n </div>\n );\n}\n","import { JSONObject } from './types';\n\nexport function stringifyJSON(obj: JSONObject \| null \| undefined): string {\n if (obj === null \|\| obj === undefined) {\n return '';\n } else {\n return JSON.stringify(obj, null, 4);\n }\n}\n\nexport function isValidJson(str: string) {\n let parsed;\n try {\n parsed = JSON.parse(str);\n } catch (e) {\n return false;\n }\n // An object or array is valid JSON\n if (typeof parsed !== 'object') {\n return false;\n }\n return true;\n}\n\nexport function parseJSON(str: string): { valid: boolean; value?: JSONObject } {\n if (str === '') {\n return {\n value: undefined,\n valid: true,\n };\n } else if (isValidJson(str)) {\n return {\n value: JSON.parse(str),\n valid: true,\n };\n } else {\n return {\n value: undefined,\n valid: false,\n };\n }\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport throttle from 'lodash/throttle';\n\nimport { JsonEditorField } from './JsonEditorField';\nimport { JsonEditorToolbar } from './JsonEditorToolbar';\nimport { JsonInvalidStatus } from './JsonInvalidStatus';\nimport { JSONObject } from './types';\nimport { stringifyJSON, parseJSON } from './utils';\n\nexport interface JsonEditorProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n */\n field: FieldAPI;\n}\n\ntype NullableJsonObject = JSONObject \| null \| undefined;\n\ntype ConnectedJsonEditorProps = {\n initialValue: NullableJsonObject;\n setValue: (value: NullableJsonObject) => void;\n disabled: boolean;\n};\n\ntype ConnectedJsonEditorState = {\n value: string;\n isValidJson: boolean;\n undoStack: string[];\n redoStack: string[];\n lastUndo: string;\n};\n\nclass ConnectedJsonEditor extends React.Component<\n ConnectedJsonEditorProps,\n ConnectedJsonEditorState\n> {\n static defaultProps = {\n isInitiallyDisabled: true,\n };\n\n constructor(props: ConnectedJsonEditorProps) {\n super(props);\n this.state = {\n value: stringifyJSON(props.initialValue),\n isValidJson: true,\n undoStack: [],\n redoStack: [],\n lastUndo: '',\n };\n }\n\n setValidJson = (value: boolean) => {\n this.setState({\n isValidJson: value,\n });\n };\n\n pushUndo = throttle((value: string) => {\n this.setState((state) => ({\n undoStack: [...state.undoStack, value],\n }));\n }, 400);\n\n onChange = (value: string) => {\n const parsed = parseJSON(value);\n\n if (value !== this.state.lastUndo) {\n this.pushUndo(this.state.value);\n }\n\n this.setState({\n value,\n isValidJson: parsed.valid,\n });\n\n if (parsed.valid) {\n this.props.setValue(parsed.value);\n }\n };\n\n onUndo = () => {\n const undoStack = this.state.undoStack;\n\n if (undoStack.length === 0) {\n return;\n }\n\n const value = undoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n undoStack,\n redoStack: [...state.redoStack, state.value],\n lastUndo: value,\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n onRedo = () => {\n const redoStack = [...this.state.redoStack];\n\n if (redoStack.length === 0) {\n return;\n }\n\n const value = redoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n redoStack,\n undoStack: [...state.undoStack, state.value],\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n render() {\n return (\n <div data-test-id=\"json-editor\">\n <JsonEditorToolbar\n isRedoDisabled={this.props.disabled \|\| this.state.redoStack.length === 0}\n isUndoDisabled={this.props.disabled \|\| this.state.undoStack.length === 0}\n onUndo={this.onUndo}\n onRedo={this.onRedo}\n />\n <JsonEditorField\n value={this.state.value}\n onChange={this.onChange}\n isDisabled={this.props.disabled}\n />\n {!this.state.isValidJson && <JsonInvalidStatus />}\n </div>\n );\n }\n}\n\nexport default function JsonEditor(props: JsonEditorProps) {\n return (\n <FieldConnector<JSONObject>\n field={props.field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}>\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <ConnectedJsonEditor\n // on external change reset component completely and init with initial value again\n key={`json-editor-${externalReset}`}\n initialValue={value}\n disabled={disabled}\n setValue={setValue}\n />\n );\n }}\n </FieldConnector>\n );\n}\n"],"names":["styles","root","css","cursor","padding","tokens","spacingS","border","gray200","borderTop","borderBottomLeftRadius","borderRadiusSmall","borderBottomRightRadius","fontSize","fontSizeM","color","gray900","outline","fontFamily","fontStackMonospace","minHeight","backgroundColor","gray100","JsonEditorField","props","React","className","cx","disabled","isDisabled","CodeMirror","value","onChange","theme","extensions","json","EditorView","lineWrapping","basicSetup","closeBrackets","lineNumbers","highlightActiveLineGutter","highlightActiveLine","foldGutter","bracketMatching","syntaxHighlighting","width","editable","indentWithTab","toolbar","display","alignItems","spacingXs","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottom","title","fontStackPrimary","gray600","actions","button","marginLeft","JsonEditorToolbar","Button","variant","size","isUndoDisabled","testId","onClick","onUndo","isRedoDisabled","onRedo","JsonInvalidStatus","role","marginTop","ValidationMessage","stringifyJSON","obj","undefined","JSON","stringify","isValidJson","str","parsed","parse","e","parseJSON","valid","ConnectedJsonEditor","setValidJson","setState","pushUndo","throttle","state","undoStack","lastUndo","setValue","length","pop","parsedValue","redoStack","initialValue","render","defaultProps","isInitiallyDisabled","JsonEditor","FieldConnector","field","isEqualValues","value1","value2","deepEqual","externalReset","key"],"mappings":"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"}

package/dist/field-editor-json.cjs.production.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),o=e(t),n=require("@contentful/field-editor-shared"),a=e(require("deep-equal")),i=e(require("lodash/throttle")),r=require("@codemirror/lang-json"),s=require("@codemirror/view"),l=e(require("@contentful/f36-tokens")),d=e(require("@uiw/react-codemirror")),c=require("emotion"),u=require("@contentful/f36-components");function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var v={root:c.css({cursor:"text",padding:l.spacingS,border:"1px solid "+l.gray200,borderTop:"none",borderBottomLeftRadius:l.borderRadiusSmall,borderBottomRightRadius:l.borderRadiusSmall,fontSize:l.fontSizeM,".cm-editor":{color:l.gray900,fontFamily:l.fontStackMonospace,"&.cm-focused":{outline:"none"}},".cm-scroller":{minHeight:"6rem"},"&.disabled":{cursor:"auto",".cm-scroller ":{minHeight:"6rem",backgroundColor:l.gray100,cursor:"not-allowed"},".cm-editor":{border:"1px solid "+l.gray200},".cm-line":{cursor:"not-allowed"},".cm-lines":{cursor:"not-allowed"}}})};function m(e){return o.createElement("div",{className:c.cx(v.root,{disabled:e.isDisabled}),"data-test-id":"json-editor-code-mirror"},o.createElement(d,{value:e.value,onChange:e.onChange,theme:"light",extensions:[r.json(),s.EditorView.lineWrapping],basicSetup:{closeBrackets:!1,lineNumbers:!1,highlightActiveLineGutter:!1,highlightActiveLine:!1,foldGutter:!1,bracketMatching:!1},width:"100%",editable:!e.isDisabled,indentWithTab:!0}))}var b={toolbar:c.css({display:"flex",alignItems:"center",padding:l.spacingXs,justifyContent:"space-between",backgroundColor:l.gray100,border:"1px solid "+l.gray200,borderTopLeftRadius:l.borderRadiusSmall,borderTopRightRadius:l.borderRadiusSmall,borderBottom:"none"}),title:c.css({fontFamily:l.fontStackPrimary,fontSize:l.fontSizeM,color:l.gray600}),actions:c.css({button:{marginLeft:l.spacingS}})};function h(e){return o.createElement("div",{className:b.toolbar},o.createElement("div",{className:b.title},"JSON Editor"),o.createElement("div",{className:b.actions},o.createElement(u.Button,{variant:"secondary",size:"small",isDisabled:e.isUndoDisabled,testId:"json-editor-undo",onClick:function(){e.onUndo()}},"Undo"),o.createElement(u.Button,{variant:"secondary",size:"small",isDisabled:e.isRedoDisabled,testId:"json-editor-redo",onClick:function(){e.onRedo()}},"Redo")))}function g(){return o.createElement("div",{role:"status","data-test-id":"json-editor.invalid-json",className:c.css({marginTop:l.spacingS})},o.createElement(u.ValidationMessage,null,"This is not valid JSON"))}function S(e){return""===e?{value:void 0,valid:!0}:function(e){var t;try{t=JSON.parse(e)}catch(e){return!1}return"object"==typeof t}(e)?{value:JSON.parse(e),valid:!0}:{value:void 0,valid:!1}}var y=function(e){var o,n;function a(t){var o,n;return(o=e.call(this,t)||this).setValidJson=function(e){o.setState({isValidJson:e})},o.pushUndo=i((function(e){o.setState((function(t){return{undoStack:[].concat(t.undoStack,[e])}}))}),400),o.onChange=function(e){var t=S(e);e!==o.state.lastUndo&&o.pushUndo(o.state.value),o.setState({value:e,isValidJson:t.valid}),t.valid&&o.props.setValue(t.value)},o.onUndo=function(){var e=o.state.undoStack;if(0!==e.length){var t=e.pop()||"",n=S(t);o.setState((function(o){return f({},o,{value:t,isValidJson:n.valid,undoStack:e,redoStack:[].concat(o.redoStack,[o.value]),lastUndo:t})}),(function(){n.valid&&o.props.setValue(n.value)}))}},o.onRedo=function(){var e=[].concat(o.state.redoStack);if(0!==e.length){var t=e.pop()||"",n=S(t);o.setState((function(o){return f({},o,{value:t,isValidJson:n.valid,redoStack:e,undoStack:[].concat(o.undoStack,[o.value])})}),(function(){n.valid&&o.props.setValue(n.value)}))}},o.state={value:(n=t.initialValue,null==n?"":JSON.stringify(n,null,4)),isValidJson:!0,undoStack:[],redoStack:[],lastUndo:""},o}return n=e,(o=a).prototype=Object.create(n.prototype),o.prototype.constructor=o,p(o,n),a.prototype.render=function(){return t.createElement("div",{"data-test-id":"json-editor"},t.createElement(h,{isRedoDisabled:this.props.disabled||0===this.state.redoStack.length,isUndoDisabled:this.props.disabled||0===this.state.undoStack.length,onUndo:this.onUndo,onRedo:this.onRedo}),t.createElement(m,{value:this.state.value,onChange:this.onChange,isDisabled:this.props.disabled}),!this.state.isValidJson&&t.createElement(g,null))},a}(t.Component);y.defaultProps={isInitiallyDisabled:!0},exports.JsonEditor=function(e){return t.createElement(n.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,isEqualValues:function(e,t){return a(e,t)}},(function(e){return t.createElement(y,{key:"json-editor-"+e.externalReset,initialValue:e.value,disabled:e.disabled,setValue:e.setValue})}))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),o=e(t),n=require("@contentful/field-editor-shared"),a=e(require("deep-equal")),i=e(require("lodash/throttle")),r=require("@codemirror/lang-json"),s=require("@codemirror/view"),l=e(require("@contentful/f36-tokens")),d=e(require("@uiw/react-codemirror")),c=require("emotion"),u=require("@contentful/f36-components");function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e}).apply(this,arguments)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var v={root:c.css({cursor:"text",padding:l.spacingS,border:"1px solid "+l.gray200,borderTop:"none",borderBottomLeftRadius:l.borderRadiusSmall,borderBottomRightRadius:l.borderRadiusSmall,fontSize:l.fontSizeM,".cm-editor":{color:l.gray900,"&.cm-focused":{outline:"none"}},".cm-scroller":{fontFamily:l.fontStackMonospace,minHeight:"6rem"},"&.disabled":{cursor:"auto",".cm-scroller ":{minHeight:"6rem",backgroundColor:l.gray100,cursor:"not-allowed"},".cm-editor":{border:"1px solid "+l.gray200},".cm-line":{cursor:"not-allowed"},".cm-lines":{cursor:"not-allowed"}}})};function m(e){return o.createElement("div",{className:c.cx(v.root,{disabled:e.isDisabled}),"data-test-id":"json-editor-code-mirror"},o.createElement(d,{value:e.value,onChange:e.onChange,theme:"light",extensions:[r.json(),s.EditorView.lineWrapping],basicSetup:{closeBrackets:!1,lineNumbers:!1,highlightActiveLineGutter:!1,highlightActiveLine:!1,foldGutter:!1,bracketMatching:!1,syntaxHighlighting:!1},width:"100%",editable:!e.isDisabled,indentWithTab:!0}))}var b={toolbar:c.css({display:"flex",alignItems:"center",padding:l.spacingXs,justifyContent:"space-between",backgroundColor:l.gray100,border:"1px solid "+l.gray200,borderTopLeftRadius:l.borderRadiusSmall,borderTopRightRadius:l.borderRadiusSmall,borderBottom:"none"}),title:c.css({fontFamily:l.fontStackPrimary,fontSize:l.fontSizeM,color:l.gray600}),actions:c.css({button:{marginLeft:l.spacingS}})};function h(e){return o.createElement("div",{className:b.toolbar},o.createElement("div",{className:b.title},"JSON Editor"),o.createElement("div",{className:b.actions},o.createElement(u.Button,{variant:"secondary",size:"small",isDisabled:e.isUndoDisabled,testId:"json-editor-undo",onClick:function(){e.onUndo()}},"Undo"),o.createElement(u.Button,{variant:"secondary",size:"small",isDisabled:e.isRedoDisabled,testId:"json-editor-redo",onClick:function(){e.onRedo()}},"Redo")))}function g(){return o.createElement("div",{role:"status","data-test-id":"json-editor.invalid-json",className:c.css({marginTop:l.spacingS})},o.createElement(u.ValidationMessage,null,"This is not valid JSON"))}function S(e){return""===e?{value:void 0,valid:!0}:function(e){var t;try{t=JSON.parse(e)}catch(e){return!1}return"object"==typeof t}(e)?{value:JSON.parse(e),valid:!0}:{value:void 0,valid:!1}}var y=function(e){var o,n;function a(t){var o,n;return(o=e.call(this,t)||this).setValidJson=function(e){o.setState({isValidJson:e})},o.pushUndo=i((function(e){o.setState((function(t){return{undoStack:[].concat(t.undoStack,[e])}}))}),400),o.onChange=function(e){var t=S(e);e!==o.state.lastUndo&&o.pushUndo(o.state.value),o.setState({value:e,isValidJson:t.valid}),t.valid&&o.props.setValue(t.value)},o.onUndo=function(){var e=o.state.undoStack;if(0!==e.length){var t=e.pop()||"",n=S(t);o.setState((function(o){return f({},o,{value:t,isValidJson:n.valid,undoStack:e,redoStack:[].concat(o.redoStack,[o.value]),lastUndo:t})}),(function(){n.valid&&o.props.setValue(n.value)}))}},o.onRedo=function(){var e=[].concat(o.state.redoStack);if(0!==e.length){var t=e.pop()||"",n=S(t);o.setState((function(o){return f({},o,{value:t,isValidJson:n.valid,redoStack:e,undoStack:[].concat(o.undoStack,[o.value])})}),(function(){n.valid&&o.props.setValue(n.value)}))}},o.state={value:(n=t.initialValue,null==n?"":JSON.stringify(n,null,4)),isValidJson:!0,undoStack:[],redoStack:[],lastUndo:""},o}return n=e,(o=a).prototype=Object.create(n.prototype),o.prototype.constructor=o,p(o,n),a.prototype.render=function(){return t.createElement("div",{"data-test-id":"json-editor"},t.createElement(h,{isRedoDisabled:this.props.disabled||0===this.state.redoStack.length,isUndoDisabled:this.props.disabled||0===this.state.undoStack.length,onUndo:this.onUndo,onRedo:this.onRedo}),t.createElement(m,{value:this.state.value,onChange:this.onChange,isDisabled:this.props.disabled}),!this.state.isValidJson&&t.createElement(g,null))},a}(t.Component);y.defaultProps={isInitiallyDisabled:!0},exports.JsonEditor=function(e){return t.createElement(n.FieldConnector,{field:e.field,isInitiallyDisabled:e.isInitiallyDisabled,isEqualValues:function(e,t){return a(e,t)}},(function(e){return t.createElement(y,{key:"json-editor-"+e.externalReset,initialValue:e.value,disabled:e.disabled,setValue:e.setValue})}))};
 //# sourceMappingURL=field-editor-json.cjs.production.min.js.map

package/dist/field-editor-json.cjs.production.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-editor-json.cjs.production.min.js","sources":["../src/JsonEditorField.tsx","../src/JsonEditorToolbar.tsx","../src/JsonInvalidStatus.tsx","../src/utils.ts","../src/JsonEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport tokens from '@contentful/f36-tokens';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { css, cx } from 'emotion';\n\ntype JsonEditorFieldProps = {\n isDisabled: boolean;\n value: string;\n onChange: (value: string) => void;\n};\n\nconst styles = {\n root: css({\n cursor: 'text',\n padding: tokens.spacingS,\n border: `1px solid ${tokens.gray200}`,\n borderTop: 'none',\n borderBottomLeftRadius: tokens.borderRadiusSmall,\n borderBottomRightRadius: tokens.borderRadiusSmall,\n fontSize: tokens.fontSizeM,\n '.cm-editor': {\n color: tokens.gray900,\n fontFamily: tokens.fontStackMonospace,\n '&.cm-focused': {\n outline: 'none',\n },\n },\n '.cm-scroller': {\n minHeight: '6rem',\n },\n '&.disabled': {\n cursor: 'auto',\n '.cm-scroller ': {\n minHeight: '6rem',\n backgroundColor: tokens.gray100,\n cursor: 'not-allowed',\n },\n '.cm-editor': {\n border: `1px solid ${tokens.gray200}`,\n },\n '.cm-line': {\n cursor: 'not-allowed',\n },\n '.cm-lines': {\n cursor: 'not-allowed',\n },\n },\n }),\n};\n\nexport function JsonEditorField(props: JsonEditorFieldProps) {\n return (\n <div\n className={cx(styles.root, { disabled: props.isDisabled })}\n data-test-id=\"json-editor-code-mirror\">\n <CodeMirror\n value={props.value}\n onChange={props.onChange}\n theme=\"light\"\n extensions={[json(), EditorView.lineWrapping]}\n basicSetup={{\n closeBrackets: false,\n lineNumbers: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n foldGutter: false,\n bracketMatching: false,\n }}\n width=\"100%\"\n editable={!props.isDisabled}\n indentWithTab={true}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { Button } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nconst styles = {\n toolbar: css({\n display: 'flex',\n alignItems: 'center',\n padding: tokens.spacingXs,\n justifyContent: 'space-between',\n backgroundColor: tokens.gray100,\n border: `1px solid ${tokens.gray200}`,\n borderTopLeftRadius: tokens.borderRadiusSmall,\n borderTopRightRadius: tokens.borderRadiusSmall,\n borderBottom: 'none',\n }),\n title: css({\n fontFamily: tokens.fontStackPrimary,\n fontSize: tokens.fontSizeM,\n color: tokens.gray600,\n }),\n actions: css({\n button: {\n marginLeft: tokens.spacingS,\n },\n }),\n};\n\ntype JsonEditorToolbarProps = {\n isUndoDisabled: boolean;\n isRedoDisabled: boolean;\n onRedo: () => void;\n onUndo: () => void;\n};\n\nexport function JsonEditorToolbar(props: JsonEditorToolbarProps) {\n return (\n <div className={styles.toolbar}>\n <div className={styles.title}>JSON Editor</div>\n <div className={styles.actions}>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isUndoDisabled}\n testId=\"json-editor-undo\"\n onClick={() => {\n props.onUndo();\n }}>\n Undo\n </Button>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isRedoDisabled}\n testId=\"json-editor-redo\"\n onClick={() => {\n props.onRedo();\n }}>\n Redo\n </Button>\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ValidationMessage } from '@contentful/f36-components';\n\nexport function JsonInvalidStatus() {\n return (\n <div\n role=\"status\"\n data-test-id=\"json-editor.invalid-json\"\n className={css({ marginTop: tokens.spacingS })}>\n <ValidationMessage>This is not valid JSON</ValidationMessage>\n </div>\n );\n}\n","import { JSONObject } from './types';\n\nexport function stringifyJSON(obj: JSONObject \| null \| undefined): string {\n if (obj === null \|\| obj === undefined) {\n return '';\n } else {\n return JSON.stringify(obj, null, 4);\n }\n}\n\nexport function isValidJson(str: string) {\n let parsed;\n try {\n parsed = JSON.parse(str);\n } catch (e) {\n return false;\n }\n // An object or array is valid JSON\n if (typeof parsed !== 'object') {\n return false;\n }\n return true;\n}\n\nexport function parseJSON(str: string): { valid: boolean; value?: JSONObject } {\n if (str === '') {\n return {\n value: undefined,\n valid: true,\n };\n } else if (isValidJson(str)) {\n return {\n value: JSON.parse(str),\n valid: true,\n };\n } else {\n return {\n value: undefined,\n valid: false,\n };\n }\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport throttle from 'lodash/throttle';\n\nimport { JsonEditorField } from './JsonEditorField';\nimport { JsonEditorToolbar } from './JsonEditorToolbar';\nimport { JsonInvalidStatus } from './JsonInvalidStatus';\nimport { JSONObject } from './types';\nimport { stringifyJSON, parseJSON } from './utils';\n\nexport interface JsonEditorProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n */\n field: FieldAPI;\n}\n\ntype NullableJsonObject = JSONObject \| null \| undefined;\n\ntype ConnectedJsonEditorProps = {\n initialValue: NullableJsonObject;\n setValue: (value: NullableJsonObject) => void;\n disabled: boolean;\n};\n\ntype ConnectedJsonEditorState = {\n value: string;\n isValidJson: boolean;\n undoStack: string[];\n redoStack: string[];\n lastUndo: string;\n};\n\nclass ConnectedJsonEditor extends React.Component<\n ConnectedJsonEditorProps,\n ConnectedJsonEditorState\n> {\n static defaultProps = {\n isInitiallyDisabled: true,\n };\n\n constructor(props: ConnectedJsonEditorProps) {\n super(props);\n this.state = {\n value: stringifyJSON(props.initialValue),\n isValidJson: true,\n undoStack: [],\n redoStack: [],\n lastUndo: '',\n };\n }\n\n setValidJson = (value: boolean) => {\n this.setState({\n isValidJson: value,\n });\n };\n\n pushUndo = throttle((value: string) => {\n this.setState((state) => ({\n undoStack: [...state.undoStack, value],\n }));\n }, 400);\n\n onChange = (value: string) => {\n const parsed = parseJSON(value);\n\n if (value !== this.state.lastUndo) {\n this.pushUndo(this.state.value);\n }\n\n this.setState({\n value,\n isValidJson: parsed.valid,\n });\n\n if (parsed.valid) {\n this.props.setValue(parsed.value);\n }\n };\n\n onUndo = () => {\n const undoStack = this.state.undoStack;\n\n if (undoStack.length === 0) {\n return;\n }\n\n const value = undoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n undoStack,\n redoStack: [...state.redoStack, state.value],\n lastUndo: value,\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n onRedo = () => {\n const redoStack = [...this.state.redoStack];\n\n if (redoStack.length === 0) {\n return;\n }\n\n const value = redoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n redoStack,\n undoStack: [...state.undoStack, state.value],\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n render() {\n return (\n <div data-test-id=\"json-editor\">\n <JsonEditorToolbar\n isRedoDisabled={this.props.disabled \|\| this.state.redoStack.length === 0}\n isUndoDisabled={this.props.disabled \|\| this.state.undoStack.length === 0}\n onUndo={this.onUndo}\n onRedo={this.onRedo}\n />\n <JsonEditorField\n value={this.state.value}\n onChange={this.onChange}\n isDisabled={this.props.disabled}\n />\n {!this.state.isValidJson && <JsonInvalidStatus />}\n </div>\n );\n }\n}\n\nexport default function JsonEditor(props: JsonEditorProps) {\n return (\n <FieldConnector<JSONObject>\n field={props.field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}>\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <ConnectedJsonEditor\n // on external change reset component completely and init with initial value again\n key={`json-editor-${externalReset}`}\n initialValue={value}\n disabled={disabled}\n setValue={setValue}\n />\n );\n }}\n </FieldConnector>\n );\n}\n"],"names":["styles","root","css","cursor","padding","tokens","spacingS","border","gray200","borderTop","borderBottomLeftRadius","borderRadiusSmall","borderBottomRightRadius","fontSize","fontSizeM","color","gray900","fontFamily","fontStackMonospace","outline","minHeight","backgroundColor","gray100","JsonEditorField","props","React","className","cx","disabled","isDisabled","CodeMirror","value","onChange","theme","extensions","json","EditorView","lineWrapping","basicSetup","closeBrackets","lineNumbers","highlightActiveLineGutter","highlightActiveLine","foldGutter","bracketMatching","width","editable","indentWithTab","toolbar","display","alignItems","spacingXs","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottom","title","fontStackPrimary","gray600","actions","button","marginLeft","JsonEditorToolbar","Button","variant","size","isUndoDisabled","testId","onClick","onUndo","isRedoDisabled","onRedo","JsonInvalidStatus","role","marginTop","ValidationMessage","parseJSON","str","undefined","valid","parsed","JSON","parse","e","isValidJson","ConnectedJsonEditor","obj","setValidJson","setState","pushUndo","throttle","state","undoStack","_this","lastUndo","setValue","length","pop","parsedValue","redoStack","initialValue","stringify","render","this","defaultProps","isInitiallyDisabled","FieldConnector","field","isEqualValues","value1","value2","deepEqual","key","externalReset"],"mappings":"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"}
1	+ {"version":3,"file":"field-editor-json.cjs.production.min.js","sources":["../src/JsonEditorField.tsx","../src/JsonEditorToolbar.tsx","../src/JsonInvalidStatus.tsx","../src/utils.ts","../src/JsonEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport tokens from '@contentful/f36-tokens';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { css, cx } from 'emotion';\n\ntype JsonEditorFieldProps = {\n isDisabled: boolean;\n value: string;\n onChange: (value: string) => void;\n};\n\nconst styles = {\n root: css({\n cursor: 'text',\n padding: tokens.spacingS,\n border: `1px solid ${tokens.gray200}`,\n borderTop: 'none',\n borderBottomLeftRadius: tokens.borderRadiusSmall,\n borderBottomRightRadius: tokens.borderRadiusSmall,\n fontSize: tokens.fontSizeM,\n '.cm-editor': {\n color: tokens.gray900,\n '&.cm-focused': {\n outline: 'none',\n },\n },\n '.cm-scroller': {\n fontFamily: tokens.fontStackMonospace,\n minHeight: '6rem',\n },\n '&.disabled': {\n cursor: 'auto',\n '.cm-scroller ': {\n minHeight: '6rem',\n backgroundColor: tokens.gray100,\n cursor: 'not-allowed',\n },\n '.cm-editor': {\n border: `1px solid ${tokens.gray200}`,\n },\n '.cm-line': {\n cursor: 'not-allowed',\n },\n '.cm-lines': {\n cursor: 'not-allowed',\n },\n },\n }),\n};\n\nexport function JsonEditorField(props: JsonEditorFieldProps) {\n return (\n <div\n className={cx(styles.root, { disabled: props.isDisabled })}\n data-test-id=\"json-editor-code-mirror\">\n <CodeMirror\n value={props.value}\n onChange={props.onChange}\n theme=\"light\"\n extensions={[json(), EditorView.lineWrapping]}\n basicSetup={{\n closeBrackets: false,\n lineNumbers: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n foldGutter: false,\n bracketMatching: false,\n syntaxHighlighting: false,\n }}\n width=\"100%\"\n editable={!props.isDisabled}\n indentWithTab={true}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { Button } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nconst styles = {\n toolbar: css({\n display: 'flex',\n alignItems: 'center',\n padding: tokens.spacingXs,\n justifyContent: 'space-between',\n backgroundColor: tokens.gray100,\n border: `1px solid ${tokens.gray200}`,\n borderTopLeftRadius: tokens.borderRadiusSmall,\n borderTopRightRadius: tokens.borderRadiusSmall,\n borderBottom: 'none',\n }),\n title: css({\n fontFamily: tokens.fontStackPrimary,\n fontSize: tokens.fontSizeM,\n color: tokens.gray600,\n }),\n actions: css({\n button: {\n marginLeft: tokens.spacingS,\n },\n }),\n};\n\ntype JsonEditorToolbarProps = {\n isUndoDisabled: boolean;\n isRedoDisabled: boolean;\n onRedo: () => void;\n onUndo: () => void;\n};\n\nexport function JsonEditorToolbar(props: JsonEditorToolbarProps) {\n return (\n <div className={styles.toolbar}>\n <div className={styles.title}>JSON Editor</div>\n <div className={styles.actions}>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isUndoDisabled}\n testId=\"json-editor-undo\"\n onClick={() => {\n props.onUndo();\n }}>\n Undo\n </Button>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isRedoDisabled}\n testId=\"json-editor-redo\"\n onClick={() => {\n props.onRedo();\n }}>\n Redo\n </Button>\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ValidationMessage } from '@contentful/f36-components';\n\nexport function JsonInvalidStatus() {\n return (\n <div\n role=\"status\"\n data-test-id=\"json-editor.invalid-json\"\n className={css({ marginTop: tokens.spacingS })}>\n <ValidationMessage>This is not valid JSON</ValidationMessage>\n </div>\n );\n}\n","import { JSONObject } from './types';\n\nexport function stringifyJSON(obj: JSONObject \| null \| undefined): string {\n if (obj === null \|\| obj === undefined) {\n return '';\n } else {\n return JSON.stringify(obj, null, 4);\n }\n}\n\nexport function isValidJson(str: string) {\n let parsed;\n try {\n parsed = JSON.parse(str);\n } catch (e) {\n return false;\n }\n // An object or array is valid JSON\n if (typeof parsed !== 'object') {\n return false;\n }\n return true;\n}\n\nexport function parseJSON(str: string): { valid: boolean; value?: JSONObject } {\n if (str === '') {\n return {\n value: undefined,\n valid: true,\n };\n } else if (isValidJson(str)) {\n return {\n value: JSON.parse(str),\n valid: true,\n };\n } else {\n return {\n value: undefined,\n valid: false,\n };\n }\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport throttle from 'lodash/throttle';\n\nimport { JsonEditorField } from './JsonEditorField';\nimport { JsonEditorToolbar } from './JsonEditorToolbar';\nimport { JsonInvalidStatus } from './JsonInvalidStatus';\nimport { JSONObject } from './types';\nimport { stringifyJSON, parseJSON } from './utils';\n\nexport interface JsonEditorProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n */\n field: FieldAPI;\n}\n\ntype NullableJsonObject = JSONObject \| null \| undefined;\n\ntype ConnectedJsonEditorProps = {\n initialValue: NullableJsonObject;\n setValue: (value: NullableJsonObject) => void;\n disabled: boolean;\n};\n\ntype ConnectedJsonEditorState = {\n value: string;\n isValidJson: boolean;\n undoStack: string[];\n redoStack: string[];\n lastUndo: string;\n};\n\nclass ConnectedJsonEditor extends React.Component<\n ConnectedJsonEditorProps,\n ConnectedJsonEditorState\n> {\n static defaultProps = {\n isInitiallyDisabled: true,\n };\n\n constructor(props: ConnectedJsonEditorProps) {\n super(props);\n this.state = {\n value: stringifyJSON(props.initialValue),\n isValidJson: true,\n undoStack: [],\n redoStack: [],\n lastUndo: '',\n };\n }\n\n setValidJson = (value: boolean) => {\n this.setState({\n isValidJson: value,\n });\n };\n\n pushUndo = throttle((value: string) => {\n this.setState((state) => ({\n undoStack: [...state.undoStack, value],\n }));\n }, 400);\n\n onChange = (value: string) => {\n const parsed = parseJSON(value);\n\n if (value !== this.state.lastUndo) {\n this.pushUndo(this.state.value);\n }\n\n this.setState({\n value,\n isValidJson: parsed.valid,\n });\n\n if (parsed.valid) {\n this.props.setValue(parsed.value);\n }\n };\n\n onUndo = () => {\n const undoStack = this.state.undoStack;\n\n if (undoStack.length === 0) {\n return;\n }\n\n const value = undoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n undoStack,\n redoStack: [...state.redoStack, state.value],\n lastUndo: value,\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n onRedo = () => {\n const redoStack = [...this.state.redoStack];\n\n if (redoStack.length === 0) {\n return;\n }\n\n const value = redoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n redoStack,\n undoStack: [...state.undoStack, state.value],\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n render() {\n return (\n <div data-test-id=\"json-editor\">\n <JsonEditorToolbar\n isRedoDisabled={this.props.disabled \|\| this.state.redoStack.length === 0}\n isUndoDisabled={this.props.disabled \|\| this.state.undoStack.length === 0}\n onUndo={this.onUndo}\n onRedo={this.onRedo}\n />\n <JsonEditorField\n value={this.state.value}\n onChange={this.onChange}\n isDisabled={this.props.disabled}\n />\n {!this.state.isValidJson && <JsonInvalidStatus />}\n </div>\n );\n }\n}\n\nexport default function JsonEditor(props: JsonEditorProps) {\n return (\n <FieldConnector<JSONObject>\n field={props.field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}>\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <ConnectedJsonEditor\n // on external change reset component completely and init with initial value again\n key={`json-editor-${externalReset}`}\n initialValue={value}\n disabled={disabled}\n setValue={setValue}\n />\n );\n }}\n </FieldConnector>\n );\n}\n"],"names":["styles","root","css","cursor","padding","tokens","spacingS","border","gray200","borderTop","borderBottomLeftRadius","borderRadiusSmall","borderBottomRightRadius","fontSize","fontSizeM","color","gray900","outline","fontFamily","fontStackMonospace","minHeight","backgroundColor","gray100","JsonEditorField","props","React","className","cx","disabled","isDisabled","CodeMirror","value","onChange","theme","extensions","json","EditorView","lineWrapping","basicSetup","closeBrackets","lineNumbers","highlightActiveLineGutter","highlightActiveLine","foldGutter","bracketMatching","syntaxHighlighting","width","editable","indentWithTab","toolbar","display","alignItems","spacingXs","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottom","title","fontStackPrimary","gray600","actions","button","marginLeft","JsonEditorToolbar","Button","variant","size","isUndoDisabled","testId","onClick","onUndo","isRedoDisabled","onRedo","JsonInvalidStatus","role","marginTop","ValidationMessage","parseJSON","str","undefined","valid","parsed","JSON","parse","e","isValidJson","ConnectedJsonEditor","obj","setValidJson","setState","pushUndo","throttle","state","undoStack","_this","lastUndo","setValue","length","pop","parsedValue","redoStack","initialValue","stringify","render","this","defaultProps","isInitiallyDisabled","FieldConnector","field","isEqualValues","value1","value2","deepEqual","key","externalReset"],"mappings":"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"}

package/dist/field-editor-json.esm.js CHANGED Viewed

@@ -54,12 +54,12 @@ var styles = {
     fontSize: tokens.fontSizeM,
     '.cm-editor': {
       color: tokens.gray900,
-      fontFamily: tokens.fontStackMonospace,
       '&.cm-focused': {
         outline: 'none'
       }
     },
     '.cm-scroller': {
+      fontFamily: tokens.fontStackMonospace,
       minHeight: '6rem'
     },
     '&.disabled': {
@@ -98,7 +98,8 @@ function JsonEditorField(props) {
       highlightActiveLineGutter: false,
       highlightActiveLine: false,
       foldGutter: false,
-      bracketMatching: false
+      bracketMatching: false,
+      syntaxHighlighting: false
     },
     width: "100%",
     editable: !props.isDisabled,

package/dist/field-editor-json.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field-editor-json.esm.js","sources":["../src/JsonEditorField.tsx","../src/JsonEditorToolbar.tsx","../src/JsonInvalidStatus.tsx","../src/utils.ts","../src/JsonEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport tokens from '@contentful/f36-tokens';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { css, cx } from 'emotion';\n\ntype JsonEditorFieldProps = {\n isDisabled: boolean;\n value: string;\n onChange: (value: string) => void;\n};\n\nconst styles = {\n root: css({\n cursor: 'text',\n padding: tokens.spacingS,\n border: `1px solid ${tokens.gray200}`,\n borderTop: 'none',\n borderBottomLeftRadius: tokens.borderRadiusSmall,\n borderBottomRightRadius: tokens.borderRadiusSmall,\n fontSize: tokens.fontSizeM,\n '.cm-editor': {\n color: tokens.gray900,\n fontFamily: tokens.fontStackMonospace,\n '&.cm-focused': {\n outline: 'none',\n },\n },\n '.cm-scroller': {\n minHeight: '6rem',\n },\n '&.disabled': {\n cursor: 'auto',\n '.cm-scroller ': {\n minHeight: '6rem',\n backgroundColor: tokens.gray100,\n cursor: 'not-allowed',\n },\n '.cm-editor': {\n border: `1px solid ${tokens.gray200}`,\n },\n '.cm-line': {\n cursor: 'not-allowed',\n },\n '.cm-lines': {\n cursor: 'not-allowed',\n },\n },\n }),\n};\n\nexport function JsonEditorField(props: JsonEditorFieldProps) {\n return (\n <div\n className={cx(styles.root, { disabled: props.isDisabled })}\n data-test-id=\"json-editor-code-mirror\">\n <CodeMirror\n value={props.value}\n onChange={props.onChange}\n theme=\"light\"\n extensions={[json(), EditorView.lineWrapping]}\n basicSetup={{\n closeBrackets: false,\n lineNumbers: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n foldGutter: false,\n bracketMatching: false,\n }}\n width=\"100%\"\n editable={!props.isDisabled}\n indentWithTab={true}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { Button } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nconst styles = {\n toolbar: css({\n display: 'flex',\n alignItems: 'center',\n padding: tokens.spacingXs,\n justifyContent: 'space-between',\n backgroundColor: tokens.gray100,\n border: `1px solid ${tokens.gray200}`,\n borderTopLeftRadius: tokens.borderRadiusSmall,\n borderTopRightRadius: tokens.borderRadiusSmall,\n borderBottom: 'none',\n }),\n title: css({\n fontFamily: tokens.fontStackPrimary,\n fontSize: tokens.fontSizeM,\n color: tokens.gray600,\n }),\n actions: css({\n button: {\n marginLeft: tokens.spacingS,\n },\n }),\n};\n\ntype JsonEditorToolbarProps = {\n isUndoDisabled: boolean;\n isRedoDisabled: boolean;\n onRedo: () => void;\n onUndo: () => void;\n};\n\nexport function JsonEditorToolbar(props: JsonEditorToolbarProps) {\n return (\n <div className={styles.toolbar}>\n <div className={styles.title}>JSON Editor</div>\n <div className={styles.actions}>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isUndoDisabled}\n testId=\"json-editor-undo\"\n onClick={() => {\n props.onUndo();\n }}>\n Undo\n </Button>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isRedoDisabled}\n testId=\"json-editor-redo\"\n onClick={() => {\n props.onRedo();\n }}>\n Redo\n </Button>\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ValidationMessage } from '@contentful/f36-components';\n\nexport function JsonInvalidStatus() {\n return (\n <div\n role=\"status\"\n data-test-id=\"json-editor.invalid-json\"\n className={css({ marginTop: tokens.spacingS })}>\n <ValidationMessage>This is not valid JSON</ValidationMessage>\n </div>\n );\n}\n","import { JSONObject } from './types';\n\nexport function stringifyJSON(obj: JSONObject \| null \| undefined): string {\n if (obj === null \|\| obj === undefined) {\n return '';\n } else {\n return JSON.stringify(obj, null, 4);\n }\n}\n\nexport function isValidJson(str: string) {\n let parsed;\n try {\n parsed = JSON.parse(str);\n } catch (e) {\n return false;\n }\n // An object or array is valid JSON\n if (typeof parsed !== 'object') {\n return false;\n }\n return true;\n}\n\nexport function parseJSON(str: string): { valid: boolean; value?: JSONObject } {\n if (str === '') {\n return {\n value: undefined,\n valid: true,\n };\n } else if (isValidJson(str)) {\n return {\n value: JSON.parse(str),\n valid: true,\n };\n } else {\n return {\n value: undefined,\n valid: false,\n };\n }\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport throttle from 'lodash/throttle';\n\nimport { JsonEditorField } from './JsonEditorField';\nimport { JsonEditorToolbar } from './JsonEditorToolbar';\nimport { JsonInvalidStatus } from './JsonInvalidStatus';\nimport { JSONObject } from './types';\nimport { stringifyJSON, parseJSON } from './utils';\n\nexport interface JsonEditorProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n */\n field: FieldAPI;\n}\n\ntype NullableJsonObject = JSONObject \| null \| undefined;\n\ntype ConnectedJsonEditorProps = {\n initialValue: NullableJsonObject;\n setValue: (value: NullableJsonObject) => void;\n disabled: boolean;\n};\n\ntype ConnectedJsonEditorState = {\n value: string;\n isValidJson: boolean;\n undoStack: string[];\n redoStack: string[];\n lastUndo: string;\n};\n\nclass ConnectedJsonEditor extends React.Component<\n ConnectedJsonEditorProps,\n ConnectedJsonEditorState\n> {\n static defaultProps = {\n isInitiallyDisabled: true,\n };\n\n constructor(props: ConnectedJsonEditorProps) {\n super(props);\n this.state = {\n value: stringifyJSON(props.initialValue),\n isValidJson: true,\n undoStack: [],\n redoStack: [],\n lastUndo: '',\n };\n }\n\n setValidJson = (value: boolean) => {\n this.setState({\n isValidJson: value,\n });\n };\n\n pushUndo = throttle((value: string) => {\n this.setState((state) => ({\n undoStack: [...state.undoStack, value],\n }));\n }, 400);\n\n onChange = (value: string) => {\n const parsed = parseJSON(value);\n\n if (value !== this.state.lastUndo) {\n this.pushUndo(this.state.value);\n }\n\n this.setState({\n value,\n isValidJson: parsed.valid,\n });\n\n if (parsed.valid) {\n this.props.setValue(parsed.value);\n }\n };\n\n onUndo = () => {\n const undoStack = this.state.undoStack;\n\n if (undoStack.length === 0) {\n return;\n }\n\n const value = undoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n undoStack,\n redoStack: [...state.redoStack, state.value],\n lastUndo: value,\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n onRedo = () => {\n const redoStack = [...this.state.redoStack];\n\n if (redoStack.length === 0) {\n return;\n }\n\n const value = redoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n redoStack,\n undoStack: [...state.undoStack, state.value],\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n render() {\n return (\n <div data-test-id=\"json-editor\">\n <JsonEditorToolbar\n isRedoDisabled={this.props.disabled \|\| this.state.redoStack.length === 0}\n isUndoDisabled={this.props.disabled \|\| this.state.undoStack.length === 0}\n onUndo={this.onUndo}\n onRedo={this.onRedo}\n />\n <JsonEditorField\n value={this.state.value}\n onChange={this.onChange}\n isDisabled={this.props.disabled}\n />\n {!this.state.isValidJson && <JsonInvalidStatus />}\n </div>\n );\n }\n}\n\nexport default function JsonEditor(props: JsonEditorProps) {\n return (\n <FieldConnector<JSONObject>\n field={props.field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}>\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <ConnectedJsonEditor\n // on external change reset component completely and init with initial value again\n key={`json-editor-${externalReset}`}\n initialValue={value}\n disabled={disabled}\n setValue={setValue}\n />\n );\n }}\n </FieldConnector>\n );\n}\n"],"names":["styles","root","css","cursor","padding","tokens","spacingS","border","gray200","borderTop","borderBottomLeftRadius","borderRadiusSmall","borderBottomRightRadius","fontSize","fontSizeM","color","gray900","fontFamily","fontStackMonospace","outline","minHeight","backgroundColor","gray100","JsonEditorField","props","React","className","cx","disabled","isDisabled","CodeMirror","value","onChange","theme","extensions","json","EditorView","lineWrapping","basicSetup","closeBrackets","lineNumbers","highlightActiveLineGutter","highlightActiveLine","foldGutter","bracketMatching","width","editable","indentWithTab","toolbar","display","alignItems","spacingXs","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottom","title","fontStackPrimary","gray600","actions","button","marginLeft","JsonEditorToolbar","Button","variant","size","isUndoDisabled","testId","onClick","onUndo","isRedoDisabled","onRedo","JsonInvalidStatus","role","marginTop","ValidationMessage","stringifyJSON","obj","undefined","JSON","stringify","isValidJson","str","parsed","parse","e","parseJSON","valid","ConnectedJsonEditor","setValidJson","setState","pushUndo","throttle","state","undoStack","lastUndo","setValue","length","pop","parsedValue","redoStack","initialValue","render","defaultProps","isInitiallyDisabled","JsonEditor","FieldConnector","field","isEqualValues","value1","value2","deepEqual","externalReset","key"],"mappings":"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"}
1	+ {"version":3,"file":"field-editor-json.esm.js","sources":["../src/JsonEditorField.tsx","../src/JsonEditorToolbar.tsx","../src/JsonInvalidStatus.tsx","../src/utils.ts","../src/JsonEditor.tsx"],"sourcesContent":["import React from 'react';\n\nimport { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport tokens from '@contentful/f36-tokens';\nimport CodeMirror from '@uiw/react-codemirror';\nimport { css, cx } from 'emotion';\n\ntype JsonEditorFieldProps = {\n isDisabled: boolean;\n value: string;\n onChange: (value: string) => void;\n};\n\nconst styles = {\n root: css({\n cursor: 'text',\n padding: tokens.spacingS,\n border: `1px solid ${tokens.gray200}`,\n borderTop: 'none',\n borderBottomLeftRadius: tokens.borderRadiusSmall,\n borderBottomRightRadius: tokens.borderRadiusSmall,\n fontSize: tokens.fontSizeM,\n '.cm-editor': {\n color: tokens.gray900,\n '&.cm-focused': {\n outline: 'none',\n },\n },\n '.cm-scroller': {\n fontFamily: tokens.fontStackMonospace,\n minHeight: '6rem',\n },\n '&.disabled': {\n cursor: 'auto',\n '.cm-scroller ': {\n minHeight: '6rem',\n backgroundColor: tokens.gray100,\n cursor: 'not-allowed',\n },\n '.cm-editor': {\n border: `1px solid ${tokens.gray200}`,\n },\n '.cm-line': {\n cursor: 'not-allowed',\n },\n '.cm-lines': {\n cursor: 'not-allowed',\n },\n },\n }),\n};\n\nexport function JsonEditorField(props: JsonEditorFieldProps) {\n return (\n <div\n className={cx(styles.root, { disabled: props.isDisabled })}\n data-test-id=\"json-editor-code-mirror\">\n <CodeMirror\n value={props.value}\n onChange={props.onChange}\n theme=\"light\"\n extensions={[json(), EditorView.lineWrapping]}\n basicSetup={{\n closeBrackets: false,\n lineNumbers: false,\n highlightActiveLineGutter: false,\n highlightActiveLine: false,\n foldGutter: false,\n bracketMatching: false,\n syntaxHighlighting: false,\n }}\n width=\"100%\"\n editable={!props.isDisabled}\n indentWithTab={true}\n />\n </div>\n );\n}\n","import React from 'react';\n\nimport { Button } from '@contentful/f36-components';\nimport tokens from '@contentful/f36-tokens';\nimport { css } from 'emotion';\n\nconst styles = {\n toolbar: css({\n display: 'flex',\n alignItems: 'center',\n padding: tokens.spacingXs,\n justifyContent: 'space-between',\n backgroundColor: tokens.gray100,\n border: `1px solid ${tokens.gray200}`,\n borderTopLeftRadius: tokens.borderRadiusSmall,\n borderTopRightRadius: tokens.borderRadiusSmall,\n borderBottom: 'none',\n }),\n title: css({\n fontFamily: tokens.fontStackPrimary,\n fontSize: tokens.fontSizeM,\n color: tokens.gray600,\n }),\n actions: css({\n button: {\n marginLeft: tokens.spacingS,\n },\n }),\n};\n\ntype JsonEditorToolbarProps = {\n isUndoDisabled: boolean;\n isRedoDisabled: boolean;\n onRedo: () => void;\n onUndo: () => void;\n};\n\nexport function JsonEditorToolbar(props: JsonEditorToolbarProps) {\n return (\n <div className={styles.toolbar}>\n <div className={styles.title}>JSON Editor</div>\n <div className={styles.actions}>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isUndoDisabled}\n testId=\"json-editor-undo\"\n onClick={() => {\n props.onUndo();\n }}>\n Undo\n </Button>\n <Button\n variant=\"secondary\"\n size=\"small\"\n isDisabled={props.isRedoDisabled}\n testId=\"json-editor-redo\"\n onClick={() => {\n props.onRedo();\n }}>\n Redo\n </Button>\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { css } from 'emotion';\nimport tokens from '@contentful/f36-tokens';\nimport { ValidationMessage } from '@contentful/f36-components';\n\nexport function JsonInvalidStatus() {\n return (\n <div\n role=\"status\"\n data-test-id=\"json-editor.invalid-json\"\n className={css({ marginTop: tokens.spacingS })}>\n <ValidationMessage>This is not valid JSON</ValidationMessage>\n </div>\n );\n}\n","import { JSONObject } from './types';\n\nexport function stringifyJSON(obj: JSONObject \| null \| undefined): string {\n if (obj === null \|\| obj === undefined) {\n return '';\n } else {\n return JSON.stringify(obj, null, 4);\n }\n}\n\nexport function isValidJson(str: string) {\n let parsed;\n try {\n parsed = JSON.parse(str);\n } catch (e) {\n return false;\n }\n // An object or array is valid JSON\n if (typeof parsed !== 'object') {\n return false;\n }\n return true;\n}\n\nexport function parseJSON(str: string): { valid: boolean; value?: JSONObject } {\n if (str === '') {\n return {\n value: undefined,\n valid: true,\n };\n } else if (isValidJson(str)) {\n return {\n value: JSON.parse(str),\n valid: true,\n };\n } else {\n return {\n value: undefined,\n valid: false,\n };\n }\n}\n","import * as React from 'react';\n\nimport { FieldAPI, FieldConnector } from '@contentful/field-editor-shared';\nimport deepEqual from 'deep-equal';\nimport throttle from 'lodash/throttle';\n\nimport { JsonEditorField } from './JsonEditorField';\nimport { JsonEditorToolbar } from './JsonEditorToolbar';\nimport { JsonInvalidStatus } from './JsonInvalidStatus';\nimport { JSONObject } from './types';\nimport { stringifyJSON, parseJSON } from './utils';\n\nexport interface JsonEditorProps {\n /*\n is the field disabled initially\n /\n isInitiallyDisabled: boolean;\n\n /\n sdk.field\n */\n field: FieldAPI;\n}\n\ntype NullableJsonObject = JSONObject \| null \| undefined;\n\ntype ConnectedJsonEditorProps = {\n initialValue: NullableJsonObject;\n setValue: (value: NullableJsonObject) => void;\n disabled: boolean;\n};\n\ntype ConnectedJsonEditorState = {\n value: string;\n isValidJson: boolean;\n undoStack: string[];\n redoStack: string[];\n lastUndo: string;\n};\n\nclass ConnectedJsonEditor extends React.Component<\n ConnectedJsonEditorProps,\n ConnectedJsonEditorState\n> {\n static defaultProps = {\n isInitiallyDisabled: true,\n };\n\n constructor(props: ConnectedJsonEditorProps) {\n super(props);\n this.state = {\n value: stringifyJSON(props.initialValue),\n isValidJson: true,\n undoStack: [],\n redoStack: [],\n lastUndo: '',\n };\n }\n\n setValidJson = (value: boolean) => {\n this.setState({\n isValidJson: value,\n });\n };\n\n pushUndo = throttle((value: string) => {\n this.setState((state) => ({\n undoStack: [...state.undoStack, value],\n }));\n }, 400);\n\n onChange = (value: string) => {\n const parsed = parseJSON(value);\n\n if (value !== this.state.lastUndo) {\n this.pushUndo(this.state.value);\n }\n\n this.setState({\n value,\n isValidJson: parsed.valid,\n });\n\n if (parsed.valid) {\n this.props.setValue(parsed.value);\n }\n };\n\n onUndo = () => {\n const undoStack = this.state.undoStack;\n\n if (undoStack.length === 0) {\n return;\n }\n\n const value = undoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n undoStack,\n redoStack: [...state.redoStack, state.value],\n lastUndo: value,\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n onRedo = () => {\n const redoStack = [...this.state.redoStack];\n\n if (redoStack.length === 0) {\n return;\n }\n\n const value = redoStack.pop() \|\| '';\n\n const parsedValue = parseJSON(value);\n\n this.setState(\n (state) => ({\n ...state,\n value,\n isValidJson: parsedValue.valid,\n redoStack,\n undoStack: [...state.undoStack, state.value],\n }),\n () => {\n if (parsedValue.valid) {\n this.props.setValue(parsedValue.value);\n }\n }\n );\n };\n\n render() {\n return (\n <div data-test-id=\"json-editor\">\n <JsonEditorToolbar\n isRedoDisabled={this.props.disabled \|\| this.state.redoStack.length === 0}\n isUndoDisabled={this.props.disabled \|\| this.state.undoStack.length === 0}\n onUndo={this.onUndo}\n onRedo={this.onRedo}\n />\n <JsonEditorField\n value={this.state.value}\n onChange={this.onChange}\n isDisabled={this.props.disabled}\n />\n {!this.state.isValidJson && <JsonInvalidStatus />}\n </div>\n );\n }\n}\n\nexport default function JsonEditor(props: JsonEditorProps) {\n return (\n <FieldConnector<JSONObject>\n field={props.field}\n isInitiallyDisabled={props.isInitiallyDisabled}\n isEqualValues={(value1, value2) => {\n return deepEqual(value1, value2);\n }}>\n {({ value, disabled, setValue, externalReset }) => {\n return (\n <ConnectedJsonEditor\n // on external change reset component completely and init with initial value again\n key={`json-editor-${externalReset}`}\n initialValue={value}\n disabled={disabled}\n setValue={setValue}\n />\n );\n }}\n </FieldConnector>\n );\n}\n"],"names":["styles","root","css","cursor","padding","tokens","spacingS","border","gray200","borderTop","borderBottomLeftRadius","borderRadiusSmall","borderBottomRightRadius","fontSize","fontSizeM","color","gray900","outline","fontFamily","fontStackMonospace","minHeight","backgroundColor","gray100","JsonEditorField","props","React","className","cx","disabled","isDisabled","CodeMirror","value","onChange","theme","extensions","json","EditorView","lineWrapping","basicSetup","closeBrackets","lineNumbers","highlightActiveLineGutter","highlightActiveLine","foldGutter","bracketMatching","syntaxHighlighting","width","editable","indentWithTab","toolbar","display","alignItems","spacingXs","justifyContent","borderTopLeftRadius","borderTopRightRadius","borderBottom","title","fontStackPrimary","gray600","actions","button","marginLeft","JsonEditorToolbar","Button","variant","size","isUndoDisabled","testId","onClick","onUndo","isRedoDisabled","onRedo","JsonInvalidStatus","role","marginTop","ValidationMessage","stringifyJSON","obj","undefined","JSON","stringify","isValidJson","str","parsed","parse","e","parseJSON","valid","ConnectedJsonEditor","setValidJson","setState","pushUndo","throttle","state","undoStack","lastUndo","setValue","length","pop","parsedValue","redoStack","initialValue","render","defaultProps","isInitiallyDisabled","JsonEditor","FieldConnector","field","isEqualValues","value1","value2","deepEqual","externalReset","key"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-json",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "main": "dist/index.js",
   "module": "dist/field-editor-json.esm.js",
   "typings": "dist/index.d.ts",
@@ -47,5 +47,5 @@
       }
     }
   },
-  "gitHead": "42663eff2ac6596ab6d006de08f0cbab2768a563"
+  "gitHead": "808f5c5e9268b737f4ced4f9431bda6490e2990b"
 }