npm - @json-editor/json-editor - Versions diffs - 2.14.1 → 2.15.1 - Mend

@json-editor/json-editor 2.14.1 → 2.15.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 (74) hide show

package/.eslintrc +4 -1
package/.github/workflows/build.yml +5 -4
package/CHANGELOG.md +25 -0
package/README.md +32 -1
package/config/codeceptjs_helpers.js +11 -0
package/config/webpack.common.js +2 -6
package/dist/jsoneditor.js +1 -1
package/dist/jsoneditor.js.LICENSE.txt +1 -1
package/dist/nonmin/jsoneditor.js +4124 -3939
package/dist/nonmin/jsoneditor.js.map +1 -1
package/docs/meta-schema.html +793 -0
package/package.json +13 -13
package/src/core.js +5 -1
package/src/defaults.js +9 -2
package/src/editor.js +33 -14
package/src/editors/array.js +3 -6
package/src/editors/base64.js +3 -0
package/src/editors/describedby.js +2 -2
package/src/editors/enum.js +9 -1
package/src/editors/info.js +8 -0
package/src/editors/multiple.js +9 -2
package/src/editors/object.js +26 -7
package/src/editors/radio.js +5 -2
package/src/editors/select.js +23 -8
package/src/editors/select2.js +1 -1
package/src/editors/starrating.js +5 -4
package/src/editors/string.js +16 -2
package/src/editors/table.js +2 -2
package/src/iconlib.js +0 -1
package/src/schemaloader.js +2 -2
package/src/style.css +4 -0
package/src/style.css.js +1 -1
package/src/templates/default.js +2 -2
package/src/theme.js +13 -3
package/src/themes/index.js +0 -1
package/src/validator.js +4 -4
package/tests/Dockerfile +1 -1
package/tests/codeceptjs/core_test.js +8 -2
package/tests/codeceptjs/editors/array_test.js +11 -6
package/tests/codeceptjs/editors/autocomplete_test.js +0 -1
package/tests/codeceptjs/editors/integer_test.js +3 -5
package/tests/codeceptjs/editors/object_test.js +8 -0
package/tests/codeceptjs/editors/rating_test.js +1 -1
package/tests/codeceptjs/editors/select_test.js +30 -0
package/tests/codeceptjs/editors/starrating_test.js +15 -0
package/tests/codeceptjs/editors/string_test.js +7 -0
package/tests/codeceptjs/issues/issue-gh-1158_test.js +1 -1
package/tests/codeceptjs/issues/issue-gh-1164_test.js +0 -1
package/tests/codeceptjs/issues/issue-gh-1383_test.js +1 -1
package/tests/codeceptjs/issues/issue-gh-1452_test.js +10 -0
package/tests/codeceptjs/issues/issue-gh-1525_test.js +9 -0
package/tests/codeceptjs/issues/issue-gh-1536_test.js +12 -0
package/tests/codeceptjs/issues/issue-gh-1538_test.js +10 -0
package/tests/codeceptjs/issues/issue-gh-1541_test.js +8 -0
package/tests/docker-compose.yml +0 -1
package/tests/pages/array-events-table.html +39 -31
package/tests/pages/array-events.html +39 -31
package/tests/pages/assets/autocomplete.css +1 -0
package/tests/pages/assets/autocomplete.min.js +1 -0
package/tests/pages/autocomplete.html +4 -4
package/tests/pages/enforce-const.html +176 -0
package/tests/pages/integer.html +9 -10
package/tests/pages/issues/issue-gh-1452.html +98 -0
package/tests/pages/issues/issue-gh-1525.html +62 -0
package/tests/pages/issues/issue-gh-1536.html +55 -0
package/tests/pages/issues/issue-gh-1538.html +56 -0
package/tests/pages/issues/issue-gh-1541.html +51 -0
package/tests/pages/issues/issue-gh-1541.json +9 -0
package/tests/pages/placeholder-options.html +57 -0
package/tests/pages/prompt-paste-max-length-reached.html +51 -0
package/tests/pages/remove-false-properties.html +85 -0
package/tests/pages/select-values.html +91 -0
package/tests/pages/starrating.html +86 -0
package/tests/unit/editor.spec.js +1 -1

