jedison 0.2.2 → 0.3.0

package/dist/esm/jedison.js

@@ -3319,6 +3319,12 @@ class EditorNumberInput extends EditorNumber {
       const value = this.sanitize(this.control.input.value);
       this.instance.setValue(value, true, "user");
     });
+    this.control.input.addEventListener("focus", () => {
+      this.control.input.value = this.instance.getValue().toString;
+    });
+    this.control.input.addEventListener("blur", () => {
+      this.refreshUI();
+    });
   }
   refreshUI() {
     super.refreshUI();
@@ -3729,16 +3735,116 @@ class EditorArray extends Editor {
 }
 class EditorArrayTable extends EditorArray {
   static resolves(schema, refParser) {
-    const schemaItems = getSchemaItems(schema);
+    return getSchemaType(schema) === "array" && getSchemaXOption(schema, "format") === "table-generic";
+  }
+  addEventListeners() {
+    this.control.addBtn.addEventListener("click", () => {
+      this.activeItemIndex = this.instance.value.length;
+      this.instance.addItem("user");
+    });
+  }
+  isSortable() {
+    return window.Sortable && isSet(getSchemaXOption(this.instance.schema, "sortable"));
+  }
+  refreshUI() {
+    this.control.childrenSlot.innerHTML = "";
+    const table = this.theme.getTable();
+    this.control.childrenSlot.appendChild(table.container);
+    const th = this.theme.getTableHeader();
+    const { label } = this.theme.getFakeLabel({
+      content: "Controls",
+      visuallyHidden: true
+    });
+    th.appendChild(label);
+    table.thead.appendChild(th);
+    if (this.instance.children.length) {
+      const schemaItems = getSchemaItems(this.instance.schema);
+      const thTitle = this.theme.getTableHeader();
+      if (schemaItems.title) {
+        const fakeLabel = this.theme.getFakeLabel({
+          content: schemaItems.title
+        });
+        thTitle.appendChild(fakeLabel.label);
+      }
+      const schemaXInfo = getSchemaXOption(schemaItems, "info");
+      if (isSet(schemaXInfo)) {
+        const infoContent = this.getInfo(schemaItems);
+        const info = this.theme.getInfo(infoContent);
+        if (schemaXInfo.variant === "modal") {
+          this.theme.infoAsModal(info, this.getIdFromPath(this.instance.path), infoContent);
+        }
+        thTitle.appendChild(info.container);
+      }
+      table.thead.appendChild(thTitle);
+    }
+    const arrayDelete = getSchemaXOption(this.instance.schema, "arrayDelete") ?? this.instance.jedison.options.arrayDelete;
+    const arrayMove = getSchemaXOption(this.instance.schema, "arrayMove") ?? this.instance.jedison.options.arrayMove;
+    this.instance.children.forEach((child, index2) => {
+      const tbodyRow = document.createElement("tr");
+      const buttonsTd = this.theme.getTableDefinition();
+      const { deleteBtn, moveUpBtn, moveDownBtn, dragBtn, btnGroup } = this.getButtons(index2);
+      if (this.isSortable()) {
+        btnGroup.appendChild(dragBtn);
+      }
+      if (isSet(arrayDelete) && arrayDelete === true) {
+        btnGroup.appendChild(deleteBtn);
+      }
+      if (isSet(arrayMove) && arrayMove === true) {
+        btnGroup.appendChild(moveUpBtn);
+        btnGroup.appendChild(moveDownBtn);
+      }
+      buttonsTd.appendChild(btnGroup);
+      tbodyRow.appendChild(buttonsTd);
+      const td = this.theme.getTableDefinition();
+      child.ui.adaptForTable(child, td);
+      td.appendChild(child.ui.control.container);
+      tbodyRow.appendChild(td);
+      table.tbody.appendChild(tbodyRow);
+    });
+    this.refreshSortable(table.tbody);
+    this.refreshDisabledState();
+    this.refreshScrollPosition(table.container);
+    table.container.addEventListener("scroll", () => {
+      this.lastScrollTop = table.container.scrollTop;
+      this.lastScrollLeft = table.container.scrollLeft;
+    });
+  }
+  refreshScrollPosition(element) {
+    element.scroll({
+      top: this.lastScrollTop,
+      left: this.lastScrollLeft
+    });
+  }
+  refreshSortable(container) {
+    if (this.isSortable()) {
+      if (this.sortable) {
+        this.sortable.destroy();
+      }
+      this.sortable = window.Sortable.create(container, {
+        animation: 150,
+        handle: ".jedi-array-drag",
+        disabled: this.disabled || this.readOnly,
+        onEnd: (evt) => {
+          this.instance.move(evt.oldIndex, evt.newIndex);
+        }
+      });
+    }
+  }
+}
+class EditorArrayTableObject extends EditorArray {
+  static resolves(schema, refParser) {
+    let schemaItems = getSchemaItems(schema);
     if (!schemaItems) {
       return false;
     }
-    const expandedSchemaItems = refParser.expand(schemaItems);
-    const itemType = getSchemaType(expandedSchemaItems);
+    if (refParser) {
+      schemaItems = refParser.expand(schemaItems);
+    }
+    const itemType = getSchemaType(schemaItems);
     if (!itemType) {
       return false;
     }
-    return getSchemaType(schema) === "array" && itemType === "object" && getSchemaXOption(schema, "format") === "table";
+    return getSchemaType(schema) === "array" && itemType === "object" && getSchemaXOption(schema, "format") === "table-object";
   }
   addEventListeners() {
     this.control.addBtn.addEventListener("click", () => {
@@ -3760,9 +3866,11 @@ class EditorArrayTable extends EditorArray {
     });
     th.appendChild(label);
     table.thead.appendChild(th);
-    const schemaItems = getSchemaItems(this.instance.schema);
-    const expandedSchemaItems = this.instance.jedison.refParser.expand(schemaItems);
-    const itemProperties = getSchemaProperties(expandedSchemaItems);
+    let schemaItems = getSchemaItems(this.instance.schema);
+    if (this.instance.jedison.refParser) {
+      schemaItems = this.instance.jedison.refParser.expand(schemaItems);
+    }
+    const itemProperties = getSchemaProperties(schemaItems);
     Object.values(itemProperties).forEach((propertySchema) => {
       const th2 = this.theme.getTableHeader();
       if (propertySchema.title) {
@@ -4366,6 +4474,7 @@ class UiResolver {
       EditorObject,
       EditorArrayChoices,
       EditorArrayCheckboxes,
+      EditorArrayTableObject,
       EditorArrayTable,
       EditorArrayNav,
       EditorArray,