@json-editor/json-editor 2.14.1 → 2.15.1

package/.eslintrc

@@ -2,6 +2,9 @@
   "extends":["standard"],
   "env": {"browser": true},
   "rules": {
-    "no-console": "error"
+    "no-console": "error",
+    "camelcase": 0,
+    "array-callback-return": 0,
+    "no-empty": 0
   }
 }

package/.github/workflows/build.yml

@@ -53,17 +53,18 @@ jobs:
         run: docker-compose run -T --rm node npm run ${BUILD_ENV}
       - name: Test
         run: |
-          docker-compose exec -T node codeceptjs -c /repo/tests/codeceptjs/codecept.json run-multiple basic:${SELENIUM_BROWSER} --invert --grep  '@optional'
+          docker-compose exec -T node codeceptjs run-multiple -c /repo/tests/codeceptjs/codecept.json basic:${SELENIUM_BROWSER} --invert --grep  '@optional'
           pwd
           ls -la codeceptjs/output
       - name: Test Artifacts
         if: always()
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
-          name: codeceptjs-output
+          name: codeceptjs-output-${{ matrix.selenium-browser }}-${{ matrix.build-env }}
           path: tests/codeceptjs/output
           retention-days: 30
+          merge-multiple: true
       - name: Test (optional)
         continue-on-error: true
-        run: docker-compose exec -T node codeceptjs -c /repo/tests/codeceptjs/codecept.json run-multiple basic:${SELENIUM_BROWSER} --grep '@optional'
+        run: docker-compose exec -T node codeceptjs run-multiple -c /repo/tests/codeceptjs/codecept.json basic:${SELENIUM_BROWSER} --grep '@optional'
 

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 ### Unreleased
 
+### 2.15.1
+
+- Fixed #1563 and #1558. Select values not displayed
+
+### 2.15.0
+
+- Added option enforce_const
+- Fixed #1525 select2 setValue append new item
+- Added remove_false_properties object option
+- Updated GitHub workflows
+- Added prompt_paste_max_length_reached option
+- Fixed #1512 "dependencies" autocomplete inside array tables cropping
+- Allow for Base64 custom input attributes
+- Added 'add' and 'switch' events
+- Fixed "dependencies" issues
+- Fixed npm audits and packages upgrades
+- Fixed issue #1541 Failure to parse schema with "default"
+- Fixed rating "undefined" value when type of integer
+- Added meta-schema example to the readme
+- Fixed issue #1514 Cannot use more than one class in "class" option for links
+- Fixed info disable/enable
+- Added options: "has_placeholder_option" and "placeholder_option_text"
+- Fixed issue #1498 Dependant fields not created after JSON update at change of the controlling field
+- Added 'copyRow' event
+
 ### 2.14.1
 
 - Fixed issue #1272 Multiple editor incorrect dependency inheritance

package/README.md

@@ -85,6 +85,7 @@ If you learn best by example, check these out:
 *  Star Rating Editor Example - https://json-editor.github.io/json-editor/starrating.html
 *  Upload Editor Example - https://json-editor.github.io/json-editor/upload.html
 *  WYSIWYG Editor Example - https://json-editor.github.io/json-editor/wysiwyg.html
+*  Meta schema (schema builder) Example - https://json-editor.github.io/json-editor/meta-schema.html
 
 More examples can be found at the [JSON-Editor Interactive Playground](https://pmk65.github.io/jedemov2/dist/demo.html)
 
@@ -325,6 +326,16 @@ Here are all the available options:
     <td>This property controls whether property searches in an object editor are case-sensitive</td>
     <td><code>true</code></td>
   </tr>
+  <tr>
+    <td>prompt_paste_max_length_reached</td>
+    <td>If <code>true</code>, an alert will be displayed when pasting a value in an input that exceeded maxLength</td>
+    <td><code>false</code></td>
+  </tr>
+  <tr>
+    <td>enforce_const</td>
+    <td>When set to <code>true</code>, the schema <code>const</code> will serve as the default value, and the editor will prevent any changes to it.</td>
+    <td><code>false</code></td>
+  </tr>
   </tbody>
 </table>
 
@@ -434,6 +445,23 @@ for (let key in editor.editors) {
 }
 ```
 
+There are also `add` and `switch` events to track changes. 
+The `add` event fires when a new object property has just been added.
+
+```javascript
+editor.on('add',(property) => {
+  // Do something
+});
+```
+
+The `switch` event fires when the type of one of the object's properties is changed by a type switch on the form.
+
+```javascript
+editor.on('switch',(property) => {
+  // Do something
+});
+```
+
 ### Enable and Disable the Editor
 
 This lets you disable editing for the entire form or part of the form.
@@ -1214,7 +1242,10 @@ Editors can accept options which alter the behavior in some way.
 * `hidden` - If set to true, the editor will not appear in the UI (works for all types)
 * `input_height` - Explicitly set the height of the input element. Should be a valid CSS width string (e.g. "100px").  Works best with textareas.
 * `input_width` - Explicitly set the width of the input element. Should be a valid CSS width string (e.g. "100px").  Works for string, number, and integer data types.
-* `remove_empty_properties` - If set to true for an object, empty object properties (i.e. those with falsy values) will not be returned by getValue().
+* `remove_empty_properties` - If set to `true` for an object, empty object properties (i.e. those with falsy values) will not be returned by getValue().
+* `remove_false_properties` - If set to `true` for an object, object properties with value `false` will not be returned by getValue().
+* `has_placeholder_option` - If set to true, a placeholder option will be added to the select editor input.
+* `placeholder_option_text` - Text displayed in select placeholder option.
 
 ```json
 {

package/config/codeceptjs_helpers.js

@@ -121,6 +121,17 @@ class customHelpers extends Helper {
     }
   }
 
+  async getSelectedValueAndAssert(selector, expectedValue) {
+    const helper = this.helpers['Puppeteer'] || this.helpers['WebDriver']
+
+    const selectValue = await helper.executeScript((sel) => {
+      const selectElement = document.querySelector(sel);
+      return selectElement.value;
+    }, selector);
+
+    return assert.strictEqual(selectValue, expectedValue);
+  }
+
   // Custom isTrue function.
   // returns boolean value
   async isTrue (val) {

package/config/webpack.common.js

@@ -1,6 +1,7 @@
 const webpack = require('webpack')
 const helpers = require('./helpers')
 const CssToJSON = require('../build/CssToJson')
+const ESLintPlugin = require('eslint-webpack-plugin');
 
 const bannerText = `/**
 * @name JSON Editor
@@ -22,12 +23,6 @@ module.exports = {
   },
   module: {
     rules: [
-      {
-        enforce: 'pre',
-        test: /\.js$/,
-        exclude: /node_modules/,
-        loader: 'eslint-loader'
-      },
       {
         test: /\.js|\.css.js$/,
         exclude: /node_modules/,
@@ -54,6 +49,7 @@ module.exports = {
     ]
   },
   plugins: [
+    new ESLintPlugin(),
     new webpack.BannerPlugin(
       bannerText.replace(
         '{{ VERSION }}',