@json-editor/json-editor 2.15.1 → 2.15.3

package/tests/pages/enforce-const.html

@@ -25,19 +25,16 @@
         "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)",
@@ -48,33 +45,28 @@
           "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"
@@ -82,10 +74,9 @@
         }
       },
       "array": {
-        "title": "array (TableEditor)",
+        "title": "array",
         "type": "array",
         "const": [{"name": "Alice"}, {"name": "Bob"}],
-        // "options": { "enforce_const": false },
         "items": {
           "title": "object",
           "type": "object",
@@ -104,31 +95,27 @@
         "items": {
           "title": "object",
           "type": "object",
-          "const": {"name": "Alice"},
           "properties": {
             "name": {
               "type": "string"
             }
           }
         },
-        // "options": { "enforce_const": false }
       },
       "array-tabs": {
-        "title": "array (TableEditor)",
+        "title": "array (TabsEditor)",
         "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)",
@@ -140,21 +127,18 @@
           "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 }
       }
     }
   }
@@ -170,6 +154,14 @@
   editor.on('change', function () {
     value.value = JSON.stringify(editor.getValue())
   })
+
+  editor.on('ready', function () {
+    editor.getEditor('root.string').setValue('Bob')
+    editor.getEditor('root.integer').setValue(10)
+    editor.getEditor('root.number').setValue(10)
+    editor.getEditor('root.array').setValue([])
+    editor.getEditor('root.object').setValue({})
+  })
 </script>
 
 </body>

package/tests/pages/issues/issue-gh-1559.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>GitHub Issue 1559 - Dependencies with false values not fulfilled</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 - Dependencies with false values not fulfilled</h1>
+    <p>When <code>dependent_on_true</code> is unchecked (false), the <code>dependent_on_false</code> field should appear. This tests GitHub issue #1559 - dependencies with false values not being fulfilled.</p>
+    <div id='editor-container'></div>
+</div>
+
+<script>
+  var editorContainer = document.querySelector('#editor-container')
+  var schema = {
+    "type": "object",
+    "title": "Test configuration",
+    "description": "Test configuration for dependencies with false values (GitHub issue #1559)",
+    "properties": {
+        "master_field": {
+            "type": "boolean",
+            "title": "Master field",
+            "format": "checkbox",
+            "description": "Master toggle field.",
+            "default": true
+        },
+        "dependent_on_true": {
+            "type": "boolean",
+            "format": "checkbox",
+            "title": "Dependent on true",
+            "description": "This field depends on master_field being true.",
+            "default": true,
+            "options": {
+                "dependencies": {
+                    "master_field": true
+                }
+            }
+        },
+        "dependent_on_false": {
+            "type": "string",
+            "format": "password",
+            "title": "Dependent on false",
+            "description": "This field depends on dependent_on_true being false.",
+            "minLength": 1,
+            "options": {
+                "dependencies": {
+                    "dependent_on_true": false
+                }
+            }
+        }
+    }
+  }
+
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always'
+  })
+</script>
+
+</body>
+</html>