package/tests/pages/enforce-const.html ADDED Viewed

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>enforce_const</title>
+    <script src="../../dist/jsoneditor.js"></script>
+  <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+  <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+<div class="container">
+  <label for="value">value</label>
+  <textarea id="value" class="form-control" rows="10"></textarea>
+  <div id='editor-container'></div>
+</div>
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const value = document.querySelector('#value');
+  const schema = {
+    "type": "object",
+    "properties": {
+      "string": {
+        "title": "string (StringEditor)",
+        "type": "string",
+        "const": "Alice",
+        // "options": { "enforce_const": false }
+      },
+      "integer": {
+        "title": "integer (IntegerEditor)",
+        "type": "integer",
+        "const": 5,
+        // "options": { "enforce_const": false }
+      },
+      "number": {
+        "title": "number (NumberEditor)",
+        "type": "number",
+        "const": 5.5,
+        // "options": { "enforce_const": false }
+      },
+      "string-enum": {
+        "title": "string-enum (SelectEditor)",
+        "type": "string",
+        "const": "Bob",
+        "enum": [
+          "Alice",
+          "Bob",
+          "Carl"
+        ],
+        // "options": { "enforce_const": false }
+      },
+      "boolean": {
+        "title": "boolean (SelectEditor)",
+        "type": "boolean",
+        "const": true,
+        // "options": { "enforce_const": false }
+      },
+      "boolean-checkbox": {
+        "title": "boolean-checkbox (CheckboxEditor)",
+        "type": "boolean",
+        "format": "checkbox",
+        "const": true,
+        // "options": { "enforce_const": false }
+      },
+      "boolean-choices": {
+        "title": "boolean-choices (ChoicesEditor)",
+        "type": "boolean",
+        "format": "choices",
+        "const": true,
+        // "options": { "enforce_const": false }
+      },
+      "object": {
+        "title": "object (ObjectEditor)",
+        "type": "object",
+        "const": {"name": "Alice"},
+        // "options": { "enforce_const": false },
+        "properties": {
+          "name": {
+            "type": "string"
+          }
+        }
+      },
+      "array": {
+        "title": "array (TableEditor)",
+        "type": "array",
+        "const": [{"name": "Alice"}, {"name": "Bob"}],
+        // "options": { "enforce_const": false },
+        "items": {
+          "title": "object",
+          "type": "object",
+          "properties": {
+            "name": {
+              "type": "string"
+            }
+          }
+        }
+      },
+      "array-table": {
+        "title": "array (TableEditor)",
+        "type": "array",
+        "format": "table",
+        "const": [{"name": "Alice"}, {"name": "Bob"}],
+        "items": {
+          "title": "object",
+          "type": "object",
+          "const": {"name": "Alice"},
+          "properties": {
+            "name": {
+              "type": "string"
+            }
+          }
+        },
+        // "options": { "enforce_const": false }
+      },
+      "array-tabs": {
+        "title": "array (TableEditor)",
+        "type": "array",
+        "format": "tabs",
+        "const": [{"name": "Alice"}, {"name": "Bob"}],
+        "items": {
+          "title": "object",
+          "type": "object",
+          "const": {"name": "Alice"},
+          "properties": {
+            "name": {
+              "type": "string"
+            }
+          }
+        },
+        // "options": { "enforce_const": false }
+      },
+      "array-of-strings": {
+        "title": "array (MultiselectEditor)",
+        "type": "array",
+        "uniqueItems": true,
+        "items": {
+          "title": "string",
+          "type": "string",
+          "enum": ["Alice", "Bob"]
+        },
+        "const": ["Alice", "Bob"],
+        // "options": { "enforce_const": false }
+      },
+      "array-enum": {
+        "title": "array (EnumEditor)",
+        "type": "array",
+        "enum": [["Alice", "Bob"], ["Carl", "Dennis"]],
+        "const": ["Carl", "Dennis"],
+        // "options": { "enforce_const": false }
+      },
+      "object-enum": {
+        "title": "object (EnumEditor)",
+        "type": "object",
+        "enum": [{"name": "Alice"}, {"name": "Bob"}],
+        "const": {"name": "Bob"},
+        // "options": { "enforce_const": false }
+      }
+    }
+  }
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    disable_collapse: true,
+    enforce_const: true
+  })
+  editor.on('change', function () {
+    value.value = JSON.stringify(editor.getValue())
+  })
+</script>
+</body>
+</html>

