jupiter-dynamic-forms 1.7.0 → 1.7.1

package/dist/core/add-column-dialog.d.ts

@@ -53,6 +53,7 @@ export declare class JupiterAddColumnDialog extends LitElement {
     private _handleMemberSelection;
     private _handleTypedValueChange;
     private _resetForm;
+    private _autoSelectSingleMemberDimensions;
     render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=add-column-dialog.d.ts.map

package/dist/core/add-column-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-column-dialog.d.ts","sourceRoot":"","sources":["../../src/core/add-column-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,WAAW,CAAC,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,sBAAuB,SAAQ,UAAU;IACxB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAc;IACzD,IAAI,UAAS;IACf,mBAAmB,EAAE,kBAAkB,EAAE,CAAM;IAEjE,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,aAAa,CAAsC;IAC3D,OAAO,CAAC,mBAAmB,CAA8C;IAElF,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAWzC,MAAM,CAAC,MAAM,0BA6OX;IAEF,iBAAiB;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOlD,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,yBAAyB;IAIjC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,uBAAuB;IAS/B,OAAO,CAAC,UAAU;IAUlB,MAAM;CA+JP"}
+{"version":3,"file":"add-column-dialog.d.ts","sourceRoot":"","sources":["../../src/core/add-column-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACrC,WAAW,CAAC,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBACa,sBAAuB,SAAQ,UAAU;IACxB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAc;IACzD,IAAI,UAAS;IACf,mBAAmB,EAAE,kBAAkB,EAAE,CAAM;IAEjE,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,aAAa,CAAsC;IAC3D,OAAO,CAAC,mBAAmB,CAA8C;IAElF,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAWzC,MAAM,CAAC,MAAM,0BAiQX;IAEF,iBAAiB;IAKjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOlD,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,yBAAyB;IAIjC,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,sBAAsB;IAqB9B,OAAO,CAAC,sBAAsB;IAU9B,OAAO,CAAC,uBAAuB;IAS/B,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,iCAAiC;IAkBzC,MAAM;CA0JP"}

package/dist/index.js

@@ -206,7 +206,7 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
       margin: 0;
       width: auto;
     }
-  `,k([w({type:Object})],exports.JupiterFormField.prototype,"field",2),k([w({type:String})],exports.JupiterFormField.prototype,"conceptId",2),k([w({type:String})],exports.JupiterFormField.prototype,"columnId",2),k([w()],exports.JupiterFormField.prototype,"value",2),k([w({type:Boolean})],exports.JupiterFormField.prototype,"disabled",2),k([w({type:String})],exports.JupiterFormField.prototype,"locale",2),k([w({type:Boolean})],exports.JupiterFormField.prototype,"hideLabel",2),k([C()],exports.JupiterFormField.prototype,"_errors",2),k([C()],exports.JupiterFormField.prototype,"_touched",2),exports.JupiterFormField=k([t("jupiter-form-field")],exports.JupiterFormField);var j=Object.defineProperty,L=Object.getOwnPropertyDescriptor,A=(e,t,i,o)=>{for(var r,n=o>1?void 0:o?L(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o?r(t,i,n):r(n))||n);return o&&n&&j(t,i,n),n};exports.JupiterConceptTree=class extends e.LitElement{constructor(){super(...arguments),this.columns=[],this.formData={},this.disabled=!1,this.locale="en-US",this.expandedConcepts=new Set,this._expanded=!0}connectedCallback(){super.connectedCallback(),this._expanded=this.expandedConcepts.has(this.concept.id)}willUpdate(e){super.willUpdate(e),e.has("expandedConcepts")&&(this._expanded=this.expandedConcepts.has(this.concept.id))}_toggleExpanded(){this._expanded=!this._expanded,this.dispatchEvent(new CustomEvent("concept-expand",{detail:{conceptId:this.concept.id,expanded:this._expanded},bubbles:!0}))}_getFieldForColumn(e){var t;return null==(t=this.concept.fields)?void 0:t.find(t=>t.columnId===e)}_getFieldValue(e){var t;return null==(t=this.formData[this.concept.id])?void 0:t[e.columnId]}_handleFieldChange(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("field-change",{detail:e.detail,bubbles:!0}))}render(){const t=this.concept.children&&this.concept.children.length>0,i=this.concept.level||0,o=this.concept.abstract||!1;return e.html`
+  `,k([w({type:Object})],exports.JupiterFormField.prototype,"field",2),k([w({type:String})],exports.JupiterFormField.prototype,"conceptId",2),k([w({type:String})],exports.JupiterFormField.prototype,"columnId",2),k([w()],exports.JupiterFormField.prototype,"value",2),k([w({type:Boolean})],exports.JupiterFormField.prototype,"disabled",2),k([w({type:String})],exports.JupiterFormField.prototype,"locale",2),k([w({type:Boolean})],exports.JupiterFormField.prototype,"hideLabel",2),k([C()],exports.JupiterFormField.prototype,"_errors",2),k([C()],exports.JupiterFormField.prototype,"_touched",2),exports.JupiterFormField=k([t("jupiter-form-field")],exports.JupiterFormField);var j=Object.defineProperty,L=Object.getOwnPropertyDescriptor,R=(e,t,i,o)=>{for(var r,n=o>1?void 0:o?L(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o?r(t,i,n):r(n))||n);return o&&n&&j(t,i,n),n};exports.JupiterConceptTree=class extends e.LitElement{constructor(){super(...arguments),this.columns=[],this.formData={},this.disabled=!1,this.locale="en-US",this.expandedConcepts=new Set,this._expanded=!0}connectedCallback(){super.connectedCallback(),this._expanded=this.expandedConcepts.has(this.concept.id)}willUpdate(e){super.willUpdate(e),e.has("expandedConcepts")&&(this._expanded=this.expandedConcepts.has(this.concept.id))}_toggleExpanded(){this._expanded=!this._expanded,this.dispatchEvent(new CustomEvent("concept-expand",{detail:{conceptId:this.concept.id,expanded:this._expanded},bubbles:!0}))}_getFieldForColumn(e){var t;return null==(t=this.concept.fields)?void 0:t.find(t=>t.columnId===e)}_getFieldValue(e){var t;return null==(t=this.formData[this.concept.id])?void 0:t[e.columnId]}_handleFieldChange(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("field-change",{detail:e.detail,bubbles:!0}))}render(){const t=this.concept.children&&this.concept.children.length>0,i=this.concept.level||0,o=this.concept.abstract||!1;return e.html`
       <!-- Concept Name Cell (Left Column) -->
       <td class="concept-name-cell ${o?"abstract":t?"":"leaf"}">
         <div class="concept-content" style="--level: ${i}">
@@ -342,13 +342,11 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
     }
 
 
