@json-editor/json-editor 2.9.0 → 2.10.0

package/.github/workflows/build.yml

@@ -9,6 +9,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1
+      - name: Node version
+        run: node -v
       - name: Install
         run: npm install
       - name: Test

package/CHANGELOG.md

@@ -1,14 +1,36 @@
 ### Unreleased
 
+### 2.10.0
+
+- Fixed schema loader bug and added test for relative issues 
+- Using multiple for schemas with if-then-else
+- Added support for shell script highlighting
+- Added support for contains, minContains and maxContains constrains
+- Added support for if-then-else constrains
+- Added support for dependentSchemas constrains
+- Added support for absolute paths in dependencies
+- Added support for bootstrap icons
+- Added custom editor example page
+- Added bootstrap 5 theme option in example page
+- Fixed property checkboxes display
+- Updated array delete message
+- Refactored tests with codeceptjs native waitForValue()
+- Fixed bootstrap 3 import warnings
+- Updated autocomplete example with library css
+
+### 2.9.1
+
+- Fixed past merge
+
 ### 2.9.0
 
-Updated datetime example page
-Updated packages
-Fixed issue #1133: default values for each of the oneOf options
-Upgraded codeceptjs from 2 to 3
-Fixed npm audit issues
-Fixed unnecessary Null values included in enums
-Fixed radio editors not recognising numerical values
+- Updated datetime example page
+- Updated packages
+- Fixed issue #1133: default values for each of the oneOf options
+- Upgraded codeceptjs from 2 to 3
+- Fixed npm audit issues
+- Fixed unnecessary Null values included in enums
+- Fixed radio editors not recognising numerical values
 
 ### 2.9.0-beta.1
 

package/README.md

@@ -462,6 +462,7 @@ The currently supported themes are:
 
 *  barebones
 *  html (the default)
+*  bootstrap3
 *  bootstrap4
 *  bootstrap5 
 *  spectre
@@ -471,7 +472,6 @@ Note: The following themes have NOT been updated to 2.x format and will be remov
 Old 1.x themes displays the message **"This is an old JSON-Editor 1.x Theme and might not display elements correctly when used with the 2.x version"** at the bottom of the form output.
 
 *  bootstrap2
-*  bootstrap3
 *  foundation3
 *  foundation4
 *  foundation5
@@ -509,6 +509,7 @@ The supported icon libs are:
 *  fontawesome5
 *  openiconic
 *  spectre
+*  bootstrap
 
 By default, no icons are used. Just like the CSS theme, you can set the icon lib globally or when initializing:
 
@@ -1247,6 +1248,51 @@ Here's an example schema:
 }
 ```
 
+Keys can also be an absolute path like `root.property.nested_property` 
+ 
+```json
+{
+    "title": "Person",
+    "type": "object",
+    "required": [
+      "gender"
+    ],
+    "properties": {
+      "gender": {
+        "title": "Gender",
+        "type": "string",
+        "enum": [
+          "female",
+          "male"
+        ]
+      },
+      "age": {
+        "type": "object",
+        "properties": {
+          "maleSpecificAge": {
+            "type": "string",
+            "title": "Male specific age question?",
+            "options": {
+              "dependencies": {
+                "root.gender": "male"
+              }
+            }
+          },
+          "femaleSpecificAge": {
+            "type": "string",
+            "title": "Female specific age question?",
+            "options": {
+              "dependencies": {
+                "root.gender": "female"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+```
+
 The `dependencies` keyword from the JSON Schema specification is not nearly flexible enough to handle most use cases,
 so JSON Editor introduces a couple custom keywords that help in this regard.
 

package/config/codeceptjs_helpers.js

@@ -69,32 +69,28 @@ class customHelpers extends Helper {
   // Evaluates true if xpath is checked
   async seeCheckedAttribute (xpath) {
     const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
-    let res = await helper.grabAttributeFrom(xpath, 'checked')
-    return assert.ok(res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true', "\x1b[31mexpected element '\x1b[91m" + xpath + "\x1b[31m' to be checked")
+    return await helper.waitForElement(xpath + ':checked')
   }
 
   // Custom dontSeeCheckedAttribute function.
   // Evaluates true if xpath is not checked
   async dontSeeCheckedAttribute (xpath) {
     const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
-    let res = await helper.grabAttributeFrom(xpath, 'checked')
-    return assert.ok(!(res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true'), "\x1b[31mexpected element '\x1b[91m" + xpath + "\x1b[31m' NOT to be checked")
+    return await helper.waitForInvisible(xpath + ':checked')
   }
 
   // Custom seeDisabledAttribute function.
   // Evaluates true if xpath is disabled
   async seeDisabledAttribute (xpath) {
     const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
-    let res = await helper.grabAttributeFrom(xpath, 'disabled')
-    return assert.ok(res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true', "\x1b[31mexpected element '\x1b[91m" + xpath + "\x1b[31m' to be disabled")
+    return await helper.waitForElement(xpath + ':disabled')
   }
 
   // Custom dontSeeDisabledAttributet function.
   // Evaluates true if xpath is not disabled
   async dontSeeDisabledAttribute (xpath) {
     const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
-    let res = await helper.grabAttributeFrom(xpath, 'disabled')
-    return assert.ok(!(res !== null && typeof res !== 'undefined' && res.toString().toLowerCase() === 'true'), "\x1b[31mexpected element '\x1b[91m" + xpath + "\x1b[31m' NOT to be disabled")
+    return await helper.waitForInvisible(xpath + ':disabled')
   }
 
   // Custom seeReadOnlyAttribute function.

package/config/karma.conf.js

@@ -44,10 +44,6 @@ module.exports = function (config) {
       stats: 'errors-only'
     },
 
-    beforeMiddleware: [
-      'webpackBlocker'
-    ],
-
     // test results reporter to use
     // possible values: 'dots', 'progress'
     // available reporters: https://npmjs.org/browse/keyword/karma-reporter

package/config/webpack.common.js

@@ -68,7 +68,7 @@ module.exports = {
     hints: false
   },
   devServer: {
-    contentBase: helpers.root('.'),
+    static: helpers.root('.'),
     historyApiFallback: true,
     port: 8080
   }

package/config/webpack.dev.js

@@ -5,7 +5,7 @@ const helpers = require('./helpers')
 
 module.exports = webpackMerge(commonConfig, {
   mode: 'development',
-  devtool: 'cheap-module-eval-source-map',
+  devtool: 'eval-cheap-module-source-map',
   output: {
     path: helpers.root('dist/dev'),
     publicPath: '/dist/',

package/config/webpack.nonmin.js

@@ -6,7 +6,7 @@ const helpers = require('./helpers')
 // See https://webpack.js.org/guides/development/
 module.exports = (env) => webpackMerge(commonConfig, {
   mode: 'development',
-  devtool: '@source-map',
+  devtool: 'source-map',
   output: {
     path: env && env.travis === true ? helpers.root('dist') : helpers.root('dist/nonmin'),
     publicPath: '/dist/',

package/config/webpack.prod.js

@@ -17,7 +17,6 @@ module.exports = () => {
       minimize: true
     },
     plugins: [
-      new RemoveStrictPlugin(), // I have put this in to avoid IE throwing error Assignment to read-only properties is not allowed in strict mode
       // This doesn't seem to actually be minimising the CSS!
       new webpack.NoEmitOnErrorsPlugin()
     ]