jedison 1.6.0 → 1.7.0

package/dist/esm/jedison.js

@@ -2427,6 +2427,24 @@ class Editor {
       this.control.jsonData.input.value = JSON.stringify(this.instance.getValue(), null, 2);
     }
   }
+  getNextChildPath(path) {
+    const currentDepth = this.instance.path.split(this.instance.jedison.pathSeparator).length;
+    const targetSegments = path.split(this.instance.jedison.pathSeparator);
+    if (targetSegments.length <= currentDepth) return null;
+    return targetSegments.slice(0, currentDepth + 1).join(this.instance.jedison.pathSeparator);
+  }
+  navigateTo(path) {
+    if (path === this.instance.path) {
+      this.control.container.scrollIntoView({ behavior: "smooth", block: "nearest" });
+      return;
+    }
+    const nextChildPath = this.getNextChildPath(path);
+    if (!nextChildPath) return;
+    const child = this.instance.children.find((c) => c.path === nextChildPath);
+    if (child == null ? void 0 : child.ui) {
+      child.ui.navigateTo(path);
+    }
+  }
   /**
    * Destroys the editor
    */
@@ -2538,19 +2556,23 @@ class InstanceIfThenElse extends Instance {
         });
       }
       const startingValue = this.instanceStartingValues[index2];