-  `,A([w({type:Object})],exports.JupiterConceptTree.prototype,"concept",2),A([w({type:Array})],exports.JupiterConceptTree.prototype,"columns",2),A([w({type:Object})],exports.JupiterConceptTree.prototype,"formData",2),A([w({type:Boolean})],exports.JupiterConceptTree.prototype,"disabled",2),A([w({type:String})],exports.JupiterConceptTree.prototype,"locale",2),A([w({type:Set})],exports.JupiterConceptTree.prototype,"expandedConcepts",2),A([C()],exports.JupiterConceptTree.prototype,"_expanded",2),exports.JupiterConceptTree=A([t("jupiter-concept-tree")],exports.JupiterConceptTree);var R=Object.defineProperty,M=Object.getOwnPropertyDescriptor,P=(e,t,i,o)=>{for(var r,n=o>1?void 0:o?M(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o?r(t,i,n):r(n))||n);return o&&n&&R(t,i,n),n};exports.JupiterAddColumnDialog=class extends e.LitElement{constructor(){super(...arguments),this.periodType="duration",this.open=!1,this.availableDimensions=[],this._startDate="",this._endDate="",this._instantDate="",this._selectedType="duration",this._selectedDimensions=new Map}updated(e){e.has("open")&&this.open&&this._resetForm(),e.has("availableDimensions")&&console.log(`🎯 Add Column Dialog received ${this.availableDimensions.length} dimensions:`,this.availableDimensions.map(e=>e.axisLabel))}connectedCallback(){super.connectedCallback(),this._resetForm()}willUpdate(e){super.willUpdate(e),e.has("open")&&this.open&&this._resetForm()}_handleCancel(){this.open=!1,this.dispatchEvent(new CustomEvent("dialog-cancel",{bubbles:!0}))}_handleConfirm(){if(!this._isFormValid())return;const e={periodType:"mixed"===this.periodType?this._selectedType:this.periodType};"instant"===this.periodType||"mixed"===this.periodType&&"instant"===this._selectedType?e.instantDate=this._instantDate:(e.startDate=this._startDate,e.endDate=this._endDate),this._selectedDimensions.size>0&&(e.selectedDimensions=Array.from(this._selectedDimensions.values())),this.dispatchEvent(new CustomEvent("column-add",{detail:e,bubbles:!0}))}_isFormValid(){return"mixed"===this.periodType?"instant"===this._selectedType?!!this._instantDate:!!this._startDate&&!!this._endDate&&this._startDate<=this._endDate:"duration"===this.periodType?!!this._startDate&&!!this._endDate&&this._startDate<=this._endDate:"instant"===this.periodType&&!!this._instantDate}_handleStartDateChange(e){this._startDate=e.target.value}_handleEndDateChange(e){this._endDate=e.target.value}_handleSelectedTypeChange(e){this._selectedType=e.target.value}_handleInstantDateChange(e){this._instantDate=e.target.value}_handleDimensionToggle(e,t){if(t.target.checked){const t=this.availableDimensions.find(t=>t.id===e);if(t){const i={axisId:t.id,axisLabel:t.axisLabel,isTyped:!(!t.typedMember||t.members&&0!==t.members.length)};this._selectedDimensions.set(e,i)}}else this._selectedDimensions.delete(e);this.requestUpdate()}_handleMemberSelection(e,t,i){const o=this._selectedDimensions.get(e);o&&(o.memberId=t,o.memberLabel=i,this._selectedDimensions.set(e,o),this.requestUpdate())}_handleTypedValueChange(e,t){const i=t.target,o=this._selectedDimensions.get(e);o&&(o.typedValue=i.value,this._selectedDimensions.set(e,o))}_resetForm(){const e=(new Date).toISOString().split("T")[0];this._startDate=e,this._endDate=e,this._instantDate=e,this._selectedType="instant"===this.periodType?"instant":"duration",this._selectedDimensions.clear(),this.requestUpdate()}render(){if(!this.open)return e.html``;const t=this._isFormValid();return e.html`
+  `,R([w({type:Object})],exports.JupiterConceptTree.prototype,"concept",2),R([w({type:Array})],exports.JupiterConceptTree.prototype,"columns",2),R([w({type:Object})],exports.JupiterConceptTree.prototype,"formData",2),R([w({type:Boolean})],exports.JupiterConceptTree.prototype,"disabled",2),R([w({type:String})],exports.JupiterConceptTree.prototype,"locale",2),R([w({type:Set})],exports.JupiterConceptTree.prototype,"expandedConcepts",2),R([C()],exports.JupiterConceptTree.prototype,"_expanded",2),exports.JupiterConceptTree=R([t("jupiter-concept-tree")],exports.JupiterConceptTree);var A=Object.defineProperty,M=Object.getOwnPropertyDescriptor,P=(e,t,i,o)=>{for(var r,n=o>1?void 0:o?M(t,i):t,s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o?r(t,i,n):r(n))||n);return o&&n&&A(t,i,n),n};exports.JupiterAddColumnDialog=class extends e.LitElement{constructor(){super(...arguments),this.periodType="duration",this.open=!1,this.availableDimensions=[],this._startDate="",this._endDate="",this._instantDate="",this._selectedType="duration",this._selectedDimensions=new Map}updated(e){e.has("open")&&this.open&&this._resetForm(),e.has("availableDimensions")&&console.log(`🎯 Add Column Dialog received ${this.availableDimensions.length} dimensions:`,this.availableDimensions.map(e=>e.axisLabel))}connectedCallback(){super.connectedCallback(),this._resetForm()}willUpdate(e){super.willUpdate(e),e.has("open")&&this.open&&this._resetForm()}_handleCancel(){this.open=!1,this.dispatchEvent(new CustomEvent("dialog-cancel",{bubbles:!0}))}_handleConfirm(){if(!this._isFormValid())return;const e={periodType:"mixed"===this.periodType?this._selectedType:this.periodType};"instant"===this.periodType||"mixed"===this.periodType&&"instant"===this._selectedType?e.instantDate=this._instantDate:(e.startDate=this._startDate,e.endDate=this._endDate),this._selectedDimensions.size>0&&(e.selectedDimensions=Array.from(this._selectedDimensions.values())),this.dispatchEvent(new CustomEvent("column-add",{detail:e,bubbles:!0}))}_isFormValid(){return"mixed"===this.periodType?"instant"===this._selectedType?!!this._instantDate:!!this._startDate&&!!this._endDate&&this._startDate<=this._endDate:"duration"===this.periodType?!!this._startDate&&!!this._endDate&&this._startDate<=this._endDate:"instant"===this.periodType&&!!this._instantDate}_handleStartDateChange(e){this._startDate=e.target.value}_handleEndDateChange(e){this._endDate=e.target.value}_handleSelectedTypeChange(e){this._selectedType=e.target.value}_handleInstantDateChange(e){this._instantDate=e.target.value}_handleDimensionToggle(e,t){if(t.target.checked){const t=this.availableDimensions.find(t=>t.id===e);if(t){const i={axisId:t.id,axisLabel:t.axisLabel,isTyped:!(!t.typedMember||t.members&&0!==t.members.length)};this._selectedDimensions.set(e,i)}}else this._selectedDimensions.delete(e);this.requestUpdate()}_handleMemberSelection(e,t,i){const o=this._selectedDimensions.get(e);o&&(o.memberId=t,o.memberLabel=i,this._selectedDimensions.set(e,o),this.requestUpdate())}_handleTypedValueChange(e,t){const i=t.target,o=this._selectedDimensions.get(e);o&&(o.typedValue=i.value,this._selectedDimensions.set(e,o))}_resetForm(){const e=(new Date).toISOString().split("T")[0];this._startDate=e,this._endDate=e,this._instantDate=e,this._selectedType="instant"===this.periodType?"instant":"duration",this._selectedDimensions.clear(),this._autoSelectSingleMemberDimensions(),this.requestUpdate()}_autoSelectSingleMemberDimensions(){this.availableDimensions.forEach(e=>{if(e.members&&1===e.members.length){const t=e.members[0],i={axisId:e.id,axisLabel:e.axisLabel,memberId:t.id,memberLabel:t.label,isTyped:!1};this._selectedDimensions.set(e.id,i),console.log(`🎯 Auto-selected single member: ${e.axisLabel} -> ${t.label}`)}})}render(){if(!this.open)return e.html``;const t=this._isFormValid();return e.html`
       <div class="dialog" @click="${e=>e.stopPropagation()}">
         <div class="dialog-header">
           <h2 class="dialog-title">Add Column</h2>
