jupiter-dynamic-forms 1.15.0 → 1.15.2

package/dist/index.mjs

@@ -3073,18 +3073,29 @@ let JupiterFormField = class extends LitElement {
     if (availableUnits.length === 0) {
       return;
     }
-    if (!this.unit) {
-      this._xbrlErrors = [
-        ...this._xbrlErrors,
-        {
-          type: "unit",
-          message: I18n.t("validation.unitRequired"),
-          expectedValue: availableUnits.map((u2) => u2.label).join(", "),
-          actualValue: ""
-        }
-      ];
-      console.log(`❌ [FormField] Unit validation failed for ${this.conceptId}: unit is required but not selected`);
+    if (this.unit)
+      return;
+    const defaultUnit = availableUnits.find((u2) => u2.isDefault === true) ?? (availableUnits.length === 1 ? availableUnits[0] : null);
+    if (defaultUnit) {
+      this.unit = defaultUnit.id;
+      this.dispatchEvent(new CustomEvent("unit-change", {
+        detail: { fieldId: this.field.id, conceptId: this.conceptId, columnId: this.columnId, unit: this.unit },
+        bubbles: true,
+        composed: true
+      }));
+      console.log(`🎯 [FormField] Auto-selected default unit on blur: ${this.unit} for ${this.conceptId}`);
+      return;
     }
+    this._xbrlErrors = [
+      ...this._xbrlErrors,
+      {
+        type: "unit",
+        message: I18n.t("validation.unitRequired"),
+        expectedValue: availableUnits.map((u2) => u2.label).join(", "),
+        actualValue: ""
+      }
+    ];
+    console.log(`❌ [FormField] Unit validation failed for ${this.conceptId}: unit is required but not selected`);
   }
   _handlePeriodIconClick() {
     this._availableUnits = this._collectUnitsForConceptType();
@@ -3512,7 +3523,7 @@ let JupiterFormField = class extends LitElement {
     }
     const hasUserValue = this.value !== null && this.value !== void 0;
     const effectiveValue = isPredefinedValue ? this.masterData[baseConceptId] : hasUserValue ? this.value : factValue;
-    const effectiveDisabled = isPredefinedValue || this.disabled;
+    const effectiveDisabled = isPredefinedValue || this.disabled || this.mode === "readonly";
     return html`
       <div class="field-container">
         ${showLabel ? html`
@@ -3524,9 +3535,9 @@ let JupiterFormField = class extends LitElement {
         <div class="field-wrapper">
           ${this._renderInput(effectiveValue, effectiveDisabled)}
           
-          ${hasPeriodControl ? html`
-            <button 
-              class="period-icon-btn" 
+          ${hasPeriodControl && this.mode !== "readonly" ? html`
+            <button
+              class="period-icon-btn"
               type="button"
               @click="${this._handlePeriodIconClick}"
               title="Edit period"
@@ -4978,6 +4989,20 @@ let JupiterFormSection = class extends LitElement {
     }
     return result;
   }
+  /**
+   * Returns true when every column cell for a concept has no value.
+   * Used in readonly mode to hide fully-blank rows.
+   */
+  _isConceptRowBlank(concept) {
+    var _a;
+    for (const column2 of this.columns) {
+      const value = (_a = this.formData[concept.id]) == null ? void 0 : _a[column2.id];
+      if (value !== null && value !== void 0 && value !== "") {
+        return false;
+      }
+    }
+    return true;
+  }
   _getAllConceptIds(concepts) {
     const result = [];
     for (const concept of concepts) {
@@ -5109,24 +5134,25 @@ let JupiterFormSection = class extends LitElement {
                       ` : ""}
                     </div>
                     
-                    <!-- Column menu icon (3 vertical dots) -->
-                    <div 
+                    <!-- Column menu icon (hidden in readonly mode) -->
+                    ${this.mode !== "readonly" ? html`
+                    <div
                       class="column-menu-icon"
                       @click="${(e2) => this._toggleColumnMenu(column2.id, e2)}"
                       title="${I18n.t("column.columnOptions")}"
                     >⋮</div>
-                    
+
                     <!-- Context menu -->
                     ${this._openMenuColumnId === column2.id ? html`
                       <div class="column-context-menu">
-                        <button 
+                        <button
                           class="column-context-menu-item"
                           @click="${(e2) => this._handleAddColumnFromMenu(column2.id, e2)}"
                         >
                           ${I18n.t("column.addColumn")}
                         </button>
                         ${column2.removable ? html`
-                          <button 
+                          <button
                             class="column-context-menu-item remove"
                             @click="${(e2) => {
         e2.stopPropagation();
@@ -5138,13 +5164,14 @@ let JupiterFormSection = class extends LitElement {
                         ` : ""}
                       </div>
                     ` : ""}
+                    ` : ""}
                   </th>
                 `;
     })}
               </tr>
             </thead>
             <tbody class="table-body">
-              ${this._flattenConcepts(this.section.concepts, this._expandedConcepts).map((concept) => html`
+              ${this._flattenConcepts(this.section.concepts, this._expandedConcepts).filter((concept) => this.mode !== "readonly" || !this._isConceptRowBlank(concept)).map((concept) => html`
                 <tr>
                   <jupiter-concept-tree
                     .concept="${concept}"
@@ -5765,13 +5792,9 @@ let JupiterFilterRolesDialog = class extends LitElement {
     }));
   }
   _handleApply() {
-    const currentlySelected = Array.from(this._tempSelectedRoles);
-    const orderedByOriginal = currentlySelected.sort((a2, b2) => {
-      const indexA = this.availableRoles.findIndex((r2) => r2.id === a2);
-      const indexB = this.availableRoles.findIndex((r2) => r2.id === b2);
-      return indexA - indexB;
-    });
-    this._chosenRoleOrder = orderedByOriginal;
+    const orderedSelected = this._chosenRoleOrder.filter((id) => this._tempSelectedRoles.has(id));
+    const notInOrder = Array.from(this._tempSelectedRoles).filter((id) => !this._chosenRoleOrder.includes(id));
+    this._chosenRoleOrder = [...orderedSelected, ...notInOrder];
     const orderedRolesWithMetadata = this._chosenRoleOrder.map((roleId, index) => {
       var _a;
       const role = this.availableRoles.find((r2) => r2.id === roleId);
@@ -7197,6 +7220,7 @@ let JupiterDynamicForm = class extends LitElement {
         console.log("🌐 Using language:", this.language);
         this._initializePeriodPreferencesFromData();
         this._applyAxisFilterToPeriodPreferences();
+        this._applyDimensionShowPreviousYear();
         console.log("⚙️ Using period preferences:", this._periodPreferences);
         this._currentSchema = XBRLFormBuilder.buildFormSchema(
           this.xbrlInput,
@@ -7537,6 +7561,41 @@ let JupiterDynamicForm = class extends LitElement {
     }
     this._periodPreferences = preferences;
   }
+  /**
+   * In admin mode, auto-enables showPreviousYear for roles that have at least one dimension
+   * member selected (from roleFilterAxes defaults). This ensures such roles render with a
+   * minimum of two columns (current + previous year) on fresh initialization.
+   *
+   * Skipped when form state is being restored from external props or localStorage so that
+   * the user's previously saved preferences are not overridden.
+   */
+  _applyDimensionShowPreviousYear() {
+    var _a, _b;
+    if (this.mode !== "admin")
+      return;
+    const hasExternalState = !!(this.dynaformsFacts && this.dynaformsMetadata);
+    const hasLocalDraft = ((_a = this._draftStorageService) == null ? void 0 : _a.hasDraft()) ?? false;
+    if (hasExternalState || hasLocalDraft)
+      return;
+    const updated = { ...this._periodPreferences };
+    let changed = false;
+    for (const roleId of Object.keys(updated)) {
+      const prefs = updated[roleId];
+      if (prefs.showPreviousYear)
+        continue;
+      const hasDimensionMembers = ((_b = prefs.dimensionSelections) == null ? void 0 : _b.some(
+        (ds) => ds.selectedMemberIds && ds.selectedMemberIds.length > 0
+      )) ?? false;
+      if (hasDimensionMembers) {
+        updated[roleId] = { ...prefs, showPreviousYear: true };
+        changed = true;
+        console.log(`📅 [JDF-010] Auto-enabled showPreviousYear for role "${roleId}" (has dimension members)`);
+      }
+    }
+    if (changed) {
+      this._periodPreferences = updated;
+    }
+  }
   /**
    * Helper method to extract roleIds from _selectedRoleIds
    * Handles both legacy string[] and enhanced object[] structure
@@ -9684,6 +9743,32 @@ let JupiterDynamicForm = class extends LitElement {
   _toggleSidePanelCollapse() {
     this._sidePanelCollapsed = !this._sidePanelCollapsed;
   }
+  /**
+   * Returns true when every non-abstract concept row in the section has no value
+   * in any column. Used in readonly mode to hide fully-blank sections.
+   */
+  _isSectionBlank(section2) {
+    const columns = section2.columns || this._columns;
+    const hasValue = (concepts) => {
+      var _a;
+      for (const concept of concepts) {
+        if (!concept.abstract) {
+          for (const column2 of columns) {
+            const value = (_a = this._formData[concept.id]) == null ? void 0 : _a[column2.id];
+            if (value !== null && value !== void 0 && value !== "") {
+              return true;
+            }
+          }
+        }
+        if (concept.children && concept.children.length > 0) {
+          if (hasValue(concept.children))
+            return true;
+        }
+      }
+      return false;
+    };
+    return !hasValue(section2.concepts);
+  }
   _filterSidePanelSections(sections) {
     if (!this._sidePanelSearchQuery.trim()) {
       return sections;
@@ -10076,7 +10161,7 @@ let JupiterDynamicForm = class extends LitElement {
             <p>${I18n.t("filter.selectRoles")}</p>
             <p>${I18n.t("filter.roles")}: ${this._allSections.length}</p>
           </div>
-        ` : schema.sections.map((section2, index) => {
+        ` : (this.mode === "readonly" ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections).map((section2, index) => {
       var _a;
       return html`
           <jupiter-form-section
@@ -10113,7 +10198,7 @@ let JupiterDynamicForm = class extends LitElement {
   }
   _renderSidePanelLayout(schema, config, showValidationSummary, errorCount) {
     var _a;
-    const visibleSections = schema.sections;
+    const visibleSections = this.mode === "readonly" ? schema.sections.filter((s2) => !this._isSectionBlank(s2)) : schema.sections;
     const filteredSections = this._filterSidePanelSections(visibleSections);
     if (!this._activeSidePanelRoleId || !filteredSections.find((s2) => s2.id === this._activeSidePanelRoleId)) {
       this._activeSidePanelRoleId = filteredSections.length > 0 ? filteredSections[0].id : null;
@@ -10290,7 +10375,8 @@ let JupiterDynamicForm = class extends LitElement {
         <!-- Form Content -->
         ${this.display === "sidePanel" ? this._renderSidePanelLayout(schema, config, showValidationSummary, errorCount) : this._renderAccordionLayout(schema, config, showValidationSummary, errorCount)}
 
-        <!-- Form Actions - Fixed Footer -->
+        <!-- Form Actions - Fixed Footer (hidden in readonly mode) -->
+        ${this.mode !== "readonly" ? html`
         <div class="form-actions">
           <!-- Filter Roles Button (shown when more than 10 roles) -->
           ${this._shouldShowFilterButton() ? html`
@@ -10325,8 +10411,8 @@ let JupiterDynamicForm = class extends LitElement {
             ${this.submitButtonLabel || I18n.t("form.submit")}
           </button>
 
-         
         </div>
+        ` : ""}
 
         <!-- Filter Roles Dialog -->
         ${this._showFilterDialog ? html`