jedison 1.21.1 → 1.22.1

package/dist/esm/jedison.js

@@ -2213,6 +2213,7 @@ class Editor {
     this.title = null;
     this.description = null;
     this.storedEventListeners = [];
+    this.schemaButtonListeners = [];
     this.init();
     this.build();
     this.setAttributes();
@@ -2314,8 +2315,9 @@ class Editor {
    *   `jedison.on('jedison:<name>', ({ jedison, editor, path }) => ...)`. The
    *   listener map is private to the instance, so the payload is not exposed to
    *   unrelated scripts on the page (F3 contained).
-   * - Click listeners are registered through storedEventListeners so destroy()
-   *   cleans them up.
+   * - Click listeners are registered through schemaButtonListeners so
+   *   destroy() cleans them up, without being cleared by an editor's
+   *   refreshUI() in the meantime (issue #79).
    */
   appendSchemaButtons() {
     const buttons = getSchemaXOption(this.instance.schema, "buttons");
@@ -2345,7 +2347,7 @@ class Editor {
         });
       };
       button.addEventListener("click", handler);
-      this.storedEventListeners.push({
+      this.schemaButtonListeners.push({
         element: button,
         eventType: "click",
         handler
@@ -2426,6 +2428,22 @@ class Editor {
     }
     this.storedEventListeners = [];
   }
+  /**
+   * Clears the click listeners registered by appendSchemaButtons(). Separate
+   * from clearStoredEventListeners() so editors that clear the latter on
+   * every refreshUI() (e.g. EditorArrayNav) don't also detach the schema
+   * buttons, which are only ever appended once and never rebuilt (issue #79).
+   */
+  clearSchemaButtonListeners() {
+    if (this.schemaButtonListeners) {
+      this.schemaButtonListeners.forEach((listener) => {
+        if (listener.element && listener.handler) {
+          listener.element.removeEventListener(listener.eventType || "click", listener.handler);
+        }
+      });
+    }
+    this.schemaButtonListeners = [];
+  }
   /**
    * Shows validation error messages in the editor container.
    */
@@ -2671,6 +2689,7 @@ class Editor {
    */
   destroy() {
     this.clearStoredEventListeners();
+    this.clearSchemaButtonListeners();
     if (this.control.container && this.control.container.parentNode) {
       this.control.container.parentNode.removeChild(this.control.container);
     }
@@ -3110,8 +3129,19 @@ class InstanceObject extends Instance {
         if (!isReq && isRecursive) {
           musstCreateChild = false;
         }
+        const defaultProperties = getSchemaXOption(this.schema, "defaultProperties");
+        const hasDefaultProperties = isArray(defaultProperties);
+        const propertyDefaultProperty = getSchemaXOption(schema, "defaultProperty");
+        const hasPropertyDefaultProperty = isSet(propertyDefaultProperty);
+        const isDefaultProperty = hasPropertyDefaultProperty ? propertyDefaultProperty === true : hasDefaultProperties && defaultProperties.includes(key);
+        if (!isReq && (hasDefaultProperties || hasPropertyDefaultProperty) && !isDefaultProperty) {
+          musstCreateChild = false;
+        }
+        if (!isReq && !isRecursive && isDefaultProperty) {
+          musstCreateChild = true;
+        }
         if (musstCreateChild) {
-          this.createChild(schema, key, hasOwn(initialValue, key) ? initialValue[key] : void 0);
+          this.createChild(schema, key, hasOwn(initialValue, key) ? initialValue[key] : void 0, isDefaultProperty);
         }
       });
     }
@@ -3466,6 +3496,7 @@ const glyphicons = {
   properties: "glyphicon glyphicon-list",
   delete: "glyphicon glyphicon-trash",
   add: "glyphicon glyphicon-plus",
+  addProperty: "glyphicon glyphicon-plus-sign",
   moveUp: "glyphicon glyphicon-arrow-up",
   moveDown: "glyphicon glyphicon-arrow-down",
   collapse: "glyphicon glyphicon-chevron-down",
@@ -3483,6 +3514,7 @@ const bootstrapIcons = {
   properties: "bi bi-card-list",
   delete: "bi bi-trash2",
   add: "bi bi-plus",
+  addProperty: "bi bi-plus-circle",
   moveUp: "bi bi-arrow-up",
   moveDown: "bi bi-arrow-down",
   collapse: "bi bi-chevron-down",
@@ -3499,6 +3531,7 @@ const fontAwesome3 = {
   properties: "icon-list",
   delete: "icon-trash",
   add: "icon-plus",
+  addProperty: "icon-plus-sign",
   moveUp: "icon-arrow-up",
   moveDown: "icon-arrow-down",
   collapse: "icon-chevron-down",
@@ -3515,6 +3548,7 @@ const fontAwesome4 = {
   properties: "fa fa-list",
   delete: "fa fa-trash-o",
   add: "fa fa-plus",
+  addProperty: "fa fa-plus-circle",
   moveUp: "fa fa-arrow-up",
   moveDown: "fa fa-arrow-down",
   collapse: "fa fa-chevron-down",
@@ -3531,6 +3565,7 @@ const fontAwesome5 = {
   properties: "fas fa-list",
   delete: "fas fa-trash",
   add: "fas fa-plus",
+  addProperty: "fas fa-plus-circle",
   moveUp: "fas fa-arrow-up",
   moveDown: "fas fa-arrow-down",
   collapse: "fas fa-chevron-down",
@@ -3547,6 +3582,7 @@ const fontAwesome6 = {
   properties: "fa-solid fa-list",
   delete: "fa-solid fa-trash",
   add: "fa-solid fa-plus",
+  addProperty: "fa-solid fa-circle-plus",
   moveUp: "fa-solid fa-arrow-up",
   moveDown: "fa-solid fa-arrow-down",
   collapse: "fa-solid fa-chevron-down",
@@ -7462,7 +7498,7 @@ class JsonWalker {
     }
   }
 }
-const version = "1.21.1";
+const version = "1.22.1";
 class Jedison extends EventEmitter {
   /**
    * Creates a Jedison instance.
@@ -9007,11 +9043,11 @@ class Theme {
     });
     const quickAddPropertyBtn = this.getAddPropertyButton({
       content: config.addPropertyContent,
-      icon: "add"
+      icon: "addProperty"
     });
     const quickAddPropertyToggle = this.getQuickAddPropertyToggle({
       content: config.addPropertyContent,
-      icon: "add",
+      icon: "addProperty",
       propertiesContainer: quickAddPropertyContainer
     });
     const fieldset = this.getFieldset();
@@ -9124,10 +9160,10 @@ class Theme {
       id: "jedi-quick-add-property-input-" + config.id,
       title: config.addPropertyContent
     });
-    const quickAddPropertyBtn = this.getAddPropertyButton({ content: config.addPropertyContent, icon: "add" });
+    const quickAddPropertyBtn = this.getAddPropertyButton({ content: config.addPropertyContent, icon: "addProperty" });
     const quickAddPropertyToggle = this.getQuickAddPropertyToggle({
       content: config.addPropertyContent,
-      icon: "add",
+      icon: "addProperty",
       propertiesContainer: quickAddPropertyContainer
     });
     const collapse = document.createElement("div");