@sisense/sdk-ui 1.29.0 → 1.30.0

package/dist/{widget-composer-DyY3yi_b.cjs → widget-composer-CdxKUwZf.cjs}

@@ -1,4 +1,4 @@
-"use strict";var B=Object.defineProperty;var C=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var D=(e,t,r)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))R.call(t,r)&&D(e,r,t[r]);if(C)for(var r of C(t))Y.call(t,r)&&D(e,r,t[r]);return e};const o=require("./derive-chart-family-DWCXp57c.cjs");class W extends o.DimensionalElement{constructor(t,r){var a;super((a=t.jaql.title)!==null&&a!==void 0?a:"",r),this.expression=t.jaql.dim||t.jaql.formula,this.metadataItem=t,t.jaql.agg?this.aggregation=t.jaql.agg:delete this.aggregation,t.jaql.formula?this.formula=t.jaql.formula:delete this.formula,t.jaql.sort?this.sortType=o.getSortType(t.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(){return this.metadataItem}}const z={text:o.MetadataTypes.TextAttribute,numeric:o.MetadataTypes.NumericAttribute,datetime:o.MetadataTypes.DateLevel};function Q(e){var t;return new W(e,(t=z[e.jaql.datatype])!==null&&t!==void 0?t:"numeric")}const K={jaql:{datasource:{title:""},metadata:[]},widgetProps:void 0,queryTitle:"",chartRecommendations:{}},U={model:"",metadata:[],chart:{},queryTitle:""},J=e=>"widgetProps"in e,L=e=>"dashboardOid"in e&&"widgetOid"in e;function V(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function X(e){return e.charAt(0).toUpperCase()+e.slice(1)}function H(e){const t=/\[(.+?)\s\(Calendar\)\]/;return e.replace(t,"[$1]").trim()}function Z(e){if(e)if(e.metadata){if(!e.model)throw new o.TranslatableError("errors.missingModelTitle")}else throw new o.TranslatableError("errors.missingMetadata");else throw new o.TranslatableError("errors.emptyModel");return e}function G(e){return!e||!e.jaql.datasource.title||!e.jaql.metadata.length}function $(e){if(![...o.ALL_CHART_TYPES,"pivot","pivot2"].includes(e))throw new o.TranslatableError("errors.chartTypeNotSupported",{chartType:e})}function ee(e){return"widgetType"in e&&e.widgetType==="pivot"}function x(e){const t="measures"in e&&m(e.measures)||"values"in e&&m(e.values);return ee(e)?"values"in e.dataOptions&&m(e.dataOptions.values):"chartType"in e?e.chartType==="scatter"?"x"in e.dataOptions&&"y"in e.dataOptions&&(e.dataOptions.x!==void 0||e.dataOptions.y!==void 0):e.chartType==="scattermap"?"geo"in e.dataOptions&&m(e.dataOptions.geo):"value"in e.dataOptions&&m(e.dataOptions.value):t}function m(e){return Array.isArray(e)&&e.length>0}function te(e){const t=e.split(`
+"use strict";var B=Object.defineProperty;var w=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var D=(e,t,r)=>t in e?B(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,y=(e,t)=>{for(var r in t||(t={}))R.call(t,r)&&D(e,r,t[r]);if(w)for(var r of w(t))U.call(t,r)&&D(e,r,t[r]);return e};const o=require("./derive-chart-family-Bmg9hQGc.cjs");class W extends o.DimensionalElement{constructor(t,r){var a;super((a=t.jaql.title)!==null&&a!==void 0?a:"",r),this.expression=t.jaql.dim||t.jaql.formula,this.metadataItem=t,t.jaql.agg?this.aggregation=t.jaql.agg:delete this.aggregation,t.jaql.formula?this.formula=t.jaql.formula:delete this.formula,t.jaql.sort?this.sortType=o.getSortType(t.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(){return this.metadataItem}}const Y={text:o.MetadataTypes.TextAttribute,numeric:o.MetadataTypes.NumericAttribute,datetime:o.MetadataTypes.DateLevel};function Q(e){var t;return new W(e,(t=Y[e.jaql.datatype])!==null&&t!==void 0?t:"numeric")}const z={jaql:{datasource:{title:""},metadata:[]},widgetProps:void 0,queryTitle:"",chartRecommendations:{}},K={model:"",metadata:[],chart:{},queryTitle:""},J=e=>"widgetProps"in e,L=e=>"dashboardOid"in e&&"widgetOid"in e;function V(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function X(e){return e.charAt(0).toUpperCase()+e.slice(1)}function H(e){const t=/\[(.+?)\s\(Calendar\)\]/;return e.replace(t,"[$1]").trim()}function Z(e){if(e)if(e.metadata){if(!e.model)throw new o.TranslatableError("errors.missingModelTitle")}else throw new o.TranslatableError("errors.missingMetadata");else throw new o.TranslatableError("errors.emptyModel");return e}function G(e){return!e||!e.jaql.datasource.title||!e.jaql.metadata.length}function $(e){if(![...o.ALL_CHART_TYPES,"pivot","pivot2"].includes(e))throw new o.TranslatableError("errors.chartTypeNotSupported",{chartType:e})}function ee(e){return"widgetType"in e&&e.widgetType==="pivot"}function x(e){const t="measures"in e&&p(e.measures)||"values"in e&&p(e.values);return ee(e)?"values"in e.dataOptions&&p(e.dataOptions.values):"chartType"in e?e.chartType==="scatter"?"x"in e.dataOptions&&"y"in e.dataOptions&&(e.dataOptions.x!==void 0||e.dataOptions.y!==void 0):e.chartType==="scattermap"?"geo"in e.dataOptions&&p(e.dataOptions.geo):"value"in e.dataOptions&&p(e.dataOptions.value):t}function p(e){return Array.isArray(e)&&e.length>0}function te(e){const t=e.split(`
 `);for(let r=0;r<t.length-1;r++)if(t[r].trim()===""){const a=t[r+1].trim();if(a.startsWith("import *")||a.startsWith("import {")){t.splice(r,1);break}}return t.join(`
 `)}const re={react:{baseChartTmpl:`import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}
@@ -99,7 +99,7 @@ const CodeExample = () => {
       return <div>Error: {error.message}</div>;
     }
     if (data) {
-      return <div>Total Rows: {data.rows.length}</div>;
+      return <div>Total Rows: {data.table.rows.length}</div>;
     }
 
     return null;
@@ -119,11 +119,13 @@ export default function CodeExample() {
     />
   );
 }`},angular:{baseChartTmpl:`import { Component } from '@angular/core';
+import { SdkUiModule, type ChartDataOptions } from '@sisense/sdk-ui-angular';
 {{extraImportsString}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
 @Component({
     selector: 'code-example',
+    imports: [SdkUiModule],
     template: \`
       <csdk-chart-widget
         chartType='{{chartTypeString}}'
@@ -135,12 +137,14 @@ import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 })
 export class CodeExample {
     DM = DM;
-    dataOptions = {{dataOptionsString}};
+    dataOptions: ChartDataOptions = {{dataOptionsString}};
     filters = {{filtersString}};
 }`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",widgetByIdTmpl:`import { Component } from '@angular/core';
+import { SdkUiModule } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
+  imports: [SdkUiModule],
   template: \`
     <csdk-widget-by-id
       [widgetOid]="widgetOid"
@@ -155,11 +159,13 @@ export class CodeExample {
   dashboardOid = "{{dashboardOid}}";
   includeDashboardFilters = true;
 }`,executeQueryByWidgetIdTmpl:`import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { QueryService } from '@sisense/sdk-ui-angular';
 import { type QueryResultData } from '@sisense/sdk-data';
 
 @Component({
   selector: 'code-example',
+  imports: [CommonModule],
   template: \`<div>
     <div *ngIf="errorMessage">Error: {{ errorMessage }}</div>
     <div *ngIf="!errorMessage">Total Rows: {{ queryResult.rows.length }}</div>
@@ -188,6 +194,7 @@ export class CodeExample {
     }
 }
 `,executeQueryTmpl:`import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
 {{extraImportsString}}
 import { type QueryResultData } from '@sisense/sdk-data';
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
@@ -195,6 +202,7 @@ import { QueryService } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
+  imports: [CommonModule],
   template: \`<div>
     <div *ngIf="errorMessage">Error: {{ errorMessage }}</div>
     <div *ngIf="!errorMessage">Total Rows: {{ queryResult.rows.length }}</div>
@@ -295,6 +303,6 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
 `,r+=" ".repeat(t),r+=`  {
 `,Object.entries(e.context).forEach(([a,s])=>{const i=o.normalizeAttributeName(s.table||O,s.column||O,void 0,"DM");r+=" ".repeat(t),r+=`    '${a.slice(1,-1)}': ${i},
 `}),r+=" ".repeat(t),r+=`  }
-`,r+=" ".repeat(t),r+=")",r},ie=(e,t)=>{const{level:r,table:a,column:s,agg:i,sort:n,title:d}=e;let l;return a&&s&&(l=o.normalizeAttributeName(a,s,r,"DM")),i&&a&&s&&d&&(l=`measureFactory.${o.DimensionalBaseMeasure.aggregationFromJAQL(i)}(${l}, '${o.escapeSingleQuotes(d)}')`),n&&(l=`{column: ${l}, sortType: '${o.getSortType(n)}'}`),l?`${" ".repeat(t)}${l}`:O},se=(e,t)=>{const r=e.jaql().jaql;return"formula"in r?ae(r,t):h+ie(r,t)},c=(e,t=0,r=!1)=>{if(!e)return"";if(typeof e=="string")return`'${o.escapeSingleQuotes(e)}'`;if(e instanceof W)return se(e,t);if(e instanceof o.DimensionalElement)return e.composeCode||"";let a="";return Array.isArray(e)?a+=`[${e.map(s=>c(s,t+2))}${e.length?h+" ".repeat(t+2):""}]`:(a+=`{${h}`,Object.entries(e).forEach(([s,i])=>{r&&(s=`'${o.escapeSingleQuotes(s)}'`),a+=" ".repeat(t+2),Array.isArray(i)?a+=`${s}: [${i.map(n=>c(n,t+4,r))}${i.length?h+" ".repeat(t+2):""}]`:typeof i=="object"?a+=`${s}: ${c(i,t+2,r)}`:["number","boolean","undefined",null].includes(typeof i)?a+=`${s}: ${i}`:a+=`${s}: '${o.escapeSingleQuotes(i)}'`,a+=`,${h}`}),a+=" ".repeat(t),a+="}"),a};function oe(e){return c(e,2)}function b(e){if(!e)throw new o.TranslatableError("errors.undefinedDataSource");let t;return typeof e=="object"&&"title"in e?t=e.title:t=e,V(t)}function w(e,t=!0){const r=[];return t&&r.push("measureFactory"),m(e)&&r.push("filterFactory"),r.length>0?`import { ${r.join(", ")} } from '@sisense/sdk-data';`:""}const M=`
+`,r+=" ".repeat(t),r+=")",r},ie=(e,t)=>{const{level:r,table:a,column:s,agg:i,sort:n,title:d}=e;let l;return a&&s&&(l=o.normalizeAttributeName(a,s,r,"DM")),i&&a&&s&&d&&(l=`measureFactory.${o.DimensionalBaseMeasure.aggregationFromJAQL(i)}(${l}, '${o.escapeSingleQuotes(d)}')`),n&&(l=`{column: ${l}, sortType: '${o.getSortType(n)}'}`),l?`${" ".repeat(t)}${l}`:O},se=(e,t)=>{const r=e.jaql().jaql;return"formula"in r?ae(r,t):h+ie(r,t)},c=(e,t=0,r=!1)=>{if(!e)return"";if(typeof e=="string")return`'${o.escapeSingleQuotes(e)}'`;if(e instanceof W)return se(e,t);if(e instanceof o.DimensionalElement)return e.composeCode||"";let a="";return Array.isArray(e)?a+=`[${e.map(s=>c(s,t+2))}${e.length?h+" ".repeat(t+2):""}]`:(a+=`{${h}`,Object.entries(e).forEach(([s,i])=>{r&&(s=`'${o.escapeSingleQuotes(s)}'`),a+=" ".repeat(t+2),Array.isArray(i)?a+=`${s}: [${i.map(n=>c(n,t+4,r))}${i.length?h+" ".repeat(t+2):""}]`:typeof i=="object"?a+=`${s}: ${c(i,t+2,r)}`:["number","boolean","undefined",null].includes(typeof i)?a+=`${s}: ${i}`:a+=`${s}: '${o.escapeSingleQuotes(i)}'`,a+=`,${h}`}),a+=" ".repeat(t),a+="}"),a};function oe(e){return c(e,2)}function b(e){if(!e)throw new o.TranslatableError("errors.undefinedDataSource");let t;return typeof e=="object"&&"title"in e?t=e.title:t=e,V(t)}function C(e,t=!0){const r=[];return t&&r.push("measureFactory"),p(e)&&r.push("filterFactory"),r.length>0?`import { ${r.join(", ")} } from '@sisense/sdk-data';`:""}const M=`
 `,ne=(e,t)=>{if(e.composeCode)return`${M}${" ".repeat(t)}${e.composeCode}`;const r=e.jaql().jaql;return`${M}${" ".repeat(t)}filterFactory.customFilter(${c(r,t,!0)})`},le=(e,t=0)=>{if(!e)return"";let r="";return r+=`[${e.map(a=>ne(a,t+2))}${e.length?`
-`+" ".repeat(t+2):""}]`,r},A=e=>{if(!e)return"";if(Array.isArray(e))return le(e,2);throw new o.TranslatableError("errors.filterRelationsNotSupported")},de=["executeQueryByWidgetIdTmpl","widgetByIdTmpl"],ue="chartWidgetTmpl",ce="pivotTableWidgetTmpl",pe=e=>e,me=(e,t,r)=>{const a=x(e),s={titleString:e.title,dataSourceString:b(e.dataSource),chartTypeString:pe(e.chartType),dataOptionsString:oe(e.dataOptions),filtersString:A(e.filters),componentString:"ChartWidget",extraImportsString:w(e.filters||[],a)};return E(r,s,t)},ge=(e,t,r)=>{const a=x(e),s={titleString:e.title,dataSourceString:b(e.dataSource),dataOptionsString:c(e.dataOptions),componentString:"PivotTableWidget",extraImportsString:w(e.filters||[],a)};return E(r,s,t)},fe=({dashboardOid:e,widgetOid:t,uiFramework:r="react",chartType:a="table",includeChart:s=!0})=>{$(a);const i={dashboardOid:e,widgetOid:t},n=de[Number(s)];return E(n,i,r)},ye=({widgetProps:e,uiFramework:t="react"})=>{if(o.isChartWidgetProps(e))return $(e.chartType),me(e,t,ue);if(o.isPivotTableWidgetProps(e))return ge(e,t,ce);throw new o.TranslatableError("errors.otherWidgetTypesNotSupported")},he=e=>({dataOptions:{columns:e.map(Q)}}),Se=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),P=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),Te=(e,t)=>{const{axesMapping:r={},chartFamily:a}=t,s=e.reduce((n,d)=>(n[d.jaql.title]=d,n),{}),i=Object.entries(r).reduce((n,d)=>{const[l,g]=d;return n[`${l}`]=Array.isArray(g)?g.map(f=>{var S,T;const u=s[f.name];if(!u)return{column:{type:"",name:f.name}};const p=Q(u);if(u.panel==="measures")return{column:p,sortType:"sortNone"};if(o.isDatetime(p.type)){const v=(T=(S=u.format)==null?void 0:S.mask)==null?void 0:T[u.jaql.level];if(v)return{column:p,dateFormat:v}}return p}):g,n},{});switch(a){case"cartesian":return y({category:[],value:[],breakBy:[]},i);case"categorical":return y({category:[],value:[]},i);case"scatter":return Object.keys(i).forEach(n=>{i[`${n}`]=i[`${n}`][0]}),i;case"scattermap":return Object.keys(i).forEach(n=>{n!=="geo"&&(i[`${n}`]=i[`${n}`][0])}),i;case"table":return Object.keys(i).length===0?he(e).dataOptions:i;case"boxplot":case"areamap":case"indicator":default:return i}},I=(e,t)=>{var r,a,s,i;return t==="x"?(a=(r=e.axesMapping.category)!=null?r:e.axesMapping.x)==null?void 0:a.map(n=>n.name).join(", "):(i=(s=e.axesMapping.value)!=null?s:e.axesMapping.y)==null?void 0:i.map(n=>n.name).join(", ")},ve=(e,t,r=!0)=>{const a=Te(e,t);let s;return r&&t.chartType in P?s=o.merge(o.merge(Se,{subtype:P[t.chartType]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:I(t,"y")}},xAxis:{title:{enabled:!0,text:I(t,"x")}}}):s=o.getDefaultStyleOptions(),{dataOptions:a,chartStyleOptions:s}},Ee=e=>"chartType"in e?e:{chartType:"table",chartFamily:"table",axesMapping:{}},Oe=e=>e.map(t=>o.createFilterFromJaql(t.jaql)),xe=e=>e.reduce((t,r)=>{if((r.panel==="scope"||r.jaql.filter)&&t.metadataFilters.push(o.cloneDeep(r)),r.panel!=="scope"){const a=o.cloneDeep(r);delete a.jaql.filter,t.metadataColumns.push(a)}return t},{metadataColumns:[],metadataFilters:[]}),be=(e,t)=>{if(!G(e))try{const{useCustomizedStyleOptions:r=!1}=t||{},{jaql:a,chartRecommendations:s,queryTitle:i}=e,{metadata:n,datasource:{title:d,id:l,type:g="elasticube"}}=a,f=Ee(s),u=f.chartType.toLowerCase(),p={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:S,metadataFilters:T}=xe(n),v=Oe(T),{dataOptions:_,chartStyleOptions:k}=ve(S,f,r),N=y(y({},k),p);return{widgetType:"chart",id:i,title:i,chartType:u,dataSource:{title:d,id:l,type:g},dataOptions:_,filters:v,styleOptions:N}}catch(r){console.error(r);return}},F=(e,t)=>be(e,t),we=e=>L(e)?fe(e):ye(e),Ce=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:we,toWidgetProps:F},Symbol.toStringTag,{value:"Module"}));exports.EMPTY_EXPANDED_QUERY_MODEL=K;exports.EMPTY_SIMPLE_QUERY_MODEL=U;exports.capitalizeFirstLetter=X;exports.checkIfMeasuresExist=x;exports.generateCode=E;exports.isByIdWidgetCodeParams=L;exports.isClientSideWidgetCodeParams=J;exports.populatePlaceholders=j;exports.sanitizeDimensionId=H;exports.stringifyDataSource=b;exports.stringifyExtraImports=w;exports.stringifyFilters=A;exports.stringifyProps=c;exports.toWidgetProps=F;exports.validateQueryModel=Z;exports.widgetComposer=Ce;
+`+" ".repeat(t+2):""}]`,r},k=e=>{if(!e)return"";if(Array.isArray(e))return le(e,2);throw new o.TranslatableError("errors.filterRelationsNotSupported")},de=["executeQueryByWidgetIdTmpl","widgetByIdTmpl"],ue="chartWidgetTmpl",ce="pivotTableWidgetTmpl",me=e=>e,pe=(e,t,r)=>{const a=x(e),s={titleString:e.title,dataSourceString:b(e.dataSource),chartTypeString:me(e.chartType),dataOptionsString:oe(e.dataOptions),filtersString:k(e.filters),componentString:"ChartWidget",extraImportsString:C(e.filters||[],a)};return E(r,s,t)},ge=(e,t,r)=>{const a=x(e),s={titleString:e.title,dataSourceString:b(e.dataSource),dataOptionsString:c(e.dataOptions),componentString:"PivotTableWidget",extraImportsString:C(e.filters||[],a)};return E(r,s,t)},fe=({dashboardOid:e,widgetOid:t,uiFramework:r="react",chartType:a="table",includeChart:s=!0})=>{$(a);const i={dashboardOid:e,widgetOid:t},n=de[Number(s)];return E(n,i,r)},ye=({widgetProps:e,uiFramework:t="react"})=>{if(o.isChartWidgetProps(e))return $(e.chartType),pe(e,t,ue);if(o.isPivotTableWidgetProps(e))return ge(e,t,ce);throw new o.TranslatableError("errors.otherWidgetTypesNotSupported")},he=e=>({dataOptions:{columns:e.map(Q)}}),Se=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),P=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),Te=(e,t)=>{const{axesMapping:r={},chartFamily:a}=t,s=e.reduce((n,d)=>(n[d.jaql.title]=d,n),{}),i=Object.entries(r).reduce((n,d)=>{const[l,g]=d;return n[`${l}`]=Array.isArray(g)?g.map(f=>{var S,T;const u=s[f.name];if(!u)return{column:{type:"",name:f.name}};const m=Q(u);if(u.panel==="measures")return{column:m,sortType:"sortNone"};if(o.isDatetime(m.type)){const v=(T=(S=u.format)==null?void 0:S.mask)==null?void 0:T[u.jaql.level];if(v)return{column:m,dateFormat:v}}return m}):g,n},{});switch(a){case"cartesian":return y({category:[],value:[],breakBy:[]},i);case"categorical":return y({category:[],value:[]},i);case"scatter":return Object.keys(i).forEach(n=>{i[`${n}`]=i[`${n}`][0]}),i;case"scattermap":return Object.keys(i).forEach(n=>{n!=="geo"&&(i[`${n}`]=i[`${n}`][0])}),i;case"table":return Object.keys(i).length===0?he(e).dataOptions:i;case"boxplot":case"areamap":case"indicator":default:return i}},I=(e,t)=>{var r,a,s,i;return t==="x"?(a=(r=e.axesMapping.category)!=null?r:e.axesMapping.x)==null?void 0:a.map(n=>n.name).join(", "):(i=(s=e.axesMapping.value)!=null?s:e.axesMapping.y)==null?void 0:i.map(n=>n.name).join(", ")},ve=(e,t,r=!0)=>{const a=Te(e,t);let s;return r&&t.chartType in P?s=o.merge(o.merge(Se,{subtype:P[t.chartType]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:I(t,"y")}},xAxis:{title:{enabled:!0,text:I(t,"x")}}}):s=o.getDefaultStyleOptions(),{dataOptions:a,chartStyleOptions:s}},Ee=e=>"chartType"in e?e:{chartType:"table",chartFamily:"table",axesMapping:{}},Oe=e=>e.map(t=>o.createFilterFromJaql(t.jaql)),xe=e=>e.reduce((t,r)=>{if((r.panel==="scope"||r.jaql.filter)&&t.metadataFilters.push(o.cloneDeep(r)),r.panel!=="scope"){const a=o.cloneDeep(r);delete a.jaql.filter,t.metadataColumns.push(a)}return t},{metadataColumns:[],metadataFilters:[]}),be=(e,t)=>{if(!G(e))try{const{useCustomizedStyleOptions:r=!1}=t||{},{jaql:a,chartRecommendations:s,queryTitle:i}=e,{metadata:n,datasource:{title:d,id:l,type:g="elasticube"}}=a,f=Ee(s),u=f.chartType.toLowerCase(),m={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:S,metadataFilters:T}=xe(n),v=Oe(T),{dataOptions:F,chartStyleOptions:_}=ve(S,f,r),N=y(y({},_),m);return{widgetType:"chart",id:i,title:i,chartType:u,dataSource:{title:d,id:l,type:g},dataOptions:F,filters:v,styleOptions:N}}catch(r){console.error(r);return}},A=(e,t)=>be(e,t),Ce=e=>L(e)?fe(e):ye(e),we=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:Ce,toWidgetProps:A},Symbol.toStringTag,{value:"Module"}));exports.EMPTY_EXPANDED_QUERY_MODEL=z;exports.EMPTY_SIMPLE_QUERY_MODEL=K;exports.capitalizeFirstLetter=X;exports.checkIfMeasuresExist=x;exports.generateCode=E;exports.isByIdWidgetCodeParams=L;exports.isClientSideWidgetCodeParams=J;exports.populatePlaceholders=j;exports.sanitizeDimensionId=H;exports.stringifyDataSource=b;exports.stringifyExtraImports=C;exports.stringifyFilters=k;exports.stringifyProps=c;exports.toWidgetProps=A;exports.validateQueryModel=Z;exports.widgetComposer=we;

