npm - @json-editor/json-editor - Versions diffs - 2.5.2 → 2.6.1 - Mend

@json-editor/json-editor 2.5.2 → 2.6.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 (99) hide show

package/.eslintrc +5 -2
package/.github/PULL_REQUEST_TEMPLATE.md +6 -6
package/.github/workflows/build.yml +58 -0
package/CHANGELOG.md +41 -1
package/CONTRIBUTING.md +1 -1
package/README.md +39 -4
package/README_ADDON.md +65 -0
package/config/codeceptjs_helpers.js +4 -0
package/dist/jsoneditor.js +2 -2
package/dist/nonmin/jsoneditor.js +3711 -3324
package/dist/nonmin/jsoneditor.js.map +1 -1
package/docs/cleave.html +1 -1
package/docs/datetime.html +1 -1
package/docs/describedby.html +1 -1
package/docs/index.html +4 -2
package/docs/materialize_css.html +1 -1
package/docs/meta_schema.json +0 -1
package/docs/radio.html +1 -1
package/docs/select2.html +1 -1
package/docs/selectize.html +1 -1
package/docs/starrating.html +1 -1
package/docs/wysiwyg.html +1 -1
package/package.json +27 -26
package/release-notes.md +9 -9
package/src/core.js +1 -0
package/src/defaults.js +182 -94
package/src/editor.js +28 -9
package/src/editors/array.js +20 -16
package/src/editors/autocomplete.js +1 -0
package/src/editors/base64.js +5 -4
package/src/editors/button.js +2 -2
package/src/editors/checkbox.js +3 -3
package/src/editors/datetime.js +2 -2
package/src/editors/info.js +1 -1
package/src/editors/multiple.js +8 -2
package/src/editors/multiselect.js +5 -3
package/src/editors/object.js +35 -21
package/src/editors/radio.js +9 -4
package/src/editors/select.js +6 -6
package/src/editors/signature.js +3 -2
package/src/editors/starrating.js +5 -5
package/src/editors/string.js +6 -4
package/src/editors/table.js +24 -14
package/src/editors/upload.js +4 -3
package/src/editors/uuid.js +1 -1
package/src/iconlibs/index.js +2 -0
package/src/iconlibs/openiconic.js +28 -0
package/src/schemaloader.js +112 -28
package/src/theme.js +6 -3
package/src/themes/bootstrap3.js +4 -4
package/src/themes/bootstrap4.js +11 -3
package/src/themes/html.js +1 -2
package/src/themes/materialize.js +1 -1
package/src/themes/spectre.js +11 -8
package/src/themes/tailwind.js +1 -1
package/src/validator.js +128 -16
package/tests/codeceptjs/core_test.js +125 -1
package/tests/codeceptjs/editors/array_test.js +13 -11
package/tests/codeceptjs/editors/button_test.js +6 -1
package/tests/codeceptjs/editors/issues/issue-gh-812_test.js +32 -0
package/tests/codeceptjs/editors/number_test.js +1 -1
package/tests/codeceptjs/editors/object_test.js +216 -100
package/tests/codeceptjs/editors/programmatic-changes_test.js +3 -1
package/tests/codeceptjs/editors/radio_test.js +10 -0
package/tests/codeceptjs/editors/rating_test.js +10 -11
package/tests/codeceptjs/editors/select_test.js +17 -15
package/tests/codeceptjs/editors/stepper_test.js +13 -1
package/tests/codeceptjs/editors/string_test.js +81 -80
package/tests/codeceptjs/editors/table-confirm-delete_test.js +58 -56
package/tests/codeceptjs/editors/tabs_test.js +12 -10
package/tests/codeceptjs/editors/validation_test.js +10 -8
package/tests/codeceptjs/meta-schema_test.js +13 -14
package/tests/codeceptjs/schemaloader_test.js +13 -0
package/tests/codeceptjs/steps_file.js +4 -3
package/tests/codeceptjs/themes_test.js +31 -0
package/tests/docker-compose.yml +4 -3
package/tests/fixtures/validation.json +382 -1
package/tests/pages/_demo.html +2 -0
package/tests/pages/anyof.html +80 -0
package/tests/pages/issues/issue-gh-812.html +110 -0
package/tests/pages/issues/issue-gh-848.html +81 -0
package/tests/pages/meta_schema.json +0 -1
package/tests/pages/object-no-additional-properties.html +27 -12
package/tests/pages/object-required-properties.html +43 -9
package/tests/pages/object-show-opt-in.html +110 -0
package/tests/pages/object-with-dependencies-array.html +56 -0
package/tests/pages/oneof.html +103 -0
package/tests/pages/read-only.html +19 -4
package/tests/pages/stepper-manual.html +57 -0
package/tests/pages/themes.html +2 -0
package/tests/pages/translate-property.html +247 -0
package/tests/pages/urn.html +93 -0
package/tests/unit/core.spec.js +2 -0
package/tests/unit/defaults.spec.js +4 -2
package/tests/unit/editor.spec.js +2 -0
package/tests/unit/editors/array.spec.js +86 -0
package/tests/unit/editors/table.spec.js +91 -0
package/tests/unit/schemaloader.spec.js +362 -3
package/tests/unit/validator.spec.js +14 -2