package/tests/pages/integer.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8"/>
   <title>Integer</title>
-  <script src="../../dist/jsoneditor.js"></script>
+    <script src="../../dist/jsoneditor.js"></script>
 </head>
 <body>
@@ -15,10 +15,10 @@
 <div class='container'></div>
 <script>
-  var container = document.querySelector('.container');
-  var value = document.querySelector('.value');
+  const container = document.querySelector('.container');
+  const value = document.querySelector('.value');
-  var schema = {
+  const schema = {
     "type": "object",
     "title": "range",
     "properties": {
@@ -50,19 +50,18 @@
     }
   };
-  var editor = new JSONEditor(container, {
+  const editor = new JSONEditor(container, {
     schema: schema
-  });
+  })
   document.querySelector('.get-value').addEventListener('click', function () {
     value.value = JSON.stringify(editor.getValue());
-    console.log(editor.getValue());
-  });
+  })
   document.querySelector('.set-value').addEventListener('click', function () {
-    editor.setValue({integer_range: 2})
-  });
+    editor.setValue({"integer": 5, "integer_number": 5, "integer_range": 2})
+  })
 </script>

package/tests/pages/issues/issue-gh-1452.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>GitHub Issue 1452</title>
+    <link rel="stylesheet" id="theme-link" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
+    <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
+    <script src="../../../dist/jsoneditor.js"></script>
+  </head>
+  <body>
+    <div class="container">
+      <h1>Test</h1>
+      <a href="https://github.com/json-editor/json-editor/issues/1452">Link to issue</a>
+      <div id='editor_holder'></div>
+      <button id="set-value">Set Value</button>
+    </div>
+    <script>
+      const value = document.querySelector('#value')
+      const defaultSchema = {
+        "title": "Dependencies",
+        "type": "object",
+        "properties": {
+          "category": {
+            "title": "Category",
+            "type": "string",
+            "enum": [
+              "Chocolates",
+              "Vegetables",
+              "Icecreams"
+            ]
+          },
+          "subcategory1": {
+            "title": "Subcategory",
+            "type": "string",
+            "enum": [
+              "Dark chocolate",
+              "Milk chocolate",
+              "White chocolate",
+              "Gianduja chocolate"
+            ],
+            "options": {
+              "dependencies": {
+                "category": "Chocolates"
+              }
+            }
+          },
+          "subcategory2": {
+            "title": "Subcategory",
+            "type": "string",
+            "enum": [
+              "Broccoli",
+              "Cabbage",
+              "Carrot",
+              "Tomato"
+            ],
+            "options": {
+              "dependencies": {
+                "category": "Vegetables"
+              }
+            }
+          },
+          "subcategory3": {
+            "title": "Subcategory",
+            "type": "string",
+            "enum": [
+              "Frozen yogurt",
+              "Booza",
+              "Ice milk"
+            ],
+            "options": {
+              "dependencies": {
+                "category": "Icecreams"
+              }
+            }
+          }
+        }
+      }
+      const editor = new JSONEditor(document.getElementById('editor_holder'), {
+        iconlib: 'fontawesome5',
+        schema: defaultSchema,
+        theme: 'bootstrap3'
+      })
+      const setValue = document.querySelector('#set-value')
+      setValue.addEventListener('click', () => {
+        editor.setValue({
+          "category": "Chocolates",
+          "subcategory1": "Dark chocolate"
+        })
+      })
+    </script>
+  </body>
+</html>

