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/docs/css_integration.html CHANGED Viewed

@@ -3,13 +3,13 @@
   <head>
     <meta charset="utf-8" />
     <title>CSS Integration JSON Editor Example</title>
     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-exp.min.css">
     <link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre-icons.min.css">
     <script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.min.js"></script>
     <script>
     // Set the default CSS theme and icon library globally
     JSONEditor.defaults.theme = 'spectre';
@@ -31,10 +31,12 @@
         <div class='column col-md-6'>
           <p>JSON Editor supports these popular CSS frameworks:</p>
           <ul>
+            <li>bootstrap 3</li>
             <li>bootstrap 4</li>
+            <li>bootstrap 5</li>
             <li>spectre.css (shown here)</li>
             <li>tailwind</li>
-          </ul>
+          </ul>
         </div>
         <div class='column col-md-6'>
           <p>JSON Editor supports these popular icon libraries:</p>
@@ -51,17 +53,17 @@
         <div class='column col-md-12'>
           <button id='submit' class='tiny'>Submit (console.log)</button>
           <button id='restore' class='secondary tiny'>Restore to Default</button>
-          <span id='valid_indicator' class='label'></span>
+          <span id='valid_indicator' class='label'></span>
         </div>
       </div>
       <div class='columns'>
         <div class='column col-md-12' id='editor_holder'></div>
       </div>
     </div>
     <script>
       // This is the starting value for the editor
-      // We will use this to seed the initial editor
+      // We will use this to seed the initial editor
       // and to provide a "Restore to Default" button.
       var starting_value = {
         name: "John Smith",
@@ -84,41 +86,41 @@
           }
         ]
       };
       // Initialize the editor
       var editor = new JSONEditor(document.getElementById('editor_holder'),{
         // Enable fetching schemas via ajax
         ajax: true,
         // The schema for the editor
         schema: {
           $ref: "person.json",
           format: "grid"
         },
         // Seed the form with a starting value
         startval: starting_value
       });
       // Hook up the submit button to log to the console
       document.getElementById('submit').addEventListener('click',function() {
         // Get the value from the editor
         console.log(editor.getValue());
       });
       // Hook up the Restore to Default button
       document.getElementById('restore').addEventListener('click',function() {
         editor.setValue(starting_value);
       });
-      // Hook up the validation indicator to update its
+      // Hook up the validation indicator to update its
       // status whenever the editor changes
       editor.on('change',function() {
         // Get an array of errors from the validator
         var errors = editor.validate();
         var indicator = document.getElementById('valid_indicator');
         // Not valid
         if(errors.length) {
           indicator.className = 'label alert';

package/docs/custom-editor.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8"/>
+    <title>Custom Editor Example</title>
+    <script src="https://cdn.jsdelivr.net/npm/@json-editor/json-editor@latest/dist/jsoneditor.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
+</head>
+<body>
+<div class="container">
+    <h1>Custom Editor Example (switch)</h1>
+    <p>Bootstrap 5 style switch editor</p>
+    <div id='editor_holder'></div>
+    <br>
+    <br>
+    <p>Value:</p>
+    <pre id="value"></pre>
+</div>
+<script>
+  /* --------------------------------------------- create custom editor class */
+  class CustomEditor extends JSONEditor.AbstractEditor {
+    build () {
+      super.build()
+      // control
+      this.control = document.createElement('div')
+      this.control.classList.add('form-check')
+      this.control.classList.add('form-switch')
+      // input
+      this.input = document.createElement('input')
+      this.input.setAttribute('type', 'checkbox')
+      this.input.setAttribute('id', this.path + 'test')
+      this.input.classList.add('form-check-input')
+      // label
+      this.label = document.createElement('label')
+      this.label.setAttribute('for', this.path + 'test')
+      this.label.classList.add('form-check-label')
+      this.label.textContent = this.schema.title
+      // appends
+      this.container.appendChild(this.control)
+      this.control.appendChild(this.input)
+      this.control.appendChild(this.label)
+    }
+    postBuild () {
+      super.postBuild()
+      this.input.addEventListener('change', e => {
+        e.preventDefault()
+        e.stopPropagation()
+        this.value = e.currentTarget.checked
+        this.onChange(true)
+      })
+    }
+  }
+  /* ---------------------------------------------- add class to editors list */
+  JSONEditor.defaults.editors.customEditor = CustomEditor
+  /* ----------------------------------------------------------- add resolver */
+  JSONEditor.defaults.resolvers.unshift(function (schema) {
+    if (schema.type === 'boolean' && schema.format === 'custom') {
+      return 'customEditor'
+    }
+  })
+  /* ----------------------------------------------------- instanciate editor */
+  var editor = new JSONEditor(document.getElementById('editor_holder'), {
+    schema: {
+      'type': 'boolean',
+      'format': 'custom',
+      'title': 'Custom'
+    }
+  })
+  editor.on('change', function () {
+    document.querySelector('#value').textContent = JSON.stringify(editor.getValue(), null, 2)
+  })
+</script>
+</body>
+</html>

package/docs/datetime.html CHANGED Viewed

@@ -257,7 +257,42 @@
             }
           }
         },
+        "isofsdatetime": {
+          "type": "string",
+          "format": "datetime-local",
+          "title": "Datetime (String)",
+          "description": "ISO datetime-local field with flatpickr",
+          "options": {
+            "grid_columns": 4,
+            "inputAttributes": {
+              "placeholder": "Enter datetime"
+            },
+            "flatpickr": {
+              "dateFormat": "Z",
+              "wrap": true,
+              "allowInput": true,
+              "enableSeconds": true,
+            }
+          }
+        },
+        "isofidatetime": {
+          "type": "integer",
+          "format": "datetime-local",
+          "title": "Datetime (Integer)",
+          "description": "ISO datetime-local field with flatpickr",
+          "options": {
+            "grid_columns": 4,
+            "inputAttributes": {
+              "placeholder": "Enter datetime"
+            },
+            "flatpickr": {
+              "dateFormat": "Z",
+              "wrap": true,
+              "allowInput": true,
+              "enableSeconds": true,
+            }
+          }
+        },
         "fisdatetime": {
           "type": "string",
           "format": "datetime-local",
@@ -302,4 +337,4 @@
   </script>
 </body>
-</html>
+</html>

package/docs/index.html CHANGED Viewed

@@ -76,6 +76,8 @@
                     <option value='jqueryui'>jQuery UI</option>
                     <option value='openiconic'>Open Iconic</option>
                     <option value='spectre'>Spectre</option>
+                    <option value='spectre'>Spectre</option>
+                    <option value='bootstrap'>Bootstrap</option>
                 </select>
             </div>
             <div>
@@ -332,7 +334,8 @@
       fontawesome5: 'https://use.fontawesome.com/releases/v5.6.1/css/all.css',
       jqueryui: 'https://code.jquery.com/ui/1.10.3/themes/south-street/jquery-ui.css',
       openiconic: 'https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic.min.css',
-      spectre: 'https://unpkg.com/spectre.css/dist/spectre-icons.min.css'
+      spectre: 'https://unpkg.com/spectre.css/dist/spectre-icons.min.css',
+      bootstrap: 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css'
     }
     iconlibLink.href = iconLibMap[data.options.iconlib]
     iconlibSelect.value = data.options.iconlib