package/tests/pages/issues/issue-gh-1562.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>issue-1562</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 = {
+      "type": "object",
+      "format": "grid",
+      "options": {
+          "collapsed": false,
+          "grid_columns": 12,
+          "disable_properties": true
+      },
+      "defaultProperties": [
+          "model"
+      ],
+      "required": [
+          "model"
+      ],
+      "properties": {
+          "model": {
+              "type": "object",
+              "format": "grid",
+              "options": {
+                  "collapsed": false,
+                  "grid_columns": 12,
+                  "disable_properties": true
+              },
+              "defaultProperties": [
+                  "name",
+                  "entities"
+              ],
+              "required": [
+                  "name",
+                  "entities"
+              ],
+              "properties": {
+                  "name": {
+                      "type": "string",
+                      "propertyOrder": 0,
+                      "description": "Name of the Model",
+                      "default": "",
+                      "pattern": "^\\S+$",
+                      "options": {
+                          "grid_columns": 3
+                      }
+                  },
+                  "entities": {
+                      "type": "object",
+                      "format": "grid",
+                      "options": {
+                          "collapsed": false,
+                          "grid_columns": 12
+                      },
+                      "additionalProperties": {
+                          "type": "object",
+                          "format": "grid",
+                          "options": {
+                              "grid_columns": 12,
+                              "collapsed": true,
+                              "disable_properties": true
+                          },
+                          "defaultProperties": [
+                              "name",
+                              "properties"
+                          ],
+                          "required": [
+                              "name",
+                              "properties"
+                          ],
+                          "properties": {
+                              "name": {
+                                  "description": "The name of the entity",
+                                  "type": "string",
+                                  "propertyOrder": 0,
+                                  "default": "",
+                                  "pattern": "^[A-Z]\\S+$",
+                                  "options": {
+                                      "grid_columns": 4
+                                  }
+                              },
+                              "properties": {
+                                  "type": "object",
+                                  "format": "grid",
+                                  "options": {
+                                      "grid_columns": 12,
+                                      "collapsed": true,
+                                      "disable_properties": false
+                                  },
+                                  "default": {
+                                      "id": {
+                                          "name": "id"
+                                      },
+                                      "created": {
+                                          "name": "created"
+                                      },
+                                      "lastUpdated": {
+                                          "name": "lastUpdated"
+                                      }
+                                  },
+                                  "propertyOrder": 5,
+                                  "additionalProperties": {
+                                      "type": "object",
+                                      "format": "grid",
+                                      "options": {
+                                          "collapsed": true,
+                                          "grid_columns": 12,
+                                          "disable_properties": true
+                                      },
+                                      "defaultProperties": [
+                                          "name"
+                                      ],
+                                      "required": [
+                                          "name"
+                                      ],
+                                      "properties": {
+                                          "name": {
+                                              "description": "The name of the property",
+                                              "type": "string",
+                                              "propertyOrder": 0,
+                                              "default": "",
+                                              "pattern": "^\\S+$",
+                                              "options": {
+                                                  "grid_columns": 4
+                                              }
+                                          }
+                                      }
+                                  }
+                              }
+                          }
+                      }
+                  }
+              }
+          }
+      }
+  }
+
+  var editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always',
+  })
+
+  editor.on('change', function () {
+    textareaValue.value = JSON.stringify(editor.getValue())
+  })
+</script>
+
+</body>
+</html>`

package/tests/pages/issues/issue-gh-1586.html

@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>GitHub Issue 1586</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">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
+    <script src="../../../dist/jsoneditor.js"></script>
+  </head>
+  <body>
+    <div class="container">
+      <textarea class="form-control" id="value" cols="30" rows="10"></textarea>
+      <a href="https://github.com/json-editor/json-editor/issues/1585">GitHub Issue 1586</a>
+      <div id='editor_holder'></div>
+    </div>
+
+    <script>
+      var value = document.querySelector('#value')
+
+      var defaultSchema = {
+        "type": "array",
+        "items": {
+            "type": "object",
+            "properties": {
+                "type": "string",
+                "subtype": {
+                    "type": "object",
+                    "properties": {
+                    "type": "string"
+                    }
+                }
+            },
+            "required": [
+                "subtype"
+            ]
+        }
+      }
+
+      var editor = new JSONEditor(document.getElementById('editor_holder'), {
+        schema: defaultSchema,
+        show_errors: 'always',
+        show_opt_in: true,
+        prompt_before_delete: false
+      })
+    </script>
+  </body>
+</html>

package/tests/pages/opt-in-widget.html

@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>opt-in-widget</title>
+  <script src="../../dist/jsoneditor.js"></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
+<!--  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">-->
+<!--  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css">-->
+<!--  <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">-->
+<!--  <link rel="stylesheet" href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.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 class="form-group">
+    <label for="value">Value</label>
+    <textarea class="form-control" id="value" cols="30" rows="30"></textarea>
+  </div>
+</div>
+
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const schema = {
+    "title": "Register",
+    "type": "object",
+    "properties": {
+      "email": {
+        "title": "Email",
+        "type": "string",
+        "format": "email",
+        "minLength": 6
+      },
+      "password": {
+        "title": "Password",
+        "type": "string",
+        "format": "password",
+        "minLength": 8
+      },
+      "name": {
+        "title": "Name",
+        "type": "string",
+        "default": "Random-223"
+      },
+      "gender": {
+        "title": "Gender",
+        "type": "string",
+        "enum": [
+          "Male",
+          "Female",
+          "Other"
+        ]
+      },
+      "address": {
+        "title": "Address",
+        "type": "object",
+        "properties": {
+          "street": {
+            "title": "Street",
+            "type": "string",
+          },
+          "number": {
+            "title": "Number",
+            "type": "string",
+          }
+        }
+      },
+      "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"
+          }
+        ]
+      },
+      "agree": {
+        "title": "Agree",
+        "description": "lorem ipsum bla bla",
+        "type": "boolean",
+        "format": "checkbox"
+      },
+    }
+  }
+
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap3',
+    // theme: 'bootstrap4',
+    // theme: 'bootstrap5',
+    // theme: 'spectre',
+    // theme: 'tailwind',
+    iconlib: 'fontawesome',
+    show_opt_in: true,
+    opt_in_widget: 'switch',
+    disable_collapse: true,
+    disable_edit_json: true,
+    disable_properties: true
+  })
+
+  const textareaValue = document.querySelector('#value')
+
+  editor.on('change', function () {
+    textareaValue.value = JSON.stringify(editor.getValue())
+  })
+</script>
+
+</body>
+</html>

package/tests/pages/switcher-option.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <title>switcher-option</title>
+  <script src="../../dist/jsoneditor.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/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 class="form-group">
+    <label for="textarea-value">Value</label>
+    <textarea class="form-control" id="textarea-value" cols="30" rows="30"></textarea>
+  </div>
+</div>
+
+<script>
+  const editorContainer = document.querySelector('#editor-container')
+  const schema = {
+    "title": "Register",
+    "type": "object",
+    "properties": {
+      "name": {
+        "title": "Name",
+        "type": "string",
+        "options": {
+          "switcher": false,
+          "error_messages": {
+            "en": {
+              "error_oneOf": "If provided, value must be at least 4 and at most 10",
+              "error_anyOf": "If provided, value must be at least 4 and at most 10"
+            }
+          }
+        },
+        "anyOf": [
+          {
+            "const": ""
+          },
+          {
+            "minLength": 4,
+            "maxLength": 10
+          }
+        ]
+      }
+    }
+  }
+
+  const editor = new JSONEditor(editorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    iconlib: 'fontawesome',
+    show_errors: 'always',
+    disable_collapse: true,
+    disable_edit_json: true,
+    disable_properties: true
+  })
+
+  const textareaValue = document.querySelector('#textarea-value')
+
+  editor.on('change', function () {
+    textareaValue.value = JSON.stringify(editor.getValue(), null, 2)
+  })
+</script>
+
+</body>
+</html>

package/tests/docker-compose-local.yml

@@ -1,4 +0,0 @@
-version: '3'
-services:
-  chrome:
-    image: seleniarm/standalone-chromium:114.0