npm - @json-editor/json-editor - Versions diffs - 2.9.0 → 2.10.0 - Mend

@json-editor/json-editor 2.9.0 → 2.10.0

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 (106) hide show

package/.github/workflows/build.yml +2 -0
package/CHANGELOG.md +29 -7
package/README.md +47 -1
package/config/codeceptjs_helpers.js +4 -8
package/config/karma.conf.js +0 -4
package/config/webpack.common.js +1 -1
package/config/webpack.dev.js +1 -1
package/config/webpack.nonmin.js +1 -1
package/config/webpack.prod.js +0 -1
package/dist/dev/jsoneditor.js +3687 -0
package/dist/jsoneditor.js +2 -14
package/dist/jsoneditor.js.LICENSE.txt +1 -1
package/dist/jsoneditor.js.map +1 -1
package/dist/nonmin/jsoneditor.js +25744 -26450
package/dist/nonmin/jsoneditor.js.map +1 -1
package/docs/css_integration.html +17 -15
package/docs/custom-editor.html +92 -0
package/docs/datetime.html +37 -2
package/docs/index.html +4 -1
package/docs/meta_schema.json +426 -398
package/package.json +26 -24
package/src/defaults.js +15 -1
package/src/editor.js +23 -6
package/src/editors/integer.js +5 -3
package/src/editors/multiple.js +67 -8
package/src/editors/number.js +5 -3
package/src/editors/object.js +0 -1
package/src/editors/radio.js +4 -6
package/src/editors/select.js +0 -6
package/src/iconlibs/bootstrap.js +28 -0
package/src/iconlibs/index.js +2 -0
package/src/resolvers.js +5 -2
package/src/schemaloader.js +3 -1
package/src/themes/bootstrap3.js +1 -1
package/src/utilities.js +22 -0
package/src/validator.js +93 -0
package/tests/codeceptjs/constrains/contains_test.js +36 -0
package/tests/codeceptjs/constrains/dependentSchemas_test.js +15 -0
package/tests/codeceptjs/constrains/if-then-else_test.js +143 -0
package/tests/codeceptjs/core_test.js +46 -46
package/tests/codeceptjs/editors/advanced_test.js +12 -11
package/tests/codeceptjs/editors/array_any_of_test.js +37 -37
package/tests/codeceptjs/editors/array_test.js +784 -794
package/tests/codeceptjs/editors/autocomplete_test.js +4 -6
package/tests/codeceptjs/editors/button_test.js +30 -29
package/tests/codeceptjs/editors/checkbox_test.js +19 -18
package/tests/codeceptjs/editors/colorpicker_test.js +20 -18
package/tests/codeceptjs/editors/datetime_test.js +11 -11
package/tests/codeceptjs/editors/inheritance_test.js +8 -9
package/tests/codeceptjs/editors/integer_test.js +77 -78
package/tests/codeceptjs/editors/jodit_test.js +18 -19
package/tests/codeceptjs/editors/multiselect_test.js +6 -6
package/tests/codeceptjs/editors/number_test.js +72 -71
package/tests/codeceptjs/editors/object_test.js +52 -26
package/tests/codeceptjs/editors/option-no_default_values_test.js +6 -6
package/tests/codeceptjs/editors/programmatic-changes_test.js +4 -5
package/tests/codeceptjs/editors/radio_test.js +1 -1
package/tests/codeceptjs/editors/range_test.js +2 -4
package/tests/codeceptjs/editors/rating_test.js +1 -1
package/tests/codeceptjs/editors/select_test.js +5 -7
package/tests/codeceptjs/editors/stepper_test.js +8 -10
package/tests/codeceptjs/editors/string_test.js +16 -16
package/tests/codeceptjs/editors/table-confirm-delete_test.js +11 -13
package/tests/codeceptjs/editors/tabs_test.js +1 -1
package/tests/codeceptjs/editors/uuid_test.js +15 -15
package/tests/codeceptjs/editors/validation_test.js +2 -2
package/tests/codeceptjs/issues/issue-gh-1133_test.js +9 -0
package/tests/codeceptjs/issues/issue-gh-1158-2_test.js +10 -0
package/tests/codeceptjs/{editors/issues → issues}/issue-gh-1158_test.js +1 -3
package/tests/codeceptjs/issues/issue-gh-1164_test.js +10 -0
package/tests/codeceptjs/issues/issue-gh-1211_test.js +17 -0
package/tests/codeceptjs/{editors/issues → issues}/issue-gh-1257_test.js +3 -5
package/tests/codeceptjs/issues/issue-gh-1338_test.js +16 -0
package/tests/codeceptjs/issues/issue-gh-1347_test.js +8 -0
package/tests/codeceptjs/issues/issue-gh-795_test.js +13 -0
package/tests/codeceptjs/issues/issue-gh-810_test.js +52 -0
package/tests/codeceptjs/issues/issue-gh-812_test.js +25 -0
package/tests/codeceptjs/meta-schema_test.js +12 -12
package/tests/codeceptjs/schemaloader_test.js +8 -8
package/tests/codeceptjs/themes_test.js +40 -9
package/tests/pages/autocomplete.html +1 -0
package/tests/pages/contains.html +38 -0
package/tests/pages/dependentSchemas.html +52 -0
package/tests/pages/if-else.html +57 -0
package/tests/pages/if-then-else-allOf.html +117 -0
package/tests/pages/if-then-else.html +64 -0
package/tests/pages/if-then.html +57 -0
package/tests/pages/issues/issue-gh-1133.html +64 -0
package/tests/pages/issues/issue-gh-1158-2.html +189 -0
package/tests/pages/issues/issue-gh-1164.html +71 -0
package/tests/pages/issues/issue-gh-1165.html +63 -0
package/tests/pages/issues/issue-gh-1165.json +8 -0
package/tests/pages/issues/issue-gh-1211.html +1022 -0
package/tests/pages/issues/issue-gh-1338.html +74 -0
package/tests/pages/issues/issue-gh-1347.html +142 -0
package/tests/pages/issues/issue-gh-795.html +58 -0
package/tests/pages/issues/issue-gh-810.html +149 -0
package/tests/pages/maxContains.html +39 -0
package/tests/pages/meta-schema.html +28 -0
package/tests/pages/meta_schema.json +426 -398
package/tests/pages/minContains.html +39 -0
package/tests/pages/number.html +18 -0
package/tests/pages/option-dependencies.html +106 -0
package/tests/pages/themes.html +3 -1
package/tests/unit/core.spec.js +8 -10
package/tests/codeceptjs/editors/issues/issue-gh-812_test.js +0 -32

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

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>GitHub Issue 1338</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">
+  <div id='editor-container'></div>
+</div>
+<script>
+  var schema = {
+    "title": "Test",
+    "type": "object",
+    "required": [
+      "field_a",
+      "field_b"
+    ],
+    "properties": {
+      "field_a": {
+        "type": "string"
+      },
+      "field_b": {
+        "type": "string"
+      },
+    },
+    "if": {
+      "properties": {
+        "field_a": {
+          "const": ""
+        },
+        "field_b": {
+          "const": ""
+        }
+      }
+    },
+    "then": {
+      "properties": {
+        "field_a": {
+          "minLength": 1
+        },
+        "field_b": {
+          "minLength": 1
+        }
+      }
+    }
+  }
+  var editorContainer = document.querySelector('#editor-container')
+  var changeFeedback = document.querySelector('#change-feedback')
+  var value = document.querySelector('#value')
+  var setValue = document.querySelector('#set-value')
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always'
+  })
+  editor.on('change', function () {
+    value.value = JSON.stringify(editor.getValue())
+  })
+  setValue.addEventListener('click', function () {
+    editor.setValue(JSON.parse(value.value))
+  })
+</script>
+</body>
+</html>

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

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>GitHub Issue 1347</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 class="form-control" id="value" cols="30" rows="10"></textarea>
+    <button id="set-value">Set value</button>
+    <br><br><br><br><br><br>
+    <div id='editor-container'></div>
+</div>
+<script>
+  var schema = {
+    'title': 'Test adding rows',
+    'definitions': {
+      'caplz': {
+        'type': 'object',
+        'properties': {
+          'dateField1': {
+            'title': 'Date',
+            'type': 'string',
+            'format': 'date',
+            'default': ''
+          },
+          'amountField1': {
+            'title': 'Amount 1',
+            'type': 'string',
+            'options': {
+              'cleave': {
+                'numeral': true,
+                'prefix': ' €',
+                'tailPrefix': true
+              }
+            },
+            'default': ''
+          },
+          'amountField2': {
+            'title': 'Amount 2',
+            'type': 'string',
+            'options': {
+              'cleave': {
+                'numeral': true,
+                'prefix': ' €',
+                'tailPrefix': true
+              }
+            },
+            'default': ''
+          },
+          'amountField3': {
+            'title': 'Amount 3',
+            'type': 'string',
+            'options': {
+              'cleave': {
+                'numeral': true,
+                'prefix': ' €',
+                'tailPrefix': true
+              }
+            },
+            'default': ''
+          },
+          'amountField4': {
+            'title': 'Amount 4',
+            'type': 'string',
+            'options': {
+              'cleave': {
+                'numeral': true,
+                'prefix': ' €',
+                'tailPrefix': true
+              }
+            },
+            'default': ''
+          }
+        }
+      }
+    },
+    'properties': {
+      'caplzsone': {
+        'type': 'array',
+        'format': 'table',
+        'title': 'Array set with minItems 1',
+        'items': {
+          'title': 'Added row',
+          '$ref': '#/definitions/caplz'
+        },
+        'minItems': 1
+      },
+      'caplzszero': {
+        'type': 'array',
+        'format': 'table',
+        'title': 'Array with no minItems',
+        'items': {
+          'title': 'Added row',
+          '$ref': '#/definitions/caplz'
+        }
+      }
+    }
+  }
+  var editorContainer = document.querySelector('#editor-container')
+  var value = document.querySelector('#value')
+  var setValue = document.querySelector('#set-value')
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome'
+  })
+  editor.on('change', function () {
+    value.value = JSON.stringify(editor.getValue())
+  })
+  editor.on('ready', function () {
+    editor.getEditor('root.caplzszero').setValue([
+      {
+        'dateField1': '0000',
+        'amountField1': '1111',
+        'amountField2': '2222',
+        'amountField3': '3333',
+        'amountField4': '4444'
+      },
+      {
+        'dateField1': '5555',
+        'amountField1': '6666',
+        'amountField2': '7777',
+        'amountField3': '8888',
+        'amountField4': '9999'
+      }
+    ])
+    editor.getEditor('root.caplzszero.0.amountField1').setValue(9999)
+  })
+</script>
+</body>
+</html>

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

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>GitHub Issue 795</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><a href="https://github.com/json-editor/json-editor/issues/795">GitHub Issue 795</a></h1>
+    <div id='editor_holder'></div>
+    <label for="value">Value</label>
+    <textarea class="form-control" id="value" rows="12" style="font-size: 12px; font-family: monospace;"></textarea>
+    <button id="set-value">Set Value</button>
+</div>
+<script>
+  var schema = {
+    'definitions': {
+      'box': {
+        'type': 'array',
+        'items': {
+          'oneOf': [
+            {
+              'title': 'box',
+              '$ref': '#/definitions/box'
+            },
+            {
+              'title': 'letter',
+              'type': 'object'
+            }
+          ]
+        }
+      }
+    },
+    '$ref': '#/definitions/box'
+  }
+  var value = document.querySelector('#value')
+  var setValue = document.querySelector('#set-value')
+  var editor = new JSONEditor(document.getElementById('editor_holder'), {
+    schema: schema,
+    theme: 'bootstrap4',
+    keep_oneof_values: false
+  })
+  editor.on('change', function () {
+    value.value = JSON.stringify(editor.getValue())
+  })
+  setValue.addEventListener('click', function () {
+    editor.setValue(JSON.parse(value.value))
+  })
+</script>
+</body>
+</html>

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

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>GitHub Issue 812</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">
+  <p>I changed <span id="change-feedback">0</span> times</p>
+  <label for="value">value</label>
+  <textarea class="form-control" id="value" cols="30" rows="10"></textarea>
+  <button id="set-value">Set value</button>
+  <br><br><br><br><br><br>
+  <div id='editor-container'></div>
+</div>
+<script>
+  var schema = {
+    'title': 'Person',
+    'type': 'object',
+    'required': [
+      'name',
+      'age',
+      'date',
+      'favorite_color',
+      'gender',
+      'location',
+      'pets'
+    ],
+    'properties': {
+      'name': {
+        'type': 'string',
+        'description': 'First and Last name',
+        'minLength': 4,
+        'default': 'Jeremy Dorn'
+      },
+      'age': {
+        'type': 'integer',
+        'default': 25,
+        'minimum': 18,
+        'maximum': 99
+      },
+      'favorite_color': {
+        'type': 'string',
+        'format': 'color',
+        'title': 'favorite color',
+        'default': '#ffa500'
+      },
+      'gender': {
+        'type': 'string',
+        'enum': [
+          'male',
+          'female',
+          'other'
+        ]
+      },
+      'date': {
+        'type': 'string',
+        'format': 'date',
+        'options': {
+          'flatpickr': {}
+        }
+      },
+      'location': {
+        'type': 'object',
+        'title': 'Location',
+        'properties': {
+          'city': {
+            'type': 'string',
+            'default': 'San Francisco'
+          },
+          'state': {
+            'type': 'string',
+            'default': 'CA'
+          },
+          'citystate': {
+            'type': 'string',
+            'description': 'This is generated automatically from the previous two fields',
+            'template': '{{city}}, {{state}}',
+            'watch': {
+              'city': 'location.city',
+              'state': 'location.state'
+            }
+          }
+        }
+      },
+      'pets': {
+        'type': 'array',
+        'format': 'table',
+        'title': 'Pets',
+        'uniqueItems': true,
+        'items': {
+          'type': 'object',
+          'title': 'Pet',
+          'properties': {
+            'type': {
+              'type': 'string',
+              'enum': [
+                'cat',
+                'dog',
+                'bird',
+                'reptile',
+                'other'
+              ],
+              'default': 'dog'
+            },
+            'name': {
+              'type': 'string'
+            }
+          }
+        },
+        'default': [
+          {
+            'type': 'dog',
+            'name': 'Walter'
+          }
+        ]
+      }
+    }
+  }
+  var editorContainer = document.querySelector('#editor-container')
+  var changeFeedback = document.querySelector('#change-feedback')
+  var value = document.querySelector('#value')
+  var setValue = document.querySelector('#set-value')
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome'
+  })
+  var changeCounter = 0
+  editor.on('change', function () {
+    changeCounter++
+    changeFeedback.textContent = changeCounter
+    value.value = JSON.stringify(editor.getValue())
+  })
+  setValue.addEventListener('click', function () {
+    editor.setValue(JSON.parse(value.value))
+  })
+</script>
+</body>
+</html>