package/tests/pages/translate-property.html ADDED Viewed

@@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>translate property</title>
+  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
+  <script src="../../dist/jsoneditor.js"></script>
+</head>
+<body>
+<div class="container">
+  <div class='json-editor-container'></div>
+</div>
+<script>
+  var jsonEditorContainer = document.querySelector('.json-editor-container');
+  var value = document.querySelector('.value');
+  var schema = {
+    "type": "object",
+    "title": "objectTitle",
+    "description": "objectDescription",
+    "properties": {
+      "boolean": {
+        "type": "boolean",
+        "title": "booleanTitle",
+        "description": "booleanDescription",
+        "options": {
+          "infoText": "booleanInfoText"
+        }
+      },
+      "booleanCheckbox": {
+        "format": "checkbox",
+        "type": "boolean",
+        "title": "booleanTitle",
+        "description": "booleanDescription",
+        "options": {
+          "infoText": "booleanInfoText"
+        }
+      },
+      "string": {
+        "type": "string",
+        "title": "stringTitle",
+        "description": "stringDescription",
+        "options": {
+          "infoText": "stringInfoText"
+        }
+      },
+      "stringRadio": {
+        "format": "radio",
+        "type": "string",
+        "title": "stringRadioTitle",
+        "description": "stringRadioDescription",
+        "options": {
+          "infoText": "stringRadioInfoText"
+        },
+        "enum": ["Home", "Work"]
+      },
+      "integer": {
+        "type": "integer",
+        "title": "integerTitle",
+        "description": "integerDescription",
+        "options": {
+          "infoText": "integerInfoText"
+        }
+      },
+      "number": {
+        "type": "number",
+        "title": "numberTitle",
+        "description": "numberDescription",
+        "options": {
+          "infoText": "numberInfoText"
+        }
+      },
+      "array": {
+        "type": "array",
+        "title": "arrayTitle",
+        "description": "arrayDescription",
+        "options": {
+          "infoText": "arrayInfoText"
+        },
+        "items": {
+          "type": "string",
+          "title": "stringTitle",
+          "description": "stringDescription",
+          "options": {
+            "infoText": "stringInfoText"
+          }
+        }
+      },
+      "arrayTabs": {
+        "format": "tabs",
+        "type": "array",
+        "title": "arrayTabsTitle",
+        "description": "arrayTabsDescription",
+        "options": {
+          "infoText": "arrayTabsInfoText"
+        },
+        "items": {
+          "type": "string",
+          "title": "stringTitle",
+          "description": "stringDescription",
+          "options": {
+            "infoText": "stringInfoText"
+          }
+        }
+      },
+      "arrayTable": {
+        "format": "table",
+        "type": "array",
+        "title": "arrayTableTitle",
+        "description": "arrayTableDescription",
+        "options": {
+          "infoText": "arrayTableInfoText"
+        },
+        "items": {
+          "type": "string",
+          "title": "stringTitle",
+          "description": "stringDescription",
+          "options": {
+            "infoText": "stringInfoText"
+          }
+        }
+      },
+      "signature": {
+        "type": "signature",
+        "title": "signatureTitle",
+        "description": "signatureDescription",
+        "options": {
+          "infoText": "signatureInfoText",
+          "canvas_height": 200
+        }
+      },
+      "rating": {
+        "title": "ratingTitle",
+        "description": "ratingDescription",
+        "type": "integer",
+        "format": "rating",
+        "maximum": "5",
+        "exclusiveMaximum": false,
+        "options": {
+          "infoText": "ratingInfoText"
+        }
+      }
+    }
+  }
+  var dictionary = {
+    en: {
+      'objectTitle': 'Object Title',
+      'objectDescription': 'Object Description',
+      'booleanTitle': 'Boolean Title',
+      'booleanDescription': 'Boolean Description',
+      'booleanInfoText': 'Boolean Info Text',
+      'stringTitle': 'String Title',
+      'stringDescription': 'String Description',
+      'stringInfoText': 'String Info Text',
+      'stringRadioTitle': 'String Radio Title',
+      'stringRadioDescription': 'String Radio Description',
+      'stringRadioInfoText': 'String Radio Info Text',
+      'integerTitle': 'Integer Title',
+      'integerDescription': 'Integer Description',
+      'integerInfoText': 'Integer Info Text',
+      'numberTitle': 'Number Title',
+      'numberDescription': 'Number Description',
+      'numberInfoText': 'Number Info Text',
+      'arrayTitle': 'Array Title',
+      'arrayDescription': 'Array Description',
+      'arrayInfoText': 'Array Info Text',
+      'arrayTabsTitle': 'Array Tabs Title',
+      'arrayTabsDescription': 'Array Tabs Description',
+      'arrayTabsInfoText': 'Array Tabs Info Text',
+      'arrayTableTitle': 'Array Table Title',
+      'arrayTableDescription': 'Array Table Description',
+      'arrayTableInfoText': 'Array Table Info Text',
+      'signatureTitle': 'Signature Title',
+      'signatureDescription': 'Signature Description',
+      'signatureInfoText': 'Signature Info Text',
+      'ratingTitle': 'Rating Title',
+      'ratingDescription': 'Rating Description',
+      'ratingInfoText': 'Rating Info Text'
+    },
+    de: {
+      'objectTitle': 'Object Title (but in german)',
+      'objectDescription': 'Object Description (but in german)',
+      'booleanTitle': 'Boolean Title (but in german)',
+      'booleanDescription': 'Boolean Description (but in german)',
+      'booleanInfoText': 'Boolean Info Text (but in german)',
+      'stringTitle': 'String Title (but in german)',
+      'stringDescription': 'String Description (but in german)',
+      'stringInfoText': 'String Info Text (but in german)',
+      'stringRadioTitle': 'String Radio Title (but in german)',
+      'stringRadioDescription': 'String Radio Description (but in german)',
+      'stringRadioInfoText': 'String Radio Info Text (but in german)',
+      'integerTitle': 'Integer Title (but in german)',
+      'integerDescription': 'Integer Description (but in german)',
+      'integerInfoText': 'Integer Info Text (but in german)',
+      'numberTitle': 'Number Title (but in german)',
+      'numberDescription': 'Number Description (but in german)',
+      'numberInfoText': 'Number Info Text (but in german)',
+      'arrayTitle': 'Array Title (but in german)',
+      'arrayDescription': 'Array Description (but in german)',
+      'arrayInfoText': 'Array Info Text (but in german)',
+      'arrayTabsTitle': 'Array Tabs Title (but in german)',
+      'arrayTabsDescription': 'Array Tabs Description (but in german)',
+      'arrayTabsInfoText': 'Array Tabs Info Text (but in german)',
+      'arrayTableTitle': 'Array Table Title (but in german)',
+      'arrayTableDescription': 'Array Table Description (but in german)',
+      'arrayTableInfoText': 'Array Table Info Text (but in german)',
+      'signatureTitle': 'Signature Title (but in german)',
+      'signatureDescription': 'Signature Description (but in german)',
+      'signatureInfoText': 'Signature Info Text (but in german)',
+      'ratingTitle': 'Rating Title (but in german)',
+      'ratingDescription': 'Rating Description (but in german)',
+      'ratingInfoText': 'Rating Info Text (but in german)'
+    }
+  }
+  const urlParams = new URLSearchParams(window.location.search);
+  const lang = urlParams.get('lang') || 'en'
+  console.log('lang', lang)
+  JSONEditor.defaults.translateProperty = function (key) {
+    var text;
+    if (key !== null) {
+      text = dictionary[lang][key] ? dictionary[lang][key] : key
+    }
+    console.log('translateProperty', key, '=>', text)
+    return text;
+  };
+  var editor = new JSONEditor(jsonEditorContainer, {
+    schema: schema,
+    theme: 'bootstrap3',
+    use_default_values: false,
+    required_by_default: true
+  });
+</script>
+</body>
+</html>

