@json-editor/json-editor 2.11.0 → 2.13.0

package/.env

@@ -1,2 +1,2 @@
 COMPOSE_PROJECT_NAME=json-editor
-COMPOSE_FILE=./tests/docker-compose.yml
+COMPOSE_FILE=./tests/docker-compose.yml:./tests/docker-compose-local.yml

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 ### Unreleased
 
+### 2.13.0
+
+- Added feature #1448 enumTitle for headerTemplates
+- Fixed issue #1442 tpe button editors
+- Fixed issue #1433 simplemde editor data sync
+- Added schema validation in playground
+- Fixed tests timing issues
+
+### 2.12.0
+
+- Fixed issue #1422: use_default_values: false deletes valid values while true sets invalid default values
+- Added feature: load-events
+- Fixed issue #1410: Schema for "additionalProperties" does not override "no_additional_properties: true"
+- Added feature: table-responsive
+- Fixed readme-broken-link
+- Updated integrity checks in example pages
+
 ### 2.11.0
 
 - Fixed issue #746 and #645: Selectize with create = true should add items
@@ -11,6 +28,8 @@
 - Updated playground ace editor config
 - Added button_state_mode options
 - Added support for case-insensitive properties search
+- Fixed issue #746 and #645 Selectize with create = true should add Items
+- Added support for case insensitive properties search
 - Added support for dependentRequired constrains
 - Fixed issue #1367: Signature editor not returning base64 data
 - Fixed issue #1237: more coherent ui for Base64 editor

package/README.md

@@ -315,6 +315,16 @@ Here are all the available options:
     <td>If <code>true</code>, control inputs <code>name</code> attributes will be set.</td>
     <td><code>true</code></td>
   </tr>
+  <tr>
+    <td>button_state_mode</td>
+    <td>If <code>1</code>, inactive buttons are hidden. If <code>2</code>, inactive buttons are disabled.</td>
+    <td><code>1</code></td>
+  </tr>
+  <tr>
+    <td>case_sensitive_property_search</td>
+    <td>This property controls whether property searches in an object editor are case-sensitive</td>
+    <td><code>true</code></td>
+  </tr>
   </tbody>
 </table>
 
@@ -540,7 +550,7 @@ Some of The [hyper-schema][hyper] specification is supported as well.
 
 [core]: http://json-schema.org/latest/json-schema-core.html
 [validation]: http://json-schema.org/latest/json-schema-validation.html
-[hyper]: http://json-schema.org/latest/json-schema-hypermedia.html
+[hyper]: https://json-schema.org/draft-07/json-hyper-schema-release-notes
 
 ### $ref and definitions
 
@@ -636,6 +646,52 @@ Show a video preview (using HTML5 video)
 The `href` property is a template that gets re-evaluated every time the value changes.
 The variable `self` is always available.  Look at the __Dependencies__ section below for how to include other fields or use a custom template engine.
 
+### if-then-else
+The if-then-else keywords are used to express conditional validation logic based on the evaluation of a specified condition. The if keyword defines a condition, and depending on whether it evaluates to true or false, the schema specified under either the then or else keywords will be applied.
+
+```json
+{
+  "type": "object",
+  "properties": {
+    "street_address": {
+      "type": "string"
+    },
+    "country": {
+      "type": "string",
+      "default": "United States of America",
+      "enum": [
+        "United States of America",
+        "Canada"
+      ]
+    },
+    "postal_code": {
+      "type": "string"
+    }
+  },
+  "if": {
+    "properties": {
+      "country": {
+        "const": "United States of America"
+      }
+    }
+  },
+  "then": {
+    "properties": {
+      "postal_code": {
+        "pattern": "[0-9]{5}(-[0-9]{4})?"
+      }
+    }
+  },
+  "else": {
+    "properties": {
+      "postal_code": {
+        "pattern": "[A-Z][0-9][A-Z] [0-9][A-Z][0-9]"
+      }
+    }
+  }
+}
+```
+
 ### Property Ordering
 
 There is no way to specify property ordering in JSON Schema (although this may change in v5 of the spec).
@@ -848,8 +904,10 @@ __Ace Editor__ is a syntax highlighting source code editor. You can use it by se
 *  pgsql
 *  php
 *  python
+*  prql
 *  r
 *  ruby