-      const currentValue = instance.getValue();
       let instanceValue = value;
       if (isObject(startingValue) && isObject(value)) {
-        if (indexChanged) {
+        if (indexChanged && initiator !== "api") {
           instanceValue = overwriteExistingProperties(startingValue, withoutIf);
-          this.jedison.updateInstancesWatchedData();
         } else {
-          instanceValue = overwriteExistingProperties(currentValue, value);
-        }
-        if (initiator === "api") {
+          const audacity = this.jedison.options.audacity;
+          if (audacity && initiator === "api" && index2 === fittestIndex) {
+            const prePassValue = mergeDeep({}, instance.getValue(), value);
+            instance.setValue(prePassValue, false, "api");
+          }
+          const currentValue = instance.getValue();
           instanceValue = overwriteExistingProperties(currentValue, value);
         }
       }
+      if (indexChanged) {
+        this.jedison.updateInstancesWatchedData();
+      }
       instance.setValue(instanceValue, false, initiator);
       instance.on("notifyParent", (initiator2) => {
         const value2 = instance.getValueRaw();
@@ -3132,6 +3154,17 @@ class InstanceArray extends Instance {
     this.emit("item-add", initiator, instance);
     this.jedison.emit("item-add", initiator, instance);
   }
+  addItemAfter(afterIndex, initiator) {
+    const tempEditor = this.createItemInstance();
+    const raw = this.getValueRaw();
+    const value = isArray(raw) ? clone(raw) : [];
+    value.splice(afterIndex + 1, 0, tempEditor.getValueRaw());
+    tempEditor.destroy();
+    this.setValue(value, true, initiator);
+    const instance = this.children[afterIndex + 1];
+    this.emit("item-add", initiator, instance);
+    this.jedison.emit("item-add", initiator, instance);
+  }
   deleteItem(itemIndex, initiator) {
     const raw = this.getValueRaw();
     if (!isArray(raw)) {
@@ -4243,6 +4276,29 @@ class EditorObjectCategories extends EditorObject {
     super.init();
     this.activeCategoryName = null;
   }
+  navigateTo(path) {
+    const nextChildPath = this.getNextChildPath(path);
+    if (nextChildPath) {
+      const child = this.instance.children.find((c) => c.path === nextChildPath);
+      if (child) {
+        const defaultLabel = getSchemaXOption(this.instance.schema, "categoriesDefaultLabel") ?? "Basic";
+        const childSchemaType = getSchemaType(child.schema);
+        const xCategory = getSchemaXOption(child.schema, "category");
+        let categoryName;
+        if (isSet(xCategory)) {
+          categoryName = xCategory;
+        } else if (childSchemaType === "object" || childSchemaType === "array") {
+          const schemaTitle = getSchemaTitle(child.schema);
+          categoryName = isSet(schemaTitle) ? schemaTitle : child.getKey();
+        } else {
+          categoryName = defaultLabel;
+        }
+        this.activeCategoryName = categoryName;
+        this.refreshUI();
+      }
+    }
+    super.navigateTo(path);
+  }
   refreshEditors() {
     while (this.control.childrenSlot.firstChild) {
       this.control.childrenSlot.removeChild(this.control.childrenSlot.lastChild);
@@ -4284,7 +4340,7 @@ class EditorObjectCategories extends EditorObject {
         categoryName = defaultLabel;
       }
       if (!categoriesMap.has(categoryName)) {
-        categoriesMap.set(categoryName, { children: [], id: pathToAttribute(child.path) });
+        categoriesMap.set(categoryName, { children: [], id: this.getIdFromPath(child.path) });
       }
       categoriesMap.get(categoryName).children.push(child);
     });
@@ -4347,6 +4403,17 @@ class EditorObjectNav extends EditorObject {
       this.activeTabIndex = visibleIndices[0] ?? 0;
     }
   }
+  navigateTo(path) {
+    const nextChildPath = this.getNextChildPath(path);
+    if (nextChildPath) {
+      const childIndex = this.instance.children.findIndex((c) => c.path === nextChildPath);
+      if (childIndex !== -1) {
+        this.activeTabIndex = childIndex;
+        this.refreshUI();
+      }
+    }
+    super.navigateTo(path);
+  }
   refreshEditors() {
     while (this.control.childrenSlot.firstChild) {
       this.control.childrenSlot.removeChild(this.control.childrenSlot.lastChild);
@@ -4373,7 +4440,7 @@ class EditorObjectNav extends EditorObject {
     this.instance.children.forEach((child, index2) => {
       if (!this.isChildVisible(child)) return;
       const active = index2 === this.activeTabIndex;
-      const id = pathToAttribute(child.path);
+      const id = this.getIdFromPath(child.path);
       const schemaTitle = getSchemaTitle(child.schema);
       const navWarning = getSchemaXOption(this.instance.schema, "navWarning") ?? true;
       const navWarningMessage = getSchemaXOption(this.instance.schema, "navWarningMessage");
@@ -4457,6 +4524,7 @@ class EditorArray extends Editor {
     const schemaMoveUpContent = getSchemaXOption(this.instance.schema, "arrayMoveUpContent");
     const schemaMoveDownContent = getSchemaXOption(this.instance.schema, "arrayMoveDownContent");
     const schemaDragContent = getSchemaXOption(this.instance.schema, "arrayDragContent");
+    const schemaAddAfterContent = getSchemaXOption(this.instance.schema, "arrayAddAfterContent");
     const deleteBtn = this.theme.getDeleteItemBtn({
       content: schemaDeleteContent ?? this.instance.jedison.translator.translate("arrayDelete")
     });
@@ -4469,6 +4537,9 @@ class EditorArray extends Editor {
     const dragBtn = this.theme.getDragItemBtn({
       content: schemaDragContent ?? this.instance.jedison.translator.translate("arrayDrag")
     });
+    const addAfterBtn = this.theme.getAddAfterItemBtn({
+      content: schemaAddAfterContent ?? this.instance.jedison.translator.translate("arrayAddAfter")
+    });
     const btnGroup = this.theme.getBtnGroup();
     deleteBtn.addEventListener("click", () => {
       const schemaConfirm = getSchemaXOption(this.instance.schema, "arrayDeleteConfirm");
@@ -4496,13 +4567,17 @@ class EditorArray extends Editor {
       this.activeItemIndex = toIndex;
       this.instance.move(index2, toIndex, "user");
     });
+    addAfterBtn.addEventListener("click", () => {
+      this.activeItemIndex = index2 + 1;
+      this.instance.addItemAfter(index2, "user");
+    });
     if (index2 === 0) {
       moveUpBtn.setAttribute("always-disabled", true);
     }
     if (index2 === this.instance.children.length - 1) {
       moveDownBtn.setAttribute("always-disabled", true);
     }
-    return { deleteBtn, moveUpBtn, moveDownBtn, btnGroup, dragBtn };
+    return { deleteBtn, moveUpBtn, moveDownBtn, btnGroup, dragBtn, addAfterBtn };
   }
   isSortable() {
     return window.Sortable && isSet(getSchemaXOption(this.instance.schema, "sortable"));
@@ -4528,10 +4603,18 @@ class EditorArray extends Editor {
     if (isSet(maxItems2) && enforceMaxItems && maxItems2 <= this.instance.value.length) {
       this.control.addBtn.setAttribute("disabled", "");
       this.control.addBtn.setAttribute("always-disabled", true);
+      this.control.childrenSlot.querySelectorAll(".jedi-array-add-after").forEach((btn) => {
+        btn.setAttribute("disabled", "");
+        btn.setAttribute("always-disabled", true);
+      });
     } else {
       if (!this.disabled && !this.readOnly) {
         this.control.addBtn.removeAttribute("disabled");
         this.control.addBtn.removeAttribute("always-disabled");
+        this.control.childrenSlot.querySelectorAll(".jedi-array-add-after").forEach((btn) => {
+          btn.removeAttribute("disabled");
+          btn.removeAttribute("always-disabled");
+        });
       }
     }
   }
@@ -4540,9 +4623,10 @@ class EditorArray extends Editor {
     const minItems2 = getSchemaMinItems(this.instance.schema);
     const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
     const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
     this.control.childrenSlot.innerHTML = "";
     this.instance.children.forEach((child, index2) => {
-      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup } = this.getButtons(index2);
+      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup, addAfterBtn } = this.getButtons(index2);
       const { container, arrayActions, body } = this.theme.getArrayItem({
         readOnly: this.instance.isReadOnly(),
         index: index2
@@ -4558,6 +4642,9 @@ class EditorArray extends Editor {
       if (this.isSortable()) {
         btnGroup.appendChild(dragBtn);
       }
+      if (isSet(arrayAddAfter) && arrayAddAfter === true) {
+        btnGroup.appendChild(addAfterBtn);
+      }
       this.control.childrenSlot.appendChild(container);
       body.appendChild(child.ui.control.container);
       if (this.disabled || this.instance.isReadOnly()) {
@@ -4659,6 +4746,7 @@ class EditorArrayTable extends EditorArray {
     const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
     const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
     const arrayButtonsPosition = getSchemaXOption(this.instance.schema, "arrayButtonsPosition") ?? this.instance.jedison.options.arrayButtonsPosition;
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
     const th = this.theme.getTableHeader();
     const { label } = this.theme.getFakeLabel({
       content: "Controls",
@@ -4696,7 +4784,7 @@ class EditorArrayTable extends EditorArray {
     this.instance.children.forEach((child, index2) => {
       const tbodyRow = document.createElement("tr");
       const buttonsTd = this.theme.getTableDefinition({ isButtonColumn: true });
-      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup } = this.getButtons(index2);
+      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup, addAfterBtn } = this.getButtons(index2);
       if (this.isSortable()) {
         btnGroup.appendChild(dragBtn);
       }
@@ -4707,6 +4795,9 @@ class EditorArrayTable extends EditorArray {
         btnGroup.appendChild(moveUpBtn);
         btnGroup.appendChild(moveDownBtn);
       }
+      if (isSet(arrayAddAfter) && arrayAddAfter === true) {
+        btnGroup.appendChild(addAfterBtn);
+      }
       buttonsTd.appendChild(btnGroup);
       if (arrayButtonsPosition === "left") {
         tbodyRow.appendChild(buttonsTd);
@@ -4784,6 +4875,7 @@ class EditorArrayTableObject extends EditorArray {
     const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
     const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
     const arrayButtonsPosition = getSchemaXOption(this.instance.schema, "arrayButtonsPosition") ?? this.instance.jedison.options.arrayButtonsPosition;
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
     const th = this.theme.getTableHeader();
     const { label } = this.theme.getFakeLabel({
       content: "Controls",
@@ -4827,7 +4919,7 @@ class EditorArrayTableObject extends EditorArray {
     this.instance.children.forEach((child, index2) => {
       const tbodyRow = document.createElement("tr");
       const buttonsTd = this.theme.getTableDefinition({ isButtonColumn: true });
-      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup } = this.getButtons(index2);
+      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup, addAfterBtn } = this.getButtons(index2);
       if (this.isSortable()) {
         btnGroup.appendChild(dragBtn);
       }
@@ -4838,6 +4930,9 @@ class EditorArrayTableObject extends EditorArray {
         btnGroup.appendChild(moveUpBtn);
         btnGroup.appendChild(moveDownBtn);
       }
+      if (isSet(arrayAddAfter) && arrayAddAfter === true) {
+        btnGroup.appendChild(addAfterBtn);
+      }
       buttonsTd.appendChild(btnGroup);
       if (arrayButtonsPosition === "left") {
         tbodyRow.appendChild(buttonsTd);
@@ -5017,6 +5112,17 @@ class EditorArrayNav extends EditorArray {
     const hasNavFormat = regex.test(format2);
     return getSchemaType(schema) === "array" && hasNavFormat;
   }
+  navigateTo(path) {
+    const nextChildPath = this.getNextChildPath(path);
+    if (nextChildPath) {
+      const childIndex = this.instance.children.findIndex((c) => c.path === nextChildPath);
+      if (childIndex !== -1) {
+        this.activeItemIndex = childIndex;
+        this.refreshUI();
+      }
+    }
+    super.navigateTo(path);
+  }
   addEventListeners() {
     this.control.addBtn.addEventListener("click", () => {
       this.activeItemIndex = this.instance.value.length;
@@ -5041,13 +5147,14 @@ class EditorArrayNav extends EditorArray {
     });
     const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
     const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
+    const arrayAddAfter = getSchemaXOption(this.instance.schema, "arrayAddAfter") ?? this.instance.jedison.options.arrayAddAfter;
     this.control.childrenSlot.appendChild(row);
     row.appendChild(tabListCol);
     row.appendChild(tabContentCol);
     tabListCol.appendChild(tabList);
     tabContentCol.appendChild(tabContent);
     this.instance.children.forEach((child, index2) => {
-      const { deleteBtn, moveUpBtn, moveDownBtn, btnGroup } = this.getButtons(index2);
+      const { deleteBtn, moveUpBtn, moveDownBtn, btnGroup, addAfterBtn } = this.getButtons(index2);
       if (isSet(arrayDelete) && arrayDelete === true) {
         btnGroup.appendChild(deleteBtn);
       }
@@ -5055,6 +5162,9 @@ class EditorArrayNav extends EditorArray {
         btnGroup.appendChild(moveUpBtn);
         btnGroup.appendChild(moveDownBtn);
       }
+      if (isSet(arrayAddAfter) && arrayAddAfter === true) {
+        btnGroup.appendChild(addAfterBtn);
+      }
       this.control.childrenSlot.appendChild(child.ui.control.container);
       const schemaTitle = getSchemaTitle(child.schema);
       const childTitle = isSet(schemaTitle) ? schemaTitle + " " + (index2 + 1) : child.getKey();
@@ -5066,7 +5176,7 @@ class EditorArrayNav extends EditorArray {
         titleTemplate = compileTemplate(template, data) ?? childTitle;
       }
       const active = index2 === this.activeItemIndex;
-      const id = pathToAttribute(child.path);
+      const id = this.getIdFromPath(child.path);
       const navWarning = getSchemaXOption(this.instance.schema, "navWarning") ?? true;
       const navWarningMessage = getSchemaXOption(this.instance.schema, "navWarningMessage");
       const { list, arrayActions } = this.theme.getTab({
@@ -5961,6 +6071,7 @@ const defaultTranslations = {
   arrayMoveDown: "Move down",
   arrayDrag: "Drag",
   arrayAdd: "Add item",
+  arrayAddAfter: "Add after",
   arrayConfirmDelete: "Are you sure you want to delete this item?",
   objectAddProperty: "Add property",
   objectPropertyAdded: "field was added to the form",
@@ -6216,6 +6327,7 @@ class Jedison extends EventEmitter {
       arrayDeleteConfirm: true,
       arrayMove: true,
       arrayAdd: true,
+      arrayAddAfter: false,
       objectAdd: true,
       arrayButtonsPosition: "left",
       startCollapsed: false,
@@ -6249,7 +6361,8 @@ class Jedison extends EventEmitter {
       enforceMaxItems: true,
       enforceEnum: true,
       subErrors: false,
-      debug: false
+      debug: false,
+      audacity: true
     }, options);
     this.rootName = "#";
     this.pathSeparator = "/";
@@ -6460,6 +6573,9 @@ class Jedison extends EventEmitter {
             node.oneOf[index2] = this.refParser.expand(subschema);
           });
         }
+        if (isObject(node.items) && this.refParser.hasRef(node.items)) {
+          node.items = this.refParser.expand(node.items);
+        }
       });
     }
     if (this.isEditor) {
@@ -6580,6 +6696,14 @@ class Jedison extends EventEmitter {
   getInstance(path) {
     return this.instances.get(path);
   }
+  /**
+   * Navigates to a specific instance by path, activating any ancestor nav/categories tabs as needed.
+   * @param {string} path - The instance path (e.g. '#/address/street')
+   */
+  navigateTo(path) {
+    if (!this.isEditor) return;
+    this.root.ui.navigateTo(path);
+  }
   /**
    * Disables the root instance and it's children user interfaces
    */
@@ -7321,6 +7445,17 @@ class Theme {
     html.classList.add("jedi-array-add");
     return html;
   }
+  /**
+   * Array "add after" item button
+   */
+  getAddAfterItemBtn(config) {
+    const addAfterItemBtn = this.getButton({
+      content: config.content,
+      icon: "add"
+    });
+    addAfterItemBtn.classList.add("jedi-array-add-after");
+    return addAfterItemBtn;
+  }
   /**
    * Array "delete" item button
    */
@@ -8717,10 +8852,8 @@ class ThemeBootstrap3 extends Theme {
   setTabPaneAttributes(element, active, id) {
     super.setTabPaneAttributes(element, active, id);
     element.classList.add("tab-pane");
-    if (active) {
-      element.classList.add("in");
-      element.classList.add("active");
-    }
+    element.classList.toggle("in", active);
+    element.classList.toggle("active", active);
   }
   infoAsModal(info, id, config = {}) {
     const modal = document.createElement("div");
@@ -9098,9 +9231,7 @@ class ThemeBootstrap4 extends Theme {
   setTabPaneAttributes(element, active, id) {
     super.setTabPaneAttributes(element, active, id);
     element.classList.add("tab-pane");
-    if (active) {
-      element.classList.add("active");
-    }
+    element.classList.toggle("active", active);
   }
   infoAsModal(info, id, config = {}) {
     const modal = document.createElement("div");
@@ -9474,9 +9605,7 @@ class ThemeBootstrap5 extends Theme {
   setTabPaneAttributes(element, active, id) {
     super.setTabPaneAttributes(element, active, id);
     element.classList.add("tab-pane");
-    if (active) {
-      element.classList.add("active");
-    }
+    element.classList.toggle("active", active);
   }
   infoAsModal(info, id, config = {}) {
     const modal = document.createElement("div");