-          <p class="dialog-description">
-            ${"instant"===this.periodType?"Add a new instant period column by specifying the date.":"duration"===this.periodType?"Add a new duration period column by specifying the start and end dates.":"This section contains both instant and duration concepts. Choose the type of column to add."}
-          </p>
+
         </div>
 
         <div class="dialog-content">
@@ -379,25 +377,27 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
               />
             </div>
           `:e.html`
-            <div class="form-group">
-              <label class="form-label required">Start Period Date</label>
-              <input 
-                type="date" 
-                class="form-input"
-                .value="${this._startDate}"
-                @change="${this._handleStartDateChange}"
-                required
-              />
-            </div>
-            <div class="form-group">
-              <label class="form-label required">End Period Date</label>
-              <input 
-                type="date" 
-                class="form-input"
-                .value="${this._endDate}"
-                @change="${this._handleEndDateChange}"
-                required
-              />
+            <div class="form-group date-row">
+              <div class="date-field">
+                <label class="form-label required">Start Period Date</label>
+                <input 
+                  type="date" 
+                  class="form-input"
+                  .value="${this._startDate}"
+                  @change="${this._handleStartDateChange}"
+                  required
+                />
+              </div>
+              <div class="date-field">
+                <label class="form-label required">End Period Date</label>
+                <input 
+                  type="date" 
+                  class="form-input"
+                  .value="${this._endDate}"
+                  @change="${this._handleEndDateChange}"
+                  required
+                />
+              </div>
             </div>
           `}
 
@@ -511,9 +511,12 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
       padding: 24px;
       min-width: 400px;
       max-width: 500px;
+      max-height: 90vh;
       box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
       transform: scale(0.9);
       transition: transform 0.3s ease;
+      display: flex;
+      flex-direction: column;
     }
 
     :host([open]) .dialog {
@@ -522,6 +525,7 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
 
     .dialog-header {
       margin-bottom: 20px;
+      flex-shrink: 0;
     }
 
     .dialog-title {
@@ -539,12 +543,24 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
 
     .dialog-content {
       margin-bottom: 24px;
+      flex: 1;
+      overflow-y: auto;
+      max-height: calc(90vh - 160px);
     }
 
     .form-group {
       margin-bottom: 16px;
     }
 
+    .form-group.date-row {
+      display: flex;
+      gap: 12px;
+    }
+
+    .form-group.date-row .date-field {
+      flex: 1;
+    }
+
     .form-label {
       display: block;
       font-weight: 500;
@@ -584,6 +600,10 @@ const I={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:x},D=(e=I,t,
       display: flex;
       gap: 12px;
       justify-content: flex-end;
+      flex-shrink: 0;
+      border-top: 1px solid var(--jupiter-border-color, #ddd);
+      padding-top: 16px;
+      margin-top: 16px;
     }
 
     .btn {