jupiter-dynamic-forms 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -527,14 +527,14 @@ class XBRLFormBuilder {
    * Build form schema from XBRL input data
    * Creates accordion sections for each presentation role
    */
-  static buildFormSchema(xbrlInput) {
+  static buildFormSchema(xbrlInput, periodStartDate, periodEndDate) {
     if (!xbrlInput.presentation || xbrlInput.presentation.length === 0) {
       throw new Error("XBRL presentation data is required");
     }
     const presentationData = xbrlInput.presentation[0];
     const sections = [];
     presentationData.roles.forEach((role) => {
-      const section = this.buildSectionFromRole(role);
+      const section = this.buildSectionFromRole(role, periodStartDate, periodEndDate);
       sections.push(section);
     });
     return {
@@ -548,13 +548,13 @@ class XBRLFormBuilder {
   /**
    * Build a form section from a presentation role
    */
-  static buildSectionFromRole(role) {
+  static buildSectionFromRole(role, periodStartDate, periodEndDate) {
     var _a;
     const title = this.extractRoleTitle(role.role);
     const conceptTrees = [];
     if ((_a = role.presentationLinkbase) == null ? void 0 : _a.concepts) {
       role.presentationLinkbase.concepts.forEach((concept) => {
-        const conceptTree = this.buildConceptTree(concept, 0);
+        const conceptTree = this.buildConceptTree(concept, 0, periodStartDate, periodEndDate);
         if (conceptTree) {
           conceptTrees.push(conceptTree);
         }
@@ -571,11 +571,11 @@ class XBRLFormBuilder {
   /**
    * Build concept tree from XBRL presentation concept
    */
-  static buildConceptTree(concept, level) {
+  static buildConceptTree(concept, level, periodStartDate, periodEndDate) {
     const label = this.getPreferredLabel(concept.labels);
     const fields = [];
     if (!concept.elementAbstract) {
-      const field = this.createFieldFromConcept(concept);
+      const field = this.createFieldFromConcept(concept, periodStartDate, periodEndDate);
       if (field) {
         fields.push(field);
       }
@@ -583,7 +583,7 @@ class XBRLFormBuilder {
     const children = [];
     if (concept.children && concept.children.length > 0) {
       concept.children.forEach((child) => {
-        const childTree = this.buildConceptTree(child, level + 1);
+        const childTree = this.buildConceptTree(child, level + 1, periodStartDate, periodEndDate);
         if (childTree) {
           children.push(childTree);
         }
@@ -604,10 +604,10 @@ class XBRLFormBuilder {
   /**
    * Create form field from XBRL concept
    */
-  static createFieldFromConcept(concept) {
+  static createFieldFromConcept(concept, periodStartDate, periodEndDate) {
     const fieldType = this.mapXBRLTypeToFieldType(concept.type);
     const label = this.getPreferredLabel(concept.labels);
-    return {
+    const field = {
       id: `${concept.id}_field`,
       conceptId: concept.id,
       columnId: "default",
@@ -620,6 +620,11 @@ class XBRLFormBuilder {
       disabled: concept.elementAbstract,
       defaultValue: null
     };
+    if (concept.periodType === "duration" || concept.periodType === "instant") {
+      field.periodStartDate = periodStartDate || "2025-01-01";
+      field.periodEndDate = periodEndDate || "2025-12-31";
+    }
+    return field;
   }
   /**
    * Map XBRL data type to form field type
@@ -1568,6 +1573,8 @@ let JupiterDynamicForm = class extends LitElement {
     this.initialData = {};
     this.disabled = false;
     this.readonly = false;
+    this.periodStartDate = "2025-01-01";
+    this.periodEndDate = "2025-12-31";
     this._formData = {};
     this._columns = [];
     this._errors = [];
@@ -1590,7 +1597,12 @@ let JupiterDynamicForm = class extends LitElement {
     if (this.xbrlInput) {
       try {
         console.log("🔄 Initializing form from XBRL input:", this.xbrlInput);
-        this._currentSchema = XBRLFormBuilder.buildFormSchema(this.xbrlInput);
+        console.log("📅 Using period dates:", this.periodStartDate, "to", this.periodEndDate);
+        this._currentSchema = XBRLFormBuilder.buildFormSchema(
+          this.xbrlInput,
+          this.periodStartDate,
+          this.periodEndDate
+        );
         console.log("✅ Generated schema with sections:", this._currentSchema.sections.length);
         this._columns = [
           {
@@ -1788,7 +1800,8 @@ let JupiterDynamicForm = class extends LitElement {
   }
   render() {
     const errorCount = this._errors.filter((e2) => e2.severity === "error").length;
-    const showValidationSummary = this.config.showValidationSummary !== false && errorCount > 0 && this._submitted;
+    const config = this.config || {};
+    const showValidationSummary = config.showValidationSummary !== false && errorCount > 0 && this._submitted;
     const schema = this._currentSchema;
     if (!schema) {
       return html`<div>Loading form...</div>`;
@@ -1804,12 +1817,12 @@ let JupiterDynamicForm = class extends LitElement {
         </div>
 
         <!-- Add Column Section -->
-        ${this.config.enableColumnManagement !== false ? html`
+        ${config.enableColumnManagement !== false ? html`
           <div class="add-column-container">
             <button 
               class="add-column-btn"
               @click="${this._addColumn}"
-              ?disabled="${this.disabled || this.readonly || this.config.maxColumns && this._columns.length >= this.config.maxColumns}"
+              ?disabled="${this.disabled || this.readonly || config.maxColumns && this._columns.length >= config.maxColumns}"
             >
               Add Dimension Column
             </button>
@@ -1837,8 +1850,8 @@ let JupiterDynamicForm = class extends LitElement {
               .columns="${this._columns}"
               .formData="${this._formData}"
               .disabled="${this.disabled || this.readonly}"
-              .collapsible="${this.config.collapsibleSections !== false}"
-              .locale="${this.config.locale || "en-US"}"
+              .collapsible="${config.collapsibleSections !== false}"
+              .locale="${config.locale || "en-US"}"
               @field-change="${this._handleFieldChange}"
               @section-expand="${this._handleSectionExpand}"
               @concept-expand="${this._handleConceptExpand}"
@@ -2043,6 +2056,12 @@ __decorateClass([
 __decorateClass([
   n2({ type: Boolean })
 ], JupiterDynamicForm.prototype, "readonly", 2);
+__decorateClass([
+  n2({ type: String })
+], JupiterDynamicForm.prototype, "periodStartDate", 2);
+__decorateClass([
+  n2({ type: String })
+], JupiterDynamicForm.prototype, "periodEndDate", 2);
 __decorateClass([
   r()
 ], JupiterDynamicForm.prototype, "_formData", 2);