package/tests/pages/urn.html ADDED Viewed

@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>URN</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="https://cdn.jsdelivr.net/npm/mathjs@5.3.1/dist/math.min.js" class="external_mathjs"></script>
+  <script src="../../dist/jsoneditor.js"></script>
+</head>
+<body>
+<textarea class="value" cols="30" rows="10"></textarea>
+<button class='get-value'>Get Value</button>
+<button class='set-value'>Set Value</button>
+<div class='json-editor-container'></div>
+<script>
+  var jsonEditorContainer = document.querySelector('.json-editor-container');
+  var value = document.querySelector('.value');
+  var schema = {
+    $ref: 'urn:com:github:json-editor:name'
+  };
+  var editor = new JSONEditor(jsonEditorContainer, {
+    schema: schema,
+    theme: 'bootstrap4',
+    use_default_values: false,
+    show_errors: 'always',
+    urn_resolver: (urn, callback) => {
+      console.log('resolving ' + urn)
+      let schema
+      switch (urn) {
+        case 'urn:com:github:json-editor:name':
+          schema = {
+            type: 'object',
+            properties: {
+              fname: {
+                $ref: 'urn:com:github:json-editor:fname'
+              },
+              lname: {
+                $ref: 'urn:com:github:json-editor:lname#/definitions/lname'
+              }
+            }
+          }
+          break
+        case 'urn:com:github:json-editor:fname':
+          schema = {
+            id: 'urn:com:github:json-editor:fname',
+            type: 'string',
+            default: 'John',
+            minLength: 4
+          }
+          break
+	case 'urn:com:github:json-editor:lname':
+          schema = {
+            definitions: {
+              lname: {
+                id: 'urn:com:github:json-editor:lname',
+                type: 'string',
+                default: 'Doe',
+                minLength: 3
+              }
+            }
+          }
+          break
+        default: return false
+      }
+      // simulate async
+      window.setTimeout(() => {
+        callback(JSON.stringify(schema))
+      }, 500)
+      return true
+    }
+  })
+  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({number_range: 2})
+  })
+</script>
+</body>
+</html>

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

