jedison 0.2.0 → 0.2.2

package/dist/esm/jedison.js

@@ -439,6 +439,33 @@ const Schema = {
   getSchemaUnevaluatedProperties,
   getSchemaUniqueItems
 };
+class SchemaGenerator {
+  static inferType(value) {
+    if (Array.isArray(value)) return "array";
+    if (value === null) return "null";
+    return typeof value;
+  }
+  static generate(obj) {
+    if (typeof obj !== "object" || obj === null) {
+      return { type: this.inferType(obj) };
+    }
+    if (Array.isArray(obj)) {
+      const itemSchemas = obj.map((item) => this.generate(item));
+      return {
+        type: "array",
+        items: itemSchemas.length ? itemSchemas[0] : {}
+      };
+    }
+    const properties2 = {};
+    for (const key in obj) {
+      properties2[key] = this.generate(obj[key]);
+    }
+    return {
+      type: "object",
+      properties: properties2
+    };
+  }
+}
 function allOf(context) {
   let errors = [];
   const allOf2 = getSchemaAllOf(context.schema);
@@ -1530,6 +1557,7 @@ class Validator {
     }
     if (isBoolean(schemaClone) && schemaClone === false) {
       return [{
+        type: "error",
         messages: ["invalid"],
         path
       }];
@@ -2071,8 +2099,9 @@ class Editor {
     }
     return this.description;
   }
-  getInfo() {
-    const schemaInfo = getSchemaXOption(this.instance.schema, "info");
+  getInfo(schema = null) {
+    const _schema = schema ?? this.instance.schema;
+    const schemaInfo = getSchemaXOption(_schema, "info");
     if (!isSet(schemaInfo)) {
       return schemaInfo;
     }
@@ -2814,6 +2843,7 @@ const fontAwesome3 = {
   delete: "icon-trash",
   add: "icon-plus",
   moveUp: "icon-arrow-up",
+  moveDown: "icon-arrow-down",
   collapse: "icon-chevron-down",
   expand: "icon-plus",
   drag: "icon-th",
@@ -3698,8 +3728,17 @@ class EditorArray extends Editor {
   }
 }
 class EditorArrayTable extends EditorArray {
-  static resolves(schema) {
-    return getSchemaType(schema) === "array" && getSchemaXOption(schema, "format") === "table";
+  static resolves(schema, refParser) {
+    const schemaItems = getSchemaItems(schema);
+    if (!schemaItems) {
+      return false;
+    }
+    const expandedSchemaItems = refParser.expand(schemaItems);
+    const itemType = getSchemaType(expandedSchemaItems);
+    if (!itemType) {
+      return false;
+    }
+    return getSchemaType(schema) === "array" && itemType === "object" && getSchemaXOption(schema, "format") === "table";
   }
   addEventListeners() {
     this.control.addBtn.addEventListener("click", () => {
@@ -3721,24 +3760,28 @@ class EditorArrayTable extends EditorArray {
     });
     th.appendChild(label);
     table.thead.appendChild(th);
-    const tempEditor = this.instance.createItemInstance();
-    const tableColMinWidth = getSchemaXOption(this.instance.schema, "tableColMinWidth");
-    tempEditor.children.forEach((child) => {
-      const itemTableColWidth = getSchemaXOption(child.schema, "tableColMinWidth");
-      const th2 = this.theme.getTableHeader({
-        minWidth: itemTableColWidth || tableColMinWidth || "auto"
-      });
-      if (child.ui.control.label && child.ui.control.description) {
-        th2.appendChild(child.ui.control.label);
-        child.ui.control.label.setAttribute("title", child.ui.control.description.textContent);
+    const schemaItems = getSchemaItems(this.instance.schema);
+    const expandedSchemaItems = this.instance.jedison.refParser.expand(schemaItems);
+    const itemProperties = getSchemaProperties(expandedSchemaItems);
+    Object.values(itemProperties).forEach((propertySchema) => {
+      const th2 = this.theme.getTableHeader();
+      if (propertySchema.title) {
+        const fakeLabel = this.theme.getFakeLabel({
+          content: propertySchema.title
+        });
+        th2.appendChild(fakeLabel.label);
       }
-      if (child.ui.control.legend && child.ui.control.description) {
-        th2.appendChild(child.ui.control.legend);
-        child.ui.control.legend.setAttribute("title", child.ui.control.description.textContent);
+      const schemaXInfo = getSchemaXOption(propertySchema, "info");
+      if (isSet(schemaXInfo)) {
+        const infoContent = this.getInfo(propertySchema);
+        const info = this.theme.getInfo(infoContent);
+        if (schemaXInfo.variant === "modal") {
+          this.theme.infoAsModal(info, this.getIdFromPath(this.instance.path), infoContent);
+        }
+        th2.appendChild(info.container);
       }
       table.thead.appendChild(th2);
     });
-    tempEditor.destroy();
     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) => {
@@ -3942,13 +3985,13 @@ class EditorArrayNav extends EditorArray {
       }
       const active = index2 === this.activeItemIndex;
       const id = pathToAttribute(child.path);
-      const { list } = this.theme.getTab({
+      const { list, arrayActions } = this.theme.getTab({
         hasErrors: child.children.some((grandChild) => grandChild.ui.showingValidationErrors),
         title: (titleTemplate == null ? void 0 : titleTemplate.length) ? titleTemplate : childTitle,
         id,
         active
       });
-      list.appendChild(btnGroup);
+      arrayActions.appendChild(btnGroup);
       list.addEventListener("click", () => {
         this.activeItemIndex = index2;
       });
@@ -4297,6 +4340,7 @@ class EditorArrayCheckboxes extends Editor {
 class UiResolver {
   constructor(options) {
     this.customEditors = options.customEditors ?? [];
+    this.refParser = options.refParser ?? null;
     this.editors = [
       EditorMultiple,
       EditorIfThenElse,
@@ -4330,12 +4374,12 @@ class UiResolver {
   }
   getClass(schema) {
     for (const editor of this.customEditors) {
-      if (editor.resolves(schema)) {
+      if (editor.resolves(schema, this.refParser)) {
         return editor;
       }
     }
     for (const editor of this.editors) {
-      if (editor.resolves(schema)) {
+      if (editor.resolves(schema, this.refParser)) {
         return editor;
       }
     }
@@ -4691,7 +4735,8 @@ class Jedison extends EventEmitter {
       this.isEditor = true;
     }
     this.uiResolver = new UiResolver({
-      customEditors: this.options.customEditors
+      customEditors: this.options.customEditors,
+      refParser: this.refParser
     });
     this.theme = this.options.theme;
     if (this.theme) {
@@ -5020,25 +5065,30 @@ class Jedison extends EventEmitter {
   }
   /**
    * Get an array of validation errors
-   * @param filters
+   * @param {string[]} filters - Types to include, e.g., ['errors', 'warnings']
    * @returns {*[]}
    */
-  getErrors(filters = {}) {
-    const finalOptions = Object.assign({
-      errors: true,
-      warnings: true
-    }, filters);
+  getErrors(filters = ["error"]) {
     let results = [];
     Object.keys(this.instances).forEach((key) => {
       const instance = this.instances[key];
       results = [...results, ...instance.getErrors()];
     });
-    if (finalOptions.results === false) {
-      results = results.filter((error) => error.type !== "error");
-    }
-    if (finalOptions.warnings === false) {
-      results = results.filter((error) => error.type !== "warning");
-    }
+    return results.filter((error) => {
+      return filters.includes(error.type.toLowerCase());
+    });
+  }
+  export() {
+    const results = [];
+    Object.keys(this.instances).forEach((key) => {
+      const instance = this.instances[key];
+      results.push({
+        path: instance.path ?? "-",
+        type: instance.schema.type ?? "-",
+        title: instance.ui.getTitle() ?? "-",
+        value: instance.getValue() ?? "-"
+      });
+    });
     return results;
   }
   /**
@@ -5054,7 +5104,7 @@ class Jedison extends EventEmitter {
     if (!this.options.container) {
       return false;
     }
-    const errors = errorsList || this.getErrors();
+    const errors = errorsList ?? this.getErrors();
     Object.keys(this.instances).forEach((key) => {
       const instance = this.instances[key];
       instance.ui.showValidationErrors(errors, true);
@@ -6563,11 +6613,16 @@ class Theme {
   getTab(config) {
     const list = document.createElement("li");
     const link = document.createElement("a");
+    const arrayActions = document.createElement("span");
+    const text = document.createElement("span");
     link.classList.add("jedi-nav-link");
     link.setAttribute("href", "#" + config.id);
-    link.textContent = config.hasErrors ? "⚠ " + config.title : config.title;
+    text.classList.add("jedi-nav-text");
+    text.textContent = config.hasErrors ? "⚠ " + config.title : config.title;
+    link.appendChild(arrayActions);
+    link.appendChild(text);
     list.appendChild(link);
-    return { list, link };
+    return { list, link, arrayActions, text };
   }
   /**
    * Wrapper for tabs
@@ -6889,6 +6944,7 @@ class ThemeBootstrap3 extends Theme {
   }
   getTab(config) {
     const tab = super.getTab(config);
+    tab.text.style.marginLeft = "15px";
     if (config.active) {
       tab.list.classList.add("active");
     }
@@ -7222,6 +7278,8 @@ class ThemeBootstrap4 extends Theme {
   getTab(config) {
     const tab = super.getTab(config);
     tab.list.classList.add("nav-item");
+    tab.list.classList.add("mb-3");
+    tab.text.classList.add("ml-3");
     tab.link.classList.add("nav-link");
     tab.link.setAttribute("data-toggle", "tab");
     if (config.active) {
@@ -7552,6 +7610,8 @@ class ThemeBootstrap5 extends Theme {
   getTab(config) {
     const tab = super.getTab(config);
     tab.list.classList.add("nav-item");
+    tab.list.classList.add("mb-3");
+    tab.text.classList.add("ms-3");
     tab.link.classList.add("nav-link");
     tab.link.setAttribute("data-bs-toggle", "tab");
     if (config.active) {
@@ -7664,7 +7724,8 @@ const index = {
   ThemeBootstrap4,
   ThemeBootstrap5,
   RefParser,
-  Create: Jedison
+  Create: Jedison,
+  SchemaGenerator
 };
 export {
   index as default