package/tests/pages/maxContains.html ADDED Viewed

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>maxContains</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">
+    <div id='editor-container'></div>
+</div>
+<script>
+  var editorContainer = document.querySelector('#editor-container')
+  var schema = {
+    'title': 'maxContains',
+    'type': 'array',
+    'items': {
+      'type': 'number'
+    },
+    'contains': {
+      'type': 'number'
+    },
+    'maxContains': 2
+  }
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always'
+  })
+</script>
+</body>
+</html>

package/tests/pages/meta-schema.html CHANGED Viewed

@@ -341,6 +341,14 @@
               }
             }
           },
+          "dependentSchemas": {
+            "type": "object",
+            "patternProperties": {
+              ".*": {
+                "$ref": "#/definitions/schema"
+              }
+            }
+          },
           'additionalProperties': {
             'type': 'boolean'
           },
@@ -423,6 +431,17 @@
             'type': 'integer',
             'minimum': 0
           },
+          'contains': {
+            '$ref': '#/definitions/schema'
+          },
+          'minContains': {
+            'type': 'integer',
+            'minimum': 0
+          },
+          'maxContains': {
+            'type': 'integer',
+            'minimum': 0
+          },
           'additionalItems': {
             '$ref': '#/definitions/schema'
           },
@@ -581,6 +600,15 @@
           'not': {
             '$ref': '#/definitions/schema'
           },
+          'if': {
+            '$ref': '#/definitions/schema'
+          },
+          'then': {
+            '$ref': '#/definitions/schema'
+          },
+          'else': {
+            '$ref': '#/definitions/schema'
+          },
           'propertyOrder': {
             'type': 'number',
             'default': 1000