@@ -1,3 +1,5 @@
+/* global describe beforeEach afterEach it expect Event */
 /*
 Stub test file
 TODO: Write unit tests for all interfaces

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

@@ -1,3 +1,5 @@
+/* global describe beforeEach it expect */
 import { defaults } from '../../src/defaults'
 describe('defaults', () => {
@@ -32,7 +34,7 @@ describe('languages test', () => {
     expect(defaults.translate('error_notempty')).toBe('Value required')
   })
-  it('throw error to unknown translate string', () => {
-    expect(() => defaults.translate('unknown_message')).toThrow()
+  it('should return translation key for unknown translation string', () => {
+    expect(defaults.translate('unknown_message')).toBe('unknown_message')
   })
 })

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

@@ -1,3 +1,5 @@
+/* global describe beforeEach afterEach it expect */
 import { JSONEditor } from '../../src/core'
 describe('Editor', () => {

package/tests/unit/editors/array.spec.js ADDED Viewed

@@ -0,0 +1,86 @@
+import { JSONEditor } from '../../../src/core'
+const fixture = [
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: [false]
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: ['']
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: [0]
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: 'string'
+      }
+    },
+    options: {
+      use_default_values: false
+    },
+    value: ['']
+  },
+  {
+    title: 'Array Editor Test',
+    schema: {
+      type: 'array',
+      items: {
+        type: 'number'
+      }
+    },
+    options: {
+      use_default_values: false
+    },
+    value: [0]
+  }
+]
+describe('Array Editor', () => {
+  let element
+  let editor
+  beforeEach(() => {
+    document.body.insertAdjacentHTML(
+      'afterbegin',
+      '<div id="fixture"></div>')
+    element = document.getElementById('fixture')
+  })
+  afterEach(() => {
+    editor.destroy()
+  })
+  fixture.forEach(spec => {
+    it(spec.title, () => {
+      editor = new JSONEditor(element, {
+        schema: spec.schema
+      })
+      editor.setValue(spec.value);
+      expect(editor.getValue()).toEqual(spec.value)
+    })
+  })
+})

package/tests/unit/editors/table.spec.js ADDED Viewed

@@ -0,0 +1,91 @@
+import { JSONEditor } from '../../../src/core'
+const fixture = [
+  {
+    title: 'Table Editor Test',
+    schema: {
+      type: 'array',
+      format: 'table',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: [false]
+  },
+  {
+    title: 'Table Editor Test',
+    schema: {
+      type: 'array',
+      format: 'table',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: ['']
+  },
+  {
+    title: 'Table Editor Test',
+    schema: {
+      type: 'array',
+      format: 'table',
+      items: {
+        type: ['boolean', 'string', 'null', 'number']
+      }
+    },
+    value: [0]
+  },
+  {
+    title: 'Table Editor Test',
+    schema: {
+      type: 'array',
+      format: 'table',
+      items: {
+        type: 'string'
+      }
+    },
+    options: {
+      use_default_values: false
+    },
+    value: ['']
+  },
+  {
+    title: 'Table Editor Test',
+    schema: {
+      type: 'array',
+      format: 'table',
+      items: {
+        type: 'number'
+      }
+    },
+    options: {
+      use_default_values: false
+    },
+    value: [0]
+  }
+]
+describe('Table Editor', () => {
+  let element
+  let editor
+  beforeEach(() => {
+    document.body.insertAdjacentHTML(
+      'afterbegin',
+      '<div id="fixture"></div>')
+    element = document.getElementById('fixture')
+  })
+  afterEach(() => {
+    editor.destroy()
+  })
+  fixture.forEach(spec => {
+    it(spec.title, () => {
+      editor = new JSONEditor(element, {
+        schema: spec.schema
+      })
+      editor.setValue(spec.value);
+      expect(editor.getValue()).toEqual(spec.value)
+    })
+  })
+})