@ekzo-dev/bootstrap-addons 5.3.6 → 5.3.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ekzo-dev/bootstrap-addons",
   "description": "Aurelia Bootstrap additional component",
-  "version": "5.3.6",
+  "version": "5.3.8",
   "homepage": "https://github.com/ekzo-dev/aurelia-components/tree/main/packages/bootstrap-addons",
   "repository": {
     "type": "git",
@@ -17,7 +17,7 @@
     "@js-temporal/polyfill": "^0.5.1",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
-    "json-schema-library": "^10.2.1"
+    "json-schema-library": "^10.5.1"
   },
   "peerDependencies": {
     "aurelia": "^2.0.0-beta.25",

package/src/forms/json-input/json-input.ts

@@ -26,6 +26,7 @@ import Ajv2020 from 'ajv/dist/2020';
 import addFormats from 'ajv-formats';
 import { bindable, BindingMode, customElement } from 'aurelia';
 import { parsePath } from 'immutable-json-patch';
+import { compileSchema, JsonError, JsonSchema, SchemaNode } from 'json-schema-library';
 
 const patternMap: Record<string, string> = {
   '^[A-Za-z_][-A-Za-z0-9._]*$': '^[A-Za-z_][\\-A-Za-z0-9._]*$',
@@ -158,20 +159,38 @@ export class BsJsonInput {
 
       addFormats(ajv);
       let validate: ValidateFunction;
+      let schema: SchemaNode;
+
+      try {
+        schema = compileSchema(rawJsonSchema as JsonSchema);
+      } catch (e) {
+        console.error('json-schema-library validator compilation error', e);
+      }
 
       try {
         validate = ajv.compile(rawJsonSchema);
       } catch (e) {
-        console.error('Validator compilation error.', e);
+        console.error('AJV validator compilation error', e);
       }
 
       return (json: unknown): ValidationError[] => {
         // do not validate empty documents
-        if (json === undefined || !validate) return [];
+        if (json === undefined) return [];
 
-        validate(json);
+        let allErrors: ValidationError[] = [];
+
+        if (schema) {
+          const { errors } = schema.validate(json);
+
+          allErrors = rawThis.#processErrors(errors, json);
+        }
+
+        if (validate) {
+          validate(json);
+          allErrors = allErrors.concat(rawThis.#processErrorsAjv(validate.errors, json));
+        }
 
-        return rawThis.#processErrors(validate.errors, json);
+        return allErrors;
       };
     } else if (schemaVersion != null && !disabled) {
       const ajv = rawThis.#initAjv(schemaVersion, ajvOptions);
@@ -182,7 +201,7 @@ export class BsJsonInput {
 
         void ajv.validateSchema(json);
 
-        return rawThis.#processErrors(ajv.errors, json);
+        return rawThis.#processErrorsAjv(ajv.errors, json);
       };
     }
   }
@@ -233,7 +252,7 @@ export class BsJsonInput {
     return (schema.$defs ?? schema.definitions) as JSONSchemaDefinitions;
   }
 
-  #processErrors(errors: ErrorObject[] | null, json: unknown): ValidationError[] {
+  #processErrorsAjv(errors: ErrorObject[] | null, json: unknown): ValidationError[] {
     const message = this.jsonSchema === true ? 'JSON is not a valid JSONSchema' : 'JSON does not match schema';
 
     this.input.setCustomValidity(errors?.length ? message : '');
@@ -244,4 +263,16 @@ export class BsJsonInput {
       severity: 'warning' as ValidationSeverity,
     }));
   }
+
+  #processErrors(errors: JsonError[] | null, json: unknown): ValidationError[] {
+    const message = this.jsonSchema === true ? 'JSON is not a valid JSONSchema' : 'JSON does not match schema';
+
+    this.input.setCustomValidity(errors?.length ? message : '');
+
+    return (errors || []).map((error) => ({
+      path: parsePath(json, error.data.pointer),
+      message: error.message || 'Unknown error',
+      severity: 'error' as ValidationSeverity,
+    }));
+  }
 }

package/src/forms/select/select.ts

@@ -49,6 +49,12 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     this.setPopperConfig();
   }
 
+  valueChanged(value: unknown): void {
+    if (this.multiple && !Array.isArray(value)) {
+      this.value = [];
+    }
+  }
+
   setPopperConfig() {
     const { host } = this;
     const parentModal = host.closest('.modal-body,.popover-body,.offcanvas-body');
@@ -78,9 +84,9 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     if (this.multiple) {
       const { options, value } = this;
 
-      return (value as [])
-        .map((val) => (options as ISelectOption[]).find((option) => option.value === val).text)
-        .join(', ');
+      return Array.isArray(value)
+        ? value.map((val) => (options as ISelectOption[]).find((option) => option.value === val).text).join(', ')
+        : '';
     }
 
     const { selectedOption, emptyOption } = this;
@@ -96,7 +102,7 @@ export class BsSelect extends BaseBsSelect implements ICustomElementViewModel {
     return (
       !this.disabled &&
       ((this.emptyOption && this.selectedOption?.value !== this.emptyOption.value) ||
-        (this.multiple && (this.value as unknown[]).length > 0))
+        (this.multiple && Array.isArray(this.value) && this.value.length > 0))
     );
   }