package/tests/pages/issues/issue-gh-1525.html ADDED Viewed

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>GitHub Issue 1525</title>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/select2@latest/dist/js/select2.min.js "></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@latest/dist/css/select2.min.css">
+  <script src="../../../dist/jsoneditor.js"></script>
+</head>
+<body>
+<div class="container">
+  <h1>Test</h1>
+  <a href="https://github.com/json-editor/json-editor/issues/1525">Link to issue</a>
+  <div class="form-group">
+    <label for="value">Value</label>
+    <textarea class="form-control" id="value" cols="30" rows="10"></textarea>
+  </div>
+  <div id='editor_holder'></div>
+</div>
+<script>
+  window.addEventListener('load', () => {
+    const textareaValue = document.querySelector('#value')
+    const defaultSchema = {
+      "type": "object",
+      "properties": {
+        "example": {
+          "type": "string",
+          "format": "select2",
+          "enum": ["aa", "bb", "cc"],
+          "options": {
+            "select2": {
+              "tags": true
+            }
+          }
+        }
+      }
+    }
+    const editor = new JSONEditor(document.getElementById('editor_holder'), {
+      iconlib: 'fontawesome5',
+      schema: defaultSchema,
+      theme: 'bootstrap4',
+      show_errors: 'always'
+    })
+    editor.on('change', function () {
+      textareaValue.value = JSON.stringify(editor.getValue())
+    })
+    editor.on('ready', function () {
+      editor.getEditor('root.example').setValue('dd')
+    })
+  })
+</script>
+</body>
+</html>

package/tests/pages/issues/issue-gh-1536.html ADDED Viewed

@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>GitHub Issue 1536</title>
+    <link rel="stylesheet" id="theme-link" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+    <script src="../../../dist/jsoneditor.js"></script>
+  </head>
+  <body>
+    <div class="container">
+      <h1>Test</h1>
+      <a href="https://github.com/json-editor/json-editor/issues/1536">Link to issue</a>
+      <div id='editor_holder'></div>
+    </div>
+    <script>
+      const value = document.querySelector('#value')
+      const defaultSchema = {
+        'title': 'Dependency chain support',
+        'type': 'object',
+        'properties': {
+          'dependent_field_two': {
+            'type': 'number',
+            'options': {
+              'dependencies': {
+                'dependent_field_one': true
+              }
+            }
+          },
+          'dependent_field_one': {
+            'type': 'boolean',
+            'format': 'checkbox',
+            'options': {
+              'dependencies': {
+                'dependency_chain_head': true
+              }
+            }
+          },
+          'dependency_chain_head': {
+            'type': 'boolean',
+            'default': false,
+            'format': 'checkbox'
+          }
+        }
+      }
+      const editor = new JSONEditor(document.getElementById('editor_holder'), {
+        iconlib: 'fontawesome5',
+        schema: defaultSchema,
+        theme: 'bootstrap3'
+      })
+    </script>
+  </body>
+</html>

package/tests/pages/issues/issue-gh-1538.html ADDED Viewed

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>GitHub Issue 1538</title>
+    <link rel="stylesheet" id="theme-link" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
+    <script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
+    <script src="../../../dist/jsoneditor.js"></script>
+  </head>
+  <body>
+    <div class="container">
+      <h1>Test</h1>
+      <a href="https://github.com/json-editor/json-editor/issues/1538">Link to issue</a>
+      <div id='editor_holder'></div>
+    </div>
+    <script>
+      const value = document.querySelector('#value')
+      const defaultSchema = {
+        'title': 'Dependency chain support',
+        'type': 'object',
+        'properties': {
+          'watched_field': {
+            'type': 'boolean',
+            'format': 'checkbox',
+            'default': false
+          },
+          'field_that_watch': {
+            'type': 'string',
+            'template': '{{content}}',
+            'watch': {
+              'content': 'root.watched_field',
+            }
+          },
+          'dependent_field': {
+            'type': 'boolean',
+            'format': 'checkbox',
+            'options': {
+              'dependencies': {
+                'field_that_watch': 'true'
+              }
+            }
+          },
+        }
+      }
+      const editor = new JSONEditor(document.getElementById('editor_holder'), {
+        iconlib: 'fontawesome5',
+        schema: defaultSchema,
+        theme: 'bootstrap3'
+      })
+    </script>
+  </body>
+</html>