package/dist/{widget-composer-G4mPX-JO.js → widget-composer-Ch2kYMok.js}

@@ -1,15 +1,15 @@
-var Y = Object.defineProperty;
+var K = Object.defineProperty;
 var w = Object.getOwnPropertySymbols;
-var U = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var C = (e, t, r) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, y = (e, t) => {
+var Y = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var C = (e, t, r) => t in e ? K(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, y = (e, t) => {
   for (var r in t || (t = {}))
-    U.call(t, r) && C(e, r, t[r]);
+    Y.call(t, r) && C(e, r, t[r]);
   if (w)
     for (var r of w(t))
       z.call(t, r) && C(e, r, t[r]);
   return e;
 };
-import { cF as q, q as P, M as x, T as u, cG as J, cH as S, cI as L, ad as V, Y as H, af as G, p as D, cJ as X, P as Z, F as ee, aT as M } from "./derive-chart-family-Cy3hlluo.js";
+import { cK as q, h as P, M as x, T as u, cL as J, cM as S, cN as L, ae as V, Z, ag as H, m as M, cO as X, P as G, B as ee, aW as D } from "./derive-chart-family-B2J2kMs6.js";
 class Q extends q {
   constructor(t, r) {
     var a;
@@ -36,16 +36,16 @@ const je = {
   widgetProps: void 0,
   queryTitle: "",
   chartRecommendations: {}
-}, Ae = {
+}, ke = {
   model: "",
   metadata: [],
   chart: {},
   queryTitle: ""
-}, Fe = (e) => "widgetProps" in e, re = (e) => "dashboardOid" in e && "widgetOid" in e;
+}, Ae = (e) => "widgetProps" in e, re = (e) => "dashboardOid" in e && "widgetOid" in e;
 function ae(e) {
   return e.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ke(e) {
+function Fe(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
 function Ne(e) {
@@ -66,14 +66,14 @@ function Be(e) {
 function ie(e) {
   return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
 }
-function A(e) {
+function k(e) {
   if (![...J, "pivot", "pivot2"].includes(e))
     throw new u("errors.chartTypeNotSupported", { chartType: e });
 }
 function se(e) {
   return "widgetType" in e && e.widgetType === "pivot";
 }
-function F(e) {
+function A(e) {
   const t = "measures" in e && m(e.measures) || "values" in e && m(e.values);
   return se(e) ? "values" in e.dataOptions && m(e.dataOptions.values) : "chartType" in e ? e.chartType === "scatter" ? "x" in e.dataOptions && "y" in e.dataOptions && (e.dataOptions.x !== void 0 || e.dataOptions.y !== void 0) : e.chartType === "scattermap" ? "geo" in e.dataOptions && m(e.dataOptions.geo) : "value" in e.dataOptions && m(e.dataOptions.value) : t;
 }
@@ -201,7 +201,7 @@ const CodeExample = () => {
       return <div>Error: {error.message}</div>;
     }
     if (data) {
-      return <div>Total Rows: {data.rows.length}</div>;
+      return <div>Total Rows: {data.table.rows.length}</div>;
     }
 
     return null;
@@ -225,11 +225,13 @@ export default function CodeExample() {
   },
   angular: {
     baseChartTmpl: `import { Component } from '@angular/core';
+import { SdkUiModule, type ChartDataOptions } from '@sisense/sdk-ui-angular';
 {{extraImportsString}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
 @Component({
     selector: 'code-example',
+    imports: [SdkUiModule],
     template: \`
       <csdk-chart-widget
         chartType='{{chartTypeString}}'
@@ -241,15 +243,17 @@ import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 })
 export class CodeExample {
     DM = DM;
-    dataOptions = {{dataOptionsString}};
+    dataOptions: ChartDataOptions = {{dataOptionsString}};
     filters = {{filtersString}};
 }`,
     chartTmpl: "{{baseChartTmpl}}",
     chartWidgetTmpl: "{{baseChartTmpl}}",
     widgetByIdTmpl: `import { Component } from '@angular/core';
+import { SdkUiModule } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
+  imports: [SdkUiModule],
   template: \`
     <csdk-widget-by-id
       [widgetOid]="widgetOid"
@@ -265,11 +269,13 @@ export class CodeExample {
   includeDashboardFilters = true;
 }`,
     executeQueryByWidgetIdTmpl: `import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
 import { QueryService } from '@sisense/sdk-ui-angular';
 import { type QueryResultData } from '@sisense/sdk-data';
 
 @Component({
   selector: 'code-example',
+  imports: [CommonModule],
   template: \`<div>
     <div *ngIf="errorMessage">Error: {{ errorMessage }}</div>
     <div *ngIf="!errorMessage">Total Rows: {{ queryResult.rows.length }}</div>
@@ -299,6 +305,7 @@ export class CodeExample {
 }
 `,
     executeQueryTmpl: `import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
 {{extraImportsString}}
 import { type QueryResultData } from '@sisense/sdk-data';
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
@@ -306,6 +313,7 @@ import { QueryService } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
+  imports: [CommonModule],
   template: \`<div>
     <div *ngIf="errorMessage">Error: {{ errorMessage }}</div>
     <div *ngIf="!errorMessage">Total Rows: {{ queryResult.rows.length }}</div>
@@ -413,14 +421,14 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
     executePivotQueryTmpl: "Not implemented yet",
     pivotTableWidgetTmpl: "Not implemented yet"
   }
-}, k = (e, t) => ne[t][e].replace(
+}, F = (e, t) => ne[t][e].replace(
   /{{(.*?)Tmpl}}/g,
-  (a, s) => k(`${s}Tmpl`, t)
-), le = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), b = (e, t, r = "react") => {
-  const a = k(e, r);
+  (a, s) => F(`${s}Tmpl`, t)
+), le = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), E = (e, t, r = "react") => {
+  const a = F(e, r);
   return oe(le(a, t));
 }, h = `
-`, E = "UNKNOWN", de = (e, t) => {
+`, b = "UNKNOWN", de = (e, t) => {
   let r = "";
   return r += `measureFactory.customFormula(
 `, r += " ".repeat(t), r += `  '${S(e.title)}',
@@ -428,8 +436,8 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
 `, r += " ".repeat(t), r += `  {
 `, Object.entries(e.context).forEach(([a, s]) => {
     const i = L(
-      s.table || E,
-      s.column || E,
+      s.table || b,
+      s.column || b,
       void 0,
       "DM"
     );
@@ -442,7 +450,7 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
   let n;
   return a && s && (n = L(a, s, r, "DM")), i && a && s && l && (n = `measureFactory.${V.aggregationFromJAQL(
     i
-  )}(${n}, '${S(l)}')`), o && (n = `{column: ${n}, sortType: '${P(o)}'}`), n ? `${" ".repeat(t)}${n}` : E;
+  )}(${n}, '${S(l)}')`), o && (n = `{column: ${n}, sortType: '${P(o)}'}`), n ? `${" ".repeat(t)}${n}` : b;
 }, ce = (e, t) => {
   const r = e.jaql().jaql;
   return "formula" in r ? de(r, t) : h + ue(r, t);
@@ -473,12 +481,12 @@ function B(e, t = !0) {
   const r = [];
   return t && r.push("measureFactory"), m(e) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
 }
-const I = `
+const W = `
 `, pe = (e, t) => {
   if (e.composeCode)
-    return `${I}${" ".repeat(t)}${e.composeCode}`;
+    return `${W}${" ".repeat(t)}${e.composeCode}`;
   const r = e.jaql().jaql;
-  return `${I}${" ".repeat(t)}filterFactory.customFilter(${p(
+  return `${W}${" ".repeat(t)}filterFactory.customFilter(${p(
     r,
     t,
     !0
@@ -496,7 +504,7 @@ const I = `
     return ge(e, 2);
   throw new u("errors.filterRelationsNotSupported");
 }, ye = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], he = "chartWidgetTmpl", Se = "pivotTableWidgetTmpl", Te = (e) => e, ve = (e, t, r) => {
-  const a = F(e), s = {
+  const a = A(e), s = {
     titleString: e.title,
     dataSourceString: N(e.dataSource),
     chartTypeString: Te(e.chartType),
@@ -505,16 +513,16 @@ const I = `
     componentString: "ChartWidget",
     extraImportsString: B(e.filters || [], a)
   };
-  return b(r, s, t);
+  return E(r, s, t);
 }, Oe = (e, t, r) => {
-  const a = F(e), s = {
+  const a = A(e), s = {
     titleString: e.title,
     dataSourceString: N(e.dataSource),
     dataOptionsString: p(e.dataOptions),
     componentString: "PivotTableWidget",
     extraImportsString: B(e.filters || [], a)
   };
-  return b(r, s, t);
+  return E(r, s, t);
 }, xe = ({
   dashboardOid: e,
   widgetOid: t,
@@ -522,19 +530,19 @@ const I = `
   chartType: a = "table",
   includeChart: s = !0
 }) => {
-  A(a);
+  k(a);
   const i = { dashboardOid: e, widgetOid: t }, o = ye[Number(s)];
-  return b(o, i, r);
-}, Ee = ({
+  return E(o, i, r);
+}, be = ({
   widgetProps: e,
   uiFramework: t = "react"
 }) => {
+  if (Z(e))
+    return k(e.chartType), ve(e, t, he);
   if (H(e))
-    return A(e.chartType), ve(e, t, he);
-  if (G(e))
     return Oe(e, t, Se);
   throw new u("errors.otherWidgetTypesNotSupported");
-}, be = (e) => ({
+}, Ee = (e) => ({
   dataOptions: { columns: e.map(j) }
 }), we = Object.freeze({
   convolution: {
@@ -555,7 +563,7 @@ const I = `
   xAxis: {
     gridLines: !1
   }
-}), W = Object.freeze({
+}), $ = Object.freeze({
   line: "line/spline",
   pie: "pie/donut",
   bar: "bar/stacked",
@@ -574,7 +582,7 @@ const I = `
           column: c,
           sortType: "sortNone"
         };
-      if (Z(c.type)) {
+      if (G(c.type)) {
         const O = (v = (T = d.format) == null ? void 0 : T.mask) == null ? void 0 : v[d.jaql.level];
         if (O)
           return {
@@ -606,22 +614,22 @@ const I = `
         o !== "geo" && (i[`${o}`] = i[`${o}`][0]);
       }), i;
     case "table":
-      return Object.keys(i).length === 0 ? be(e).dataOptions : i;
+      return Object.keys(i).length === 0 ? Ee(e).dataOptions : i;
     case "boxplot":
     case "areamap":
     case "indicator":
     default:
       return i;
   }
-}, $ = (e, t) => {
+}, I = (e, t) => {
   var r, a, s, i;
   return t === "x" ? (a = (r = e.axesMapping.category) != null ? r : e.axesMapping.x) == null ? void 0 : a.map((o) => o.name).join(", ") : (i = (s = e.axesMapping.value) != null ? s : e.axesMapping.y) == null ? void 0 : i.map((o) => o.name).join(", ");
-}, De = (e, t, r = !0) => {
+}, Me = (e, t, r = !0) => {
   const a = Ce(e, t);
   let s;
-  return r && t.chartType in W ? s = D(
-    D(we, {
-      subtype: W[t.chartType]
+  return r && t.chartType in $ ? s = M(
+    M(we, {
+      subtype: $[t.chartType]
     }),
     {
       legend: {
@@ -631,13 +639,13 @@ const I = `
       yAxis: {
         title: {
           enabled: !0,
-          text: $(t, "y")
+          text: I(t, "y")
         }
       },
       xAxis: {
         title: {
           enabled: !0,
-          text: $(t, "x")
+          text: I(t, "x")
         }
       }
     }
@@ -645,36 +653,36 @@ const I = `
     dataOptions: a,
     chartStyleOptions: s
   };
-}, Me = (e) => "chartType" in e ? e : {
+}, De = (e) => "chartType" in e ? e : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, Ie = (e) => e.map((t) => ee(t.jaql)), We = (e) => e.reduce(
+}, We = (e) => e.map((t) => ee(t.jaql)), $e = (e) => e.reduce(
   (t, r) => {
-    if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(M(r)), r.panel !== "scope") {
-      const a = M(r);
+    if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(D(r)), r.panel !== "scope") {
+      const a = D(r);
       delete a.jaql.filter, t.metadataColumns.push(a);
     }
     return t;
   },
   { metadataColumns: [], metadataFilters: [] }
-), $e = (e, t) => {
+), Ie = (e, t) => {
   if (!ie(e))
     try {
       const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: a, chartRecommendations: s, queryTitle: i } = e, {
         metadata: o,
         datasource: { title: l, id: n, type: g = "elasticube" }
-      } = a, f = Me(s), d = f.chartType.toLowerCase(), c = {
+      } = a, f = De(s), d = f.chartType.toLowerCase(), c = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: T, metadataFilters: v } = We(o), O = Ie(v), { dataOptions: _, chartStyleOptions: R } = De(
+      }, { metadataColumns: T, metadataFilters: v } = $e(o), O = We(v), { dataOptions: _, chartStyleOptions: R } = Me(
         T,
         f,
         r
-      ), K = y(y({}, R), c);
+      ), U = y(y({}, R), c);
       return {
         widgetType: "chart",
         id: i,
@@ -687,28 +695,28 @@ const I = `
         },
         dataOptions: _,
         filters: O,
-        styleOptions: K
+        styleOptions: U
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, qe = (e, t) => $e(e, t), Pe = (e) => re(e) ? xe(e) : Ee(e), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, qe = (e, t) => Ie(e, t), Pe = (e) => re(e) ? xe(e) : be(e), _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   toWidgetCode: Pe,
   toWidgetProps: qe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ae as E,
+  ke as E,
   N as a,
   p as b,
-  ke as c,
+  Fe as c,
   fe as d,
   B as e,
-  F as f,
-  b as g,
+  A as f,
+  E as g,
   je as h,
-  Fe as i,
+  Ae as i,
   re as j,
   le as p,
   Ne as s,

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.29.0",
+  "version": "1.30.0",
   "type": "module",
   "exports": {
     ".": {
@@ -53,12 +53,12 @@
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.16.7",
     "@mui/system": "^5.16.7",
-    "@sisense/sdk-common": "^1.29.0",
-    "@sisense/sdk-data": "^1.29.0",
-    "@sisense/sdk-pivot-client": "^1.29.0",
-    "@sisense/sdk-query-client": "^1.29.0",
-    "@sisense/sdk-rest-client": "^1.29.0",
-    "@sisense/sdk-tracking": "^1.29.0",
+    "@sisense/sdk-common": "^1.30.0",
+    "@sisense/sdk-data": "^1.30.0",
+    "@sisense/sdk-pivot-client": "^1.30.0",
+    "@sisense/sdk-query-client": "^1.30.0",
+    "@sisense/sdk-rest-client": "^1.30.0",
+    "@sisense/sdk-tracking": "^1.30.0",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",