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/remove-false-properties.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>remove_false_properties</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>
+  <label for="value">Value</label>
+  <textarea class="form-control" id="value" rows="12" style="font-size: 12px; font-family: monospace;"></textarea>
+  <div id='editor-container'></div>
+</div>
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const value = document.querySelector('#value')
+  const schema = {
+    "type": "object",
+    "options": {
+      "remove_false_properties": true
+    },
+    "properties": {
+      "a": {
+        "type": "boolean",
+        "format": "checkbox",
+        "options": {
+          "dependencies": {
+            "a": [
+              true
+            ]
+          }
+        }
+      },
+      "b": {
+        "type": "boolean",
+        "format": "checkbox",
+        "options": {
+          "remove_false_properties": true
+        }
+      },
+      "c": {
+        "type": "boolean",
+        "format": "checkbox"
+      },
+      "d": {
+        "type": "boolean",
+        "format": "checkbox"
+      },
+      "e": {
+        "type": "boolean",
+        "format": "checkbox"
+      },
+      "f": {
+        "type": "boolean",
+        "format": "checkbox"
+      },
+      "g": {
+        "type": "boolean",
+        "format": "checkbox"
+      },
+      "h": {
+        "type": "boolean",
+        "format": "checkbox"
+      }
+    }
+  }
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always',
+    remove_false_properties: false
+  })
+  editor.on('change', function () {
+    value.value = JSON.stringify(editor.getValue())
+  })
+</script>
+</body>

package/tests/pages/select-values.html ADDED Viewed

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>string-simple-mde-editor</title>
+  <script src="../../dist/jsoneditor.js"></script>
+  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+</head>
+<body>
+<div class="container">
+  <h1>Test</h1>
+  <div class="form-group">
+    <label for="value">Value</label>
+    <textarea class="form-control" id="value" cols="30" rows="10"></textarea>
+  </div>
+  <button id="set-value">Set value</button>
+  <div id="editor-container"></div>
+</div>
+<script>
+  const container = document.querySelector("#editor-container")
+  const debug = document.querySelector("#value")
+  const setValueBtn = document.querySelector("#set-value")
+  const schema = {
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "array",
+        "uniqueItems": true,
+        "format": "table",
+        "minLength": 1,
+        "items": {
+          "type": "object",
+          "required": [
+            "baumart"
+          ],
+          "properties": {
+            "baumart": {
+              "type": "string",
+              "enum": [
+                "not_set",
+                "other_hardwood",
+                "beech",
+                "oak",
+                "spruce"
+              ]
+            },
+          }
+        }
+      }
+    }
+  }
+  const value = {
+    "data": [
+      {
+        "baumart": "other_hardwood",
+      },
+      {
+        "baumart": "beech",
+      },
+      {
+        "baumart": "oak",
+      },
+      {
+        "baumart": "spruce",
+      }
+    ]
+  }
+  const editor = new JSONEditor(container, {
+    disable_collapse: true,
+    schema: schema,
+    theme: 'bootstrap3'
+  })
+  editor.on('ready', () => {
+    debug.value = JSON.stringify(editor.getValue())
+  })
+  editor.on('change', () => {
+    debug.value = JSON.stringify(editor.getValue())
+  })
+  setValueBtn.addEventListener('click', () => {
+    editor.setValue(value)
+  })
+</script>
+</body>
+</html>

package/tests/pages/starrating.html ADDED Viewed

@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>rating</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 class="form-group">
+        <label for="value">Value</label>
+        <textarea id="value" class="form-control" rows="10"></textarea>
+    </div>
+    <div id='editor-container'></div>
+</div>
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const value = document.querySelector('#value')
+  const schema = {
+      type: "object",
+      title: "Car",
+      properties: {
+          integer_rating: {
+              type: "integer",
+              format: "rating",
+          },
+          string_rating: {
+              type: "string",
+              format: "rating",
+          },
+          starrating: {
+              type: "string",
+              format: "starrating",
+              title: "Starrating",
+              description: 'Starrating',
+              enum: ["Beginner", "Skilled", "Experienced", "Advanced", "Expert"],
+              options: {
+                  grid_columns: 2
+              }
+          },
+          starrating2: {
+              type: "string",
+              format: "starrating",
+              title: "Starrating",
+              description: 'Starrating with "displayValue=true"',
+              enum: ["Beginner", "Skilled", "Experienced", "Advanced", "Expert"],
+              options: {
+                  grid_columns: 2,
+                  displayValue: true
+              }
+          },
+          starrating3: {
+              type: "string",
+              format: "starrating",
+              title: "Starrating",
+              description: 'Starrating with "displayValue=true"',
+              default: "5 Stars",
+              enum: ["1 Star", "2 Stars", "3 Stars", "4 Stars", "5 Stars", "6 Stars", "7 Stars", "8 Stars", "9 Stars", "10 Stars"],
+              options: {
+                  grid_columns: 4,
+                  displayValue: true
+              }
+          }
+      }
+  }
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always'
+  })
+  editor.on('change', function () {
+      value.value = JSON.stringify(editor.getValue())
+  })
+</script>
+</body>
+</html>

package/tests/unit/editor.spec.js CHANGED Viewed

@@ -63,7 +63,7 @@ describe('Editor', () => {
       startval: 5
     })
     editor.promise.then(() => {
-      expect(editor.root.value).toBe(5)
+      expect(editor.root.getValue()).toBe(5)
     })
   })