+*  rust
 *  sass
 *  scala
 *  scss
@@ -857,10 +915,12 @@ __Ace Editor__ is a syntax highlighting source code editor. You can use it by se
 *  sql
 *  stylus
 *  svg
+*  typescript
 *  twig
 *  vbscript
 *  xml
 *  yaml
+*  zig
 
 ```json
 {
@@ -925,10 +985,10 @@ Creates a button whose click callback can be defined in `JSONEditor.defaults.cal
 
 ```json
 {
-  "type": "button",
-  "title": "Search",
+  "format": "button",
   "options": {
     "button": {
+      "text": "Search",
       "icon": "search",
       "action": "myAction",
       "validated": true
@@ -1038,6 +1098,22 @@ editor.on('deleteAllRows', deletedValues => {
 });
 ```
 
+#### Schema loader events
+
+When schemas are loaded via a request, the `schemaLoaded` event is triggered individually for each schema after its loading.
+Once the loading of all schemas is completed, the `allSchemasLoaded` event is triggered.
+
+```javascript
+editor.on('schemaLoaded', (payload) => {
+  console.log('schemasLoaded', payload.schemaUrl)
+  console.log('schemasLoaded', payload.schema)
+})
+
+editor.on('allSchemasLoaded', () => {
+  console.log('allSchemasLoaded')
+})
+```
+
 
 #### Objects
 
@@ -1640,7 +1716,7 @@ The `title` keyword of a schema is used to add user friendly headers to the edit
 Consider the example of an array of children.  Without dynamic headers, the UI for the array elements would show `Child 1`, `Child 2`, etc..
 It would be much nicer if the headers could be dynamic and incorporate information about the children, such as `1 - John (age 9)`, `2 - Sarah (age 11)`.
 
-To accomplish this, use the `headerTemplate` property.  All of the watched variables are passed into this template, along with the static title `title` (e.g. "Child"), the 0-based index `i0` (e.g. "0" and "1"), the 1-based index `i1`, and the field's value `self` (e.g. `{"name": "John", "age": 9}`).
+To accomplish this, use the `headerTemplate` property.  All of the watched variables are passed into this template, along with the static title `title` (e.g. "Child"), the 0-based index `i0` (e.g. "0" and "1"), the 1-based index `i1`, extra child variable `properties.${PROPERTY_NAME}.enumTitle` and the field's value `self` (e.g. `{"name": "John", "age": 9}`).
 
 ```js+jinja
 {
@@ -1649,10 +1725,18 @@ To accomplish this, use the `headerTemplate` property.  All of the watched varia
   "items": {
     "type": "object",
     "title": "Child",
-    "headerTemplate": "{{ i1 }} - {{ self.name }} (age {{ self.age }})",
+    "headerTemplate": "{{ i1 }} - {{ self.name }} (age {{ self.age }})  has a {{ properties.pet.enumTitle }}",
     "properties": {
       "name": { "type": "string" },
-      "age": { "type": "integer" }
+      "age": { "type": "integer" },
+      "pet": {
+          "title": "Pet",
+          "type": "string",
+          "enum": [ "pet_1", "pet_2" ],
+          "options": {
+            "enum_titles": [ "Dog", "Cat" ]
+          }
+        }
     }
   }
 }

package/README_ADDON.md

@@ -95,8 +95,10 @@ For configuration options, see the [ACE homepage](https://ace.c9.io/://).
 ``"format": "pgsql"``<br>
 ``"format": "php"``<br>
 ``"format": "python"``<br>
+``"format": "prql"``<br>
 ``"format": "r"``<br>
 ``"format": "ruby"``<br>
+``"format": "rust"``<br>
 ``"format": "sass"``<br>
 ``"format": "scala"``<br>
 ``"format": "scss"``<br>
@@ -105,10 +107,12 @@ For configuration options, see the [ACE homepage](https://ace.c9.io/://).
 ``"format": "sqlserver"``<br>
 ``"format": "stylus"``<br>
 ``"format": "svg"``<br>
+``"format": "typescript"``<br>
 ``"format": "twig"``<br>
 ``"format": "vbscript"``<br>
 ``"format": "xml"``<br>
-``"format": "yaml"
+``"format": "yaml"``<br>
+``"format": "zig"
 </details>
 
 **Supported Types:** string<br>