package/tests/pages/issues/issue-gh-1541.html ADDED Viewed

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>dependentRequired</title>
+    <script src="../../../dist/jsoneditor.js"></script>
+    <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+<div class="container">
+    <h1>Test</h1>
+    <div id='editor-container'></div>
+    <div class="form-group">
+        <label for="textarea-value">Value</label>
+        <textarea class="form-control" id="textarea-value" cols="30" rows="10"></textarea>
+    </div>
+</div>
+<script>
+  var editorContainer = document.querySelector('#editor-container')
+  var textareaValue = document.querySelector('#textarea-value')
+  var schema = {
+    'title': 'Dependency chain support',
+    'type': 'object',
+    'properties': {
+      "reference": {
+        "title": "Reference",
+        "$ref": "issue-gh-1541.json"
+      }
+    }
+  }
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always',
+    show_opt_in: false,
+    ajax: true,
+  })
+  editor.on('change', function () {
+    textareaValue.value = JSON.stringify(editor.getValue())
+  })
+</script>
+</body>
+</html>`

package/tests/pages/issues/issue-gh-1541.json ADDED Viewed

@@ -0,0 +1,9 @@
+{
+  "type": "external-schema",
+  "properties": {
+    "value": {
+      "type": ["string", "null"],
+      "default": null
+    }
+  }
+}

package/tests/pages/placeholder-options.html ADDED Viewed

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8"/>
+    <title>placeholder-options</title>
+    <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+    <script src="../../dist/jsoneditor.js"></script>
+</head>
+<body>
+<div class="container">
+    <h1>Test</h1>
+    <label for="value">Value</label>
+    <textarea class="form-control" id="value"></textarea>
+    <button id='set-value'>Set Value that is not in enum ("c")</button>
+    <div class='json-editor-container'></div>
+</div>
+<script>
+    const jsonEditorContainer = document.querySelector('.json-editor-container')
+    const value = document.querySelector('#value')
+    const setValue = document.querySelector('#set-value')
+    const schema = {
+        'title': 'test',
+        'type': 'string',
+        'enum': [
+            'a',
+            'b'
+        ],
+        'options': {
+            'has_placeholder_option': true,
+            'placeholder_option_text': '-select-',
+            'enum_titles': [
+              'A',
+              'B'
+            ]
+        }
+    }
+    const editor = new JSONEditor(jsonEditorContainer, {
+        schema: schema,
+        theme: 'bootstrap4',
+        iconlib: 'fontawesome5'
+    })
+    editor.on('change', function () {
+        value.value = JSON.stringify(editor.getValue())
+    })
+    setValue.addEventListener('click', function () {
+        editor.setValue('other')
+    })
+</script>
+</body>
+</html>

package/tests/pages/prompt-paste-max-length-reached.html ADDED Viewed

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>prompt_paste_max_length_reached</title>
+  <script src="../../dist/jsoneditor.js"></script>
+  <link rel="stylesheet" id="theme-link" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+  <link rel="stylesheet" id="iconlib-link" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
+</head>
+<body>
+<div class="container">
+  <h1>Test</h1>
+  <div id='editor-container'></div>
+  <button id="paste">Paste</button>
+</div>
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const pasteBtn = document.querySelector('#paste')
+  const schema = {
+    "type": "string",
+    "maxLength": 5
+  }
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always',
+    prompt_paste_max_length_reached: true
+  })
+  pasteBtn.addEventListener('click', () => {
+    const inputElement = document.getElementById('root')
+    const pasteEvent = document.createEvent('Event')
+    pasteEvent.initEvent('paste', true, true)
+    pasteEvent.clipboardData = {
+      getData: format => {
+        return 'Hello world'
+      }
+    }
+    inputElement.dispatchEvent(pasteEvent)
+  })
+</script>
+</body>
+</html>