@sisense/sdk-ui 2.2.0 → 2.3.1

package/dist/{widget-composer-JVl8mNCt.cjs → widget-composer-BB1-bv-q.cjs}

@@ -1,6 +1,6 @@
-"use strict";var G=Object.defineProperty,X=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable;var L=(t,e,r)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))tt.call(e,r)&&L(t,r,e[r]);if(j)for(var r of j(e))et.call(e,r)&&L(t,r,e[r]);return t},m=(t,e)=>X(t,Z(e));const n=require("./derive-chart-family-BsbFdcgd.cjs");class P extends n.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=n.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.__serializable="JaqlElement",e.metadataItem=this.metadataItem,e.type=this.type,e}}const rt={text:n.MetadataTypes.TextAttribute,numeric:n.MetadataTypes.NumericAttribute,datetime:n.MetadataTypes.DateLevel};function it(t){var e;return new P(t,(e=rt[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function B(t){const{jaql:e}=t;if(e.formula)return n.createCalculatedMeasureHelper(e);const r=n.DimensionalLevelAttribute.translateJaqlToGranularity(e);return"agg"in e&&e.dim&&e.datatype?n.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?n.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):it(t)}const at={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},st={model:"",metadata:[],chart:{},queryTitle:""},nt=t=>"widgetProps"in t,k=t=>"dashboardOid"in t&&"widgetOid"in t,ot=t=>"dashboardProps"in t,lt=t=>"dashboardOid"in t;function dt(t){return t.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ut(t){return t.charAt(0).toUpperCase()+t.slice(1)}function ct(t){const e=/\[(.+?)\s\(Calendar\)\]/;return t.replace(e,"[$1]").trim()}function pt(t){if(t)if(t.metadata){if(!t.model)throw new n.TranslatableError("errors.missingModelTitle")}else throw new n.TranslatableError("errors.missingMetadata");else throw new n.TranslatableError("errors.emptyModel");return t}function mt(t){return!t||!t.jaql.datasource.title||!t.jaql.metadata.length}function _(t){if(![...n.ALL_CHART_TYPES,"pivot","pivot2"].includes(t))throw new n.TranslatableError("errors.chartTypeNotSupported",{chartType:t})}function gt(t){return"widgetType"in t&&t.widgetType==="pivot"}function h(t){var e;return"column"in t&&((e=t.column)==null?void 0:e.expression)&&/\(.*\)/.test(t.column.expression)}function w(t){const e="measures"in t&&c(t.measures)||"values"in t&&c(t.values);return gt(t)?"values"in t.dataOptions&&c(t.dataOptions.values):"chartType"in t?t.chartType==="indicator"?"value"in t.dataOptions&&c(t.dataOptions.value)||"secondary"in t.dataOptions&&c(t.dataOptions.secondary):t.chartType==="table"?!("columns"in t.dataOptions)||!c(t.dataOptions.columns)?!1:t.dataOptions.columns.some(i=>h(i)):t.chartType==="boxplot"?!1:t.chartType==="scatter"?"x"in t.dataOptions&&t.dataOptions.x!==void 0&&h(t.dataOptions.x)||"y"in t.dataOptions&&t.dataOptions.y!==void 0&&h(t.dataOptions.y)||"size"in t.dataOptions&&t.dataOptions.size!==void 0:t.chartType==="scattermap"?"colorBy"in t.dataOptions&&t.dataOptions.colorBy!==void 0&&h(t.dataOptions.colorBy)||"details"in t.dataOptions&&t.dataOptions.details!==void 0&&h(t.dataOptions.details)||"size"in t.dataOptions&&t.dataOptions.size!==void 0&&h(t.dataOptions.size):t.chartType==="areamap"?"geo"in t.dataOptions&&c(t.dataOptions.geo)&&"color"in t.dataOptions&&c(t.dataOptions.color):"value"in t.dataOptions&&c(t.dataOptions.value):e}function c(t){return Array.isArray(t)&&t.length>0}function yt(t){const e=t.split(`
+"use strict";var tt=Object.defineProperty,et=Object.defineProperties;var rt=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var it=Object.prototype.hasOwnProperty,at=Object.prototype.propertyIsEnumerable;var $=(t,e,r)=>e in t?tt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))it.call(e,r)&&$(t,r,e[r]);if(j)for(var r of j(e))at.call(e,r)&&$(t,r,e[r]);return t},m=(t,e)=>et(t,rt(e));const n=require("./derive-chart-family-5O0nGmIH.cjs");class P extends n.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=n.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.__serializable="JaqlElement",e.metadataItem=this.metadataItem,e.type=this.type,e}}const st={text:n.MetadataTypes.TextAttribute,numeric:n.MetadataTypes.NumericAttribute,datetime:n.MetadataTypes.DateLevel};function nt(t){var e;return new P(t,(e=st[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function B(t){const{jaql:e}=t;if(e.formula)return n.createCalculatedMeasureHelper(e);const r=n.DimensionalLevelAttribute.translateJaqlToGranularity(e);return"agg"in e&&e.dim&&e.datatype?n.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?n.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):nt(t)}const ot={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},lt={model:"",metadata:[],chart:{},queryTitle:""},dt=t=>"widgetProps"in t,R=t=>"dashboardOid"in t&&"widgetOid"in t,ct=t=>"dashboardProps"in t,ut=t=>"dashboardOid"in t;function pt(t){return t.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function mt(t){return t.charAt(0).toUpperCase()+t.slice(1)}function gt(t){const e=/\[(.+?)\s\(Calendar\)\]/;return t.replace(e,"[$1]").trim()}function yt(t){if(t)if(t.metadata){if(!t.model)throw new n.TranslatableError("errors.missingModelTitle")}else throw new n.TranslatableError("errors.missingMetadata");else throw new n.TranslatableError("errors.emptyModel");return t}function ft(t){return!t||!t.jaql.datasource.title||!t.jaql.metadata.length}function k(t){if(![...n.ALL_CHART_TYPES,"pivot","pivot2"].includes(t))throw new n.TranslatableError("errors.chartTypeNotSupported",{chartType:t})}function ht(t){return"widgetType"in t&&t.widgetType==="pivot"}function S(t){var e;return"column"in t&&((e=t.column)==null?void 0:e.expression)&&/\(.*\)/.test(t.column.expression)}function w(t){const e="measures"in t&&u(t.measures)||"values"in t&&u(t.values);return ht(t)?"values"in t.dataOptions&&u(t.dataOptions.values):"chartType"in t?t.chartType==="indicator"?"value"in t.dataOptions&&u(t.dataOptions.value)||"secondary"in t.dataOptions&&u(t.dataOptions.secondary):t.chartType==="table"?!("columns"in t.dataOptions)||!u(t.dataOptions.columns)?!1:t.dataOptions.columns.some(i=>S(i)):t.chartType==="boxplot"?!1:t.chartType==="scatter"?"x"in t.dataOptions&&t.dataOptions.x!==void 0&&S(t.dataOptions.x)||"y"in t.dataOptions&&t.dataOptions.y!==void 0&&S(t.dataOptions.y)||"size"in t.dataOptions&&t.dataOptions.size!==void 0:t.chartType==="scattermap"?"colorBy"in t.dataOptions&&t.dataOptions.colorBy!==void 0&&S(t.dataOptions.colorBy)||"details"in t.dataOptions&&t.dataOptions.details!==void 0&&S(t.dataOptions.details)||"size"in t.dataOptions&&t.dataOptions.size!==void 0&&S(t.dataOptions.size):t.chartType==="areamap"?"geo"in t.dataOptions&&u(t.dataOptions.geo)&&"color"in t.dataOptions&&u(t.dataOptions.color):"value"in t.dataOptions&&u(t.dataOptions.value):e}function u(t){return Array.isArray(t)&&t.length>0}function St(t){const e=t.split(`
 `);for(let r=0;r<e.length-1;r++)if(e[r].trim()===""){const i=e[r+1].trim();if(i.startsWith("import *")||i.startsWith("import {")){e.splice(r,1);break}}return e.join(`
-`)}const ft={react:{baseChartTmpl:`import { {{componentString}} } from '@sisense/sdk-ui';
+`)}const Ot={react:{baseChartTmpl:`import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
@@ -416,13 +416,13 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
 <\/script>
 <template>
   <DashboardById :dashboardOid="'{{dashboardOid}}'" />
-</template>`,dashboardTmpl:"/** COMING SOON */"}},F=(t,e)=>ft[e][t].replace(/{{(.*?)Tmpl}}/g,(i,a)=>F(`${a}Tmpl`,e)),N=(t,e)=>t.replace(/{{(.*?)}}/g,(r,i)=>i in e?e[i]:(console.warn(`Placeholder ${i} not found in data`),r)),C=(t,e,r="react")=>{const i=F(t,r);return yt(N(i,e))},St=()=>Object.values(n.AggregationTypes).map(e=>n.DimensionalBaseMeasure.aggregationToJAQL(e)).join("|"),R=t=>{const{formula:e,context:r,filter:i}=t;if(!r||!e)return t;const a=Object.keys(r);if(a.length!==1)return t;const s=a[0];if(typeof s!="string")return t;const o=r[`${s}`],d=St(),g=new RegExp(`^\\s*(${d})\\(\\[\\w+\\]\\)$`),f=e.match(g);if(f&&e.includes(s)){const u=f[1];return l({dim:o.dim,table:o.table,column:o.column,datatype:o.datatype,agg:u,title:t.title},i?{filter:l({},i)}:{})}return t},D=t=>{let e=t;if("formula"in t&&(e=R(t)),"context"in e){const r=l({},e.context);Object.keys(r).forEach(i=>{r[`${i}`]=D(r[`${i}`])}),e.context=r}return e},ht=t=>{var i;const e=t;if(e.panel!=="scope")return e;const{jaql:r}=e;return(i=r.filter)!=null&&i.by&&(r.filter.by=R(r.filter.by)),m(l({},e),{jaql:r})},z=t=>{let e=t;e=ht(e);const{jaql:r,measure:i,by:a}=e;return l(l(m(l({},e),{jaql:D(r)}),a?{by:D(a)}:{}),i?{measure:D(i)}:{})},O=6,E=`
-`,M="UNKNOWN",Ot=(t,e)=>{let r="";return r+=`measureFactory.customFormula(
+</template>`,dashboardTmpl:"/** COMING SOON */"}},F=(t,e)=>Ot[e][t].replace(/{{(.*?)Tmpl}}/g,(i,a)=>F(`${a}Tmpl`,e)),_=(t,e)=>t.replace(/{{(.*?)}}/g,(r,i)=>i in e?e[i]:(console.warn(`Placeholder ${i} not found in data`),r)),C=(t,e,r="react")=>{const i=F(t,r);return St(_(i,e))},Tt=()=>Object.values(n.AggregationTypes).map(e=>n.DimensionalBaseMeasure.aggregationToJAQL(e)).join("|"),N=t=>{const{formula:e,context:r,filter:i}=t;if(!r||!e)return t;const a=Object.keys(r);if(a.length!==1)return t;const s=a[0];if(typeof s!="string")return t;const o=r[`${s}`],g=Tt(),d=new RegExp(`^\\s*(${g})\\(\\[\\w+\\]\\)$`),f=e.match(d);if(f&&e.includes(s)){const c=f[1];return l({dim:o.dim,table:o.table,column:o.column,datatype:o.datatype,agg:c,title:t.title},i?{filter:l({},i)}:{})}return t},D=t=>{let e=t;if("formula"in t&&(e=N(t)),"context"in e){const r=l({},e.context);Object.keys(r).forEach(i=>{r[`${i}`]=D(r[`${i}`])}),e.context=r}return e},bt=t=>{var i;const e=t;if(e.panel!=="scope")return e;const{jaql:r}=e;return(i=r.filter)!=null&&i.by&&(r.filter.by=N(r.filter.by)),m(l({},e),{jaql:r})},z=t=>{let e=t;e=bt(e);const{jaql:r,measure:i,by:a}=e;return l(l(m(l({},e),{jaql:D(r)}),a?{by:D(a)}:{}),i?{measure:D(i)}:{})},O=6,x=`
+`,M="UNKNOWN",vt=(t,e)=>{let r="";return r+=`measureFactory.customFormula(
 `,r+=" ".repeat(e),r+=`  '${n.escapeSingleQuotes(t.title)}',
 `,r+=" ".repeat(e),r+=`  '${t.formula}',
 `,r+=" ".repeat(e),r+=`  {
 `,Object.entries(t.context).forEach(([i,a])=>{const s=n.normalizeAttributeName(a.table||M,a.column||M,void 0,"DM");r+=" ".repeat(e),r+=`    '${i.slice(1,-1)}': ${s},
 `}),r+=" ".repeat(e),r+=`  }
-`,r+=" ".repeat(e),r+=")",r},Tt=t=>{const{level:e,table:r,column:i,agg:a,title:s}=t;let o;return r&&i&&(o=n.normalizeAttributeName(r,i,e,"DM")),a&&r&&i&&s&&(o=`measureFactory.${n.DimensionalBaseMeasure.aggregationFromJAQL(a)}(${o}, '${n.escapeSingleQuotes(s)}')`),o||M},bt=(t,e)=>{const r=t.jaql(!1).jaql;return"formula"in r?Ot(r,e):Tt(r)},p=(t,e=0,r=!1)=>{if(!t)return"";if(typeof t=="string")return`'${n.escapeSingleQuotes(t)}'`;if(t instanceof P)return bt(t,e);if(t instanceof n.DimensionalElement)return t.composeCode||"";let i="";return Array.isArray(t)?i+=`[${t.map(a=>p(a,e+2))}${t.length?E+" ".repeat(e+2):""}]`:(i+=`{${E}`,Object.entries(t).forEach(([a,s])=>{r&&typeof a=="string"&&(a=`'${n.escapeSingleQuotes(a)}'`),i+=" ".repeat(e+2),Array.isArray(s)?i+=`${a}: [${s.map(o=>p(o,e+4,r))}${s.length?E+" ".repeat(e+2):""}]`:typeof s=="object"&&s!==null?i+=`${a}: ${p(s,e+2,r)}`:["number","boolean","undefined"].includes(typeof s)||s===null?i+=`${a}: ${s}`:typeof s=="string"?i+=`${a}: '${n.escapeSingleQuotes(s)}'`:i+=`${a}: ${s}`,i+=`,${E}`}),i+=" ".repeat(e),i+="}"),i};function vt(t){return p(t,O)}function I(t,e="data-source-placeholder"){if(!t)return e;const r=typeof t=="object"&&"title"in t?t.title:t;return dt(r)}function W(t,e=!0){const r=[];return e&&r.push("measureFactory"),c(t)&&r.push("filterFactory"),r.length>0?`import { ${r.join(", ")} } from '@sisense/sdk-data';`:""}const Q=`
-`,xt=(t,e)=>{if(t.composeCode)return`${Q}${" ".repeat(e)}${t.composeCode}`;const r=t.jaql().jaql;return`${Q}${" ".repeat(e)}filterFactory.customFilter(${p(r,e,!0)})`},Et=(t,e=0)=>{if(!t)return"";let r="";return r+=`[${t.map(i=>xt(i,e+2))}${t.length?`
-`+" ".repeat(e+2):""}]`,r},q=t=>t?Array.isArray(t)?Et(t,6):"/** Filter relations not supported yet */":"[]",Dt=["executeQueryByWidgetIdTmpl","widgetByIdTmpl"],Ct="chartWidgetTmpl",wt="pivotTableWidgetTmpl",Mt=t=>t,It=({dashboardOid:t,widgetOid:e,uiFramework:r="react",chartType:i="table",includeChart:a=!0})=>{_(i);const s={dashboardOid:t,widgetOid:e},o=Dt[Number(a)];return C(o,s,r)},Y=(t,e,r)=>{if(n.isChartWidgetProps(t)){_(t.chartType);const i=w(t),a={idString:t.id,widgetTypeString:"chart",titleString:t.title,dataSourceString:I(t.dataSource),chartTypeString:Mt(t.chartType),dataOptionsString:vt(t.dataOptions),filtersString:q(t.filters),componentString:"ChartWidget",extraImportsString:W(t.filters||[],i),styleOptionsString:p(t.styleOptions||{},O),drilldownOptionsString:p(t.drilldownOptions||{},O)};return C(r.chart,a,e)}if(n.isPivotTableWidgetProps(t)){const i=w(t),a={idString:t.id,widgetTypeString:"pivot",titleString:t.title,dataSourceString:I(t.dataSource),dataOptionsString:p(t.dataOptions),filtersString:q(t.filters),componentString:"PivotTableWidget",extraImportsString:W(t.filters||[],i),styleOptionsString:p(t.styleOptions||{},O)};return C(r.pivot,a,e)}if(n.isPluginWidgetProps(t))return"/** Plugin widget code not supported yet */";throw new n.TranslatableError("errors.otherWidgetTypesNotSupported")},Wt=({widgetProps:t,uiFramework:e="react"})=>Y(t,e,{chart:Ct,pivot:wt}),qt=t=>({dataOptions:{columns:t.map(B)}}),Pt=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),$=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),jt=(t,e,r)=>{const i=t.reduce((s,o)=>(s[o.jaql.title]=o,s),{}),a=Object.entries(r).reduce((s,o)=>{const[d,g]=o;return s[`${d}`]=Array.isArray(g)?g.map(f=>{var T,b;const u=n.normalizeAnyColumn(f);delete u.enabled;const y=i[u.column.name];if(!y)return{column:{type:"",name:u.column.name}};const S=B(y);if(y.panel==="measures")return m(l({},u),{column:S});if(n.isDatetime(S.type)){const v=(b=(T=y.format)==null?void 0:T.mask)==null?void 0:b[y.jaql.level];if(v)return m(l({},u),{column:S,dateFormat:v})}return m(l({},u),{column:S})}):g,s},{});switch(e){case"cartesian":return l({category:[],value:[],breakBy:[]},a);case"categorical":return l({category:[],value:[]},a);case"scatter":return Object.keys(a).forEach(s=>{a[`${s}`]=a[`${s}`][0]}),a;case"scattermap":return Object.keys(a).forEach(s=>{s!=="geo"&&(a[`${s}`]=a[`${s}`][0])}),a;case"table":return Object.keys(a).length===0?qt(t).dataOptions:a;case"boxplot":case"areamap":case"indicator":default:return a}},A=(t,e)=>{var r,i,a,s;return e==="x"?(i=(r=t.axesMapping.category)!=null?r:t.axesMapping.x)==null?void 0:i.map(o=>n.normalizeAnyColumn(o).column.name).join(", "):(s=(a=t.axesMapping.value)!=null?a:t.axesMapping.y)==null?void 0:s.map(o=>n.normalizeAnyColumn(o).column.name).join(", ")},Lt=(t,e,r=!0)=>{const{chartFamily:i,axesMapping:a={},styleOptions:s={}}=e,o=jt(t,i,a);let d;return r&&e.chartType in $?d=n.merge(n.merge(Pt,{subtype:$[e.chartType]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:A(e,"y")}},xAxis:{title:{enabled:!0,text:A(e,"x")}}},s):d=n.merge(n.getDefaultStyleOptions(),s),{dataOptions:o,chartStyleOptions:d}},Qt=t=>"chartType"in t?t:{chartType:"table",chartFamily:"table",axesMapping:{}},$t=t=>t.map(e=>n.createFilterFromJaql(e.jaql)),At=t=>t.reduce((e,r)=>{if((r.panel==="scope"||r.jaql.filter)&&e.metadataFilters.push(n.cloneDeep(r)),r.panel!=="scope"){const i=n.cloneDeep(r);delete i.jaql.filter,e.metadataColumns.push(i)}return e},{metadataColumns:[],metadataFilters:[]}),Bt=(t,e)=>{if(!mt(t))try{const{useCustomizedStyleOptions:r=!1}=e||{},{jaql:i,chartRecommendations:a,queryTitle:s}=t,{metadata:o,datasource:d}=i,g=m(l({},d),{type:d.type||"elasticube"}),f=n.convertJaqlDataSourceForDto(g),u=o.map(x=>z(x)).map(x=>m(l({},x),{jaql:m(l({},x.jaql),{datasource:f})})),y=Qt(a),S=y.chartType.toLowerCase(),T={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:b,metadataFilters:v}=At(u),U=$t(v),{dataOptions:K,chartStyleOptions:V}=Lt(b,y,r),H=l(l({},V),T);return{widgetType:"chart",id:s,title:s,chartType:S,dataSource:g,dataOptions:K,filters:U,styleOptions:H}}catch(r){console.error(r);return}},J=(t,e)=>Bt(t,e),kt=t=>k(t)?It(t):Wt(t),_t=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:kt,toWidgetProps:J},Symbol.toStringTag,{value:"Module"}));exports.CODE_TEMPLATES_INDENT=O;exports.EMPTY_EXPANDED_QUERY_MODEL=at;exports.EMPTY_SIMPLE_QUERY_MODEL=st;exports.JaqlElement=P;exports.capitalizeFirstLetter=ut;exports.checkIfMeasuresExist=w;exports.generateCode=C;exports.getWidgetCode=Y;exports.isByIdDashboardCodeParams=lt;exports.isByIdWidgetCodeParams=k;exports.isClientSideDashboardCodeParams=ot;exports.isClientSideWidgetCodeParams=nt;exports.populatePlaceholders=N;exports.sanitizeDimensionId=ct;exports.simplifyMetadataItem=z;exports.stringifyDataSource=I;exports.stringifyExtraImports=W;exports.stringifyFilters=q;exports.stringifyProps=p;exports.toWidgetProps=J;exports.validateQueryModel=pt;exports.widgetComposer=_t;
+`,r+=" ".repeat(e),r+=")",r},Et=t=>{const{level:e,table:r,column:i,agg:a,title:s}=t;let o;return r&&i&&(o=n.normalizeAttributeName(r,i,e,"DM")),a&&r&&i&&s&&(o=`measureFactory.${n.DimensionalBaseMeasure.aggregationFromJAQL(a)}(${o}, '${n.escapeSingleQuotes(s)}')`),o||M},xt=(t,e)=>{const r=t.jaql(!1).jaql;return"formula"in r?vt(r,e):Et(r)},p=(t,e=0,r=!1)=>{if(!t)return"";if(typeof t=="string")return`'${n.escapeSingleQuotes(t)}'`;if(t instanceof P)return xt(t,e);if(t instanceof n.DimensionalElement)return t.composeCode||"";let i="";return Array.isArray(t)?i+=`[${t.map(a=>p(a,e+2))}${t.length?x+" ".repeat(e+2):""}]`:(i+=`{${x}`,Object.entries(t).forEach(([a,s])=>{r&&typeof a=="string"&&(a=`'${n.escapeSingleQuotes(a)}'`),i+=" ".repeat(e+2),Array.isArray(s)?i+=`${a}: [${s.map(o=>p(o,e+4,r))}${s.length?x+" ".repeat(e+2):""}]`:typeof s=="object"&&s!==null?i+=`${a}: ${p(s,e+2,r)}`:["number","boolean","undefined"].includes(typeof s)||s===null?i+=`${a}: ${s}`:typeof s=="string"?i+=`${a}: '${n.escapeSingleQuotes(s)}'`:i+=`${a}: ${s}`,i+=`,${x}`}),i+=" ".repeat(e),i+="}"),i};function Dt(t){return p(t,O)}function I(t,e="data-source-placeholder"){if(!t)return e;const r=typeof t=="object"&&"title"in t?t.title:t;return pt(r)}function W(t,e=!0){const r=[];return e&&r.push("measureFactory"),u(t)&&r.push("filterFactory"),r.length>0?`import { ${r.join(", ")} } from '@sisense/sdk-data';`:""}const L=`
+`,Ct=(t,e)=>{if(t.composeCode)return`${L}${" ".repeat(e)}${t.composeCode}`;const r=t.jaql().jaql;return`${L}${" ".repeat(e)}filterFactory.customFilter(${p(r,e,!0)})`},wt=(t,e=0)=>{if(!t)return"";let r="";return r+=`[${t.map(i=>Ct(i,e+2))}${t.length?`
+`+" ".repeat(e+2):""}]`,r},q=t=>t?Array.isArray(t)?wt(t,6):"/** Filter relations not supported yet */":"[]",Mt=["executeQueryByWidgetIdTmpl","widgetByIdTmpl"],It="chartWidgetTmpl",Wt="pivotTableWidgetTmpl",qt=t=>t,Pt=({dashboardOid:t,widgetOid:e,uiFramework:r="react",chartType:i="table",includeChart:a=!0})=>{k(i);const s={dashboardOid:t,widgetOid:e},o=Mt[Number(a)];return C(o,s,r)},Y=(t,e,r)=>{if(n.isChartWidgetProps(t)){k(t.chartType);const i=w(t),a={idString:t.id,widgetTypeString:"chart",titleString:t.title,dataSourceString:I(t.dataSource),chartTypeString:qt(t.chartType),dataOptionsString:Dt(t.dataOptions),filtersString:q(t.filters),componentString:"ChartWidget",extraImportsString:W(t.filters||[],i),styleOptionsString:p(t.styleOptions||{},O),drilldownOptionsString:p(t.drilldownOptions||{},O)};return C(r.chart,a,e)}if(n.isPivotTableWidgetProps(t)){const i=w(t),a={idString:t.id,widgetTypeString:"pivot",titleString:t.title,dataSourceString:I(t.dataSource),dataOptionsString:p(t.dataOptions),filtersString:q(t.filters),componentString:"PivotTableWidget",extraImportsString:W(t.filters||[],i),styleOptionsString:p(t.styleOptions||{},O)};return C(r.pivot,a,e)}if(n.isPluginWidgetProps(t))return"/** Plugin widget code not supported yet */";throw new n.TranslatableError("errors.otherWidgetTypesNotSupported")},jt=({widgetProps:t,uiFramework:e="react"})=>Y(t,e,{chart:It,pivot:Wt}),$t=t=>"chartType"in t.chartRecommendations?t.chartRecommendations:{chartType:"table",chartFamily:"table",axesMapping:{}},Lt=t=>({dataOptions:{columns:t.map(B)}}),Qt=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),Q=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),J=(t,e,r)=>{const i=t.reduce((s,o)=>(s[o.jaql.title]=o,s),{}),a=Object.entries(r).reduce((s,o)=>{const[g,d]=o;return s[`${g}`]=Array.isArray(d)?d.map(f=>{var T,b;const c=n.normalizeAnyColumn(f);delete c.enabled;const y=i[c.column.name];if(!y)return{column:{type:"",name:c.column.name}};const h=B(y);if(y.panel==="measures")return m(l({},c),{column:h});if(n.isDatetime(h.type)){const v=(b=(T=y.format)==null?void 0:T.mask)==null?void 0:b[y.jaql.level];if(v)return m(l({},c),{column:h,dateFormat:v})}return m(l({},c),{column:h})}):d,s},{});switch(e){case"cartesian":return l({category:[],value:[],breakBy:[]},a);case"categorical":return l({category:[],value:[]},a);case"scatter":return Object.keys(a).forEach(s=>{a[`${s}`]=a[`${s}`][0]}),a;case"scattermap":return Object.keys(a).forEach(s=>{s!=="geo"&&(a[`${s}`]=a[`${s}`][0])}),a;case"table":return Object.keys(a).length===0?Lt(t).dataOptions:a;case"boxplot":case"areamap":case"indicator":default:return a}},A=(t,e)=>{var r,i,a,s;return e==="x"?(i=(r=t.category)!=null?r:t.x)==null?void 0:i.map(o=>n.normalizeAnyColumn(o).column.name).join(", "):(s=(a=t.value)!=null?a:t.y)==null?void 0:s.map(o=>n.normalizeAnyColumn(o).column.name).join(", ")},U=(t,e,r,i)=>{let a;return i&&t in Q?a=n.merge(n.merge(Qt,{subtype:Q[`${t}`]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:A(e,"y")}},xAxis:{title:{enabled:!0,text:A(e,"x")}}},r):a=n.merge(n.getDefaultStyleOptions(),r),a},K=(t,e,r=!0)=>{const{chartFamily:i,chartType:a,axesMapping:s={},styleOptions:o={}}=e,g=J(t,i,s),d=U(a,s,o,r);return{dataOptions:g,chartStyleOptions:d}},At=t=>"chartType"in t?t:{chartType:"table",chartFamily:"table",axesMapping:{}},Bt=t=>t.map(e=>n.createFilterFromJaql(e.jaql)),Rt=t=>t.reduce((e,r)=>{if((r.panel==="scope"||r.jaql.filter)&&e.metadataFilters.push(n.cloneDeep(r)),r.panel!=="scope"){const i=n.cloneDeep(r);delete i.jaql.filter,e.metadataColumns.push(i)}return e},{metadataColumns:[],metadataFilters:[]}),kt=(t,e)=>{if(!ft(t))try{const{useCustomizedStyleOptions:r=!1}=e||{},{jaql:i,chartRecommendations:a,queryTitle:s}=t,{metadata:o,datasource:g}=i,d=m(l({},g),{type:g.type||"elasticube"}),f=n.convertJaqlDataSourceForDto(d),c=o.map(E=>z(E)).map(E=>m(l({},E),{jaql:m(l({},E.jaql),{datasource:f})})),y=At(a),h=y.chartType.toLowerCase(),T={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:b,metadataFilters:v}=Rt(c),H=Bt(v),{dataOptions:G,chartStyleOptions:X}=K(b,y,r),Z=l(l({},X),T);return{widgetType:"chart",id:s,title:s,chartType:h,dataSource:d,dataOptions:G,filters:H,styleOptions:Z}}catch(r){console.error(r);return}},V=(t,e)=>kt(t,e),Ft=t=>R(t)?Pt(t):jt(t),_t=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:Ft,toWidgetProps:V},Symbol.toStringTag,{value:"Module"}));exports.CODE_TEMPLATES_INDENT=O;exports.EMPTY_EXPANDED_QUERY_MODEL=ot;exports.EMPTY_SIMPLE_QUERY_MODEL=lt;exports.JaqlElement=P;exports.capitalizeFirstLetter=mt;exports.checkIfMeasuresExist=w;exports.generateCode=C;exports.getChartDataOptions=J;exports.getChartOptions=K;exports.getChartRecommendationsOrDefault=$t;exports.getChartStyleOptions=U;exports.getWidgetCode=Y;exports.isByIdDashboardCodeParams=ut;exports.isByIdWidgetCodeParams=R;exports.isClientSideDashboardCodeParams=ct;exports.isClientSideWidgetCodeParams=dt;exports.populatePlaceholders=_;exports.sanitizeDimensionId=gt;exports.simplifyMetadataItem=z;exports.stringifyDataSource=I;exports.stringifyExtraImports=W;exports.stringifyFilters=q;exports.stringifyProps=p;exports.toWidgetProps=V;exports.validateQueryModel=yt;exports.widgetComposer=_t;

package/dist/{widget-composer-CACtfvw6.js → widget-composer-BpeW0NNz.js}

@@ -9,9 +9,9 @@ var $ = (t, e, r) => e in t ? tt(t, e, { enumerable: !0, configurable: !0, writa
     for (var r of j(e))
       at.call(e, r) && $(t, r, e[r]);
   return t;
-}, c = (t, e) => et(t, rt(e));
-import { ek as _, a3 as st, eq as nt, aP as ot, er as lt, es as dt, M as C, T as S, et as ut, bd as R, e6 as ct, eu as O, em as z, aY as pt, bj as mt, bi as gt, m as M, ev as yt, b4 as I, aO as ft, ay as ht, c4 as P, ew as St } from "./derive-chart-family-C9IDI6UV.js";
-class J extends _ {
+}, u = (t, e) => et(t, rt(e));
+import { dW as N, w as st, e0 as nt, ap as ot, e1 as lt, e2 as dt, m as C, T as S, e3 as ct, aP as _, dI as ut, e4 as O, dY as z, ay as pt, aW as mt, aV as gt, aG as M, ao as yt, n as I, e5 as ft, a8 as ht, bG as P, e6 as St } from "./derive-chart-family-H5uuw6lv.js";
+class J extends N {
   constructor(e, r) {
     var i;
     super((i = e.jaql.title) !== null && i !== void 0 ? i : "", r), this.expression = e.jaql.dim || e.jaql.formula, this.metadataItem = e, e.jaql.agg ? this.aggregation = e.jaql.agg : delete this.aggregation, e.jaql.formula ? this.formula = e.jaql.formula : delete this.formula, e.jaql.sort ? this.sortType = st(e.jaql.sort) : delete this.sortType, this.skipValidation = !0;
@@ -63,7 +63,7 @@ function Y(t) {
     dataSource: e.datasource
   }) : Tt(t);
 }
-const re = {
+const ie = {
   jaql: {
     datasource: {
       title: "",
@@ -73,23 +73,23 @@ const re = {
   },
   queryTitle: "",
   chartRecommendations: {}
-}, ie = {
+}, ae = {
   model: "",
   metadata: [],
   chart: {},
   queryTitle: ""
-}, ae = (t) => "widgetProps" in t, bt = (t) => "dashboardOid" in t && "widgetOid" in t, se = (t) => "dashboardProps" in t, ne = (t) => "dashboardOid" in t;
+}, se = (t) => "widgetProps" in t, bt = (t) => "dashboardOid" in t && "widgetOid" in t, ne = (t) => "dashboardProps" in t, oe = (t) => "dashboardOid" in t;
 function vt(t) {
   return t.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function oe(t) {
+function le(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function le(t) {
+function de(t) {
   const e = /\[(.+?)\s\(Calendar\)\]/;
   return t.replace(e, "[$1]").trim();
 }
-function de(t) {
+function ce(t) {
   if (t)
     if (t.metadata) {
       if (!t.model)
@@ -105,7 +105,7 @@ function xt(t) {
 }
 function U(t) {
   if (![
-    ...ut,
+    ...ct,
     "pivot",
     "pivot2"
   ].includes(t))
@@ -121,10 +121,10 @@ function h(t) {
   return "column" in t && ((e = t.column) == null ? void 0 : e.expression) && /\(.*\)/.test(t.column.expression);
 }
 function L(t) {
-  const e = "measures" in t && u(t.measures) || "values" in t && u(t.values);
-  return Et(t) ? "values" in t.dataOptions && u(t.dataOptions.values) : "chartType" in t ? t.chartType === "indicator" ? "value" in t.dataOptions && u(t.dataOptions.value) || "secondary" in t.dataOptions && u(t.dataOptions.secondary) : t.chartType === "table" ? !("columns" in t.dataOptions) || !u(t.dataOptions.columns) ? !1 : t.dataOptions.columns.some((i) => h(i)) : t.chartType === "boxplot" ? !1 : t.chartType === "scatter" ? "x" in t.dataOptions && t.dataOptions.x !== void 0 && h(t.dataOptions.x) || "y" in t.dataOptions && t.dataOptions.y !== void 0 && h(t.dataOptions.y) || "size" in t.dataOptions && t.dataOptions.size !== void 0 : t.chartType === "scattermap" ? "colorBy" in t.dataOptions && t.dataOptions.colorBy !== void 0 && h(t.dataOptions.colorBy) || "details" in t.dataOptions && t.dataOptions.details !== void 0 && h(t.dataOptions.details) || "size" in t.dataOptions && t.dataOptions.size !== void 0 && h(t.dataOptions.size) : t.chartType === "areamap" ? "geo" in t.dataOptions && u(t.dataOptions.geo) && "color" in t.dataOptions && u(t.dataOptions.color) : "value" in t.dataOptions && u(t.dataOptions.value) : e;
+  const e = "measures" in t && c(t.measures) || "values" in t && c(t.values);
+  return Et(t) ? "values" in t.dataOptions && c(t.dataOptions.values) : "chartType" in t ? t.chartType === "indicator" ? "value" in t.dataOptions && c(t.dataOptions.value) || "secondary" in t.dataOptions && c(t.dataOptions.secondary) : t.chartType === "table" ? !("columns" in t.dataOptions) || !c(t.dataOptions.columns) ? !1 : t.dataOptions.columns.some((i) => h(i)) : t.chartType === "boxplot" ? !1 : t.chartType === "scatter" ? "x" in t.dataOptions && t.dataOptions.x !== void 0 && h(t.dataOptions.x) || "y" in t.dataOptions && t.dataOptions.y !== void 0 && h(t.dataOptions.y) || "size" in t.dataOptions && t.dataOptions.size !== void 0 : t.chartType === "scattermap" ? "colorBy" in t.dataOptions && t.dataOptions.colorBy !== void 0 && h(t.dataOptions.colorBy) || "details" in t.dataOptions && t.dataOptions.details !== void 0 && h(t.dataOptions.details) || "size" in t.dataOptions && t.dataOptions.size !== void 0 && h(t.dataOptions.size) : t.chartType === "areamap" ? "geo" in t.dataOptions && c(t.dataOptions.geo) && "color" in t.dataOptions && c(t.dataOptions.color) : "value" in t.dataOptions && c(t.dataOptions.value) : e;
 }
-function u(t) {
+function c(t) {
   return Array.isArray(t) && t.length > 0;
 }
 function Dt(t) {
@@ -603,7 +603,7 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
 }, K = (t, e) => wt[e][t].replace(/{{(.*?)Tmpl}}/g, (i, a) => K(`${a}Tmpl`, e)), Ct = (t, e) => t.replace(/{{(.*?)}}/g, (r, i) => i in e ? e[i] : (console.warn(`Placeholder ${i} not found in data`), r)), q = (t, e, r = "react") => {
   const i = K(t, r);
   return Dt(Ct(i, e));
-}, Mt = () => Object.values(ct).map((e) => R.aggregationToJAQL(e)).join("|"), V = (t) => {
+}, It = () => Object.values(ut).map((e) => _.aggregationToJAQL(e)).join("|"), V = (t) => {
   const { formula: e, context: r, filter: i } = t;
   if (!r || !e)
     return t;
@@ -613,7 +613,7 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
   const s = a[0];
   if (typeof s != "string")
     return t;
-  const n = r[`${s}`], l = Mt(), m = new RegExp(`^\\s*(${l})\\(\\[\\w+\\]\\)$`), y = e.match(m);
+  const n = r[`${s}`], m = It(), l = new RegExp(`^\\s*(${m})\\(\\[\\w+\\]\\)$`), y = e.match(l);
   if (y && e.includes(s)) {
     const d = y[1];
     return o({
@@ -637,20 +637,20 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
     }), e.context = r;
   }
   return e;
-}, It = (t) => {
+}, Mt = (t) => {
   var i;
   const e = t;
   if (e.panel !== "scope")
     return e;
   const { jaql: r } = e;
-  return (i = r.filter) != null && i.by && (r.filter.by = V(r.filter.by)), c(o({}, e), {
+  return (i = r.filter) != null && i.by && (r.filter.by = V(r.filter.by)), u(o({}, e), {
     jaql: r
   });
 }, qt = (t) => {
   let e = t;
-  e = It(e);
+  e = Mt(e);
   const { jaql: r, measure: i, by: a } = e;
-  return o(o(c(o({}, e), {
+  return o(o(u(o({}, e), {
     jaql: D(r)
   }), a ? {
     by: D(a)
@@ -673,7 +673,7 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
 }, jt = (t) => {
   const { level: e, table: r, column: i, agg: a, title: s } = t;
   let n;
-  return r && i && (n = z(r, i, e, "DM")), a && r && i && s && (n = `measureFactory.${R.aggregationFromJAQL(a)}(${n}, '${O(s)}')`), n || W;
+  return r && i && (n = z(r, i, e, "DM")), a && r && i && s && (n = `measureFactory.${_.aggregationFromJAQL(a)}(${n}, '${O(s)}')`), n || W;
 }, $t = (t, e) => {
   const r = t.jaql(!1).jaql;
   return "formula" in r ? Wt(r, e) : jt(r);
@@ -684,7 +684,7 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
     return `'${O(t)}'`;
   if (t instanceof J)
     return $t(t, e);
-  if (t instanceof _)
+  if (t instanceof N)
     return t.composeCode || "";
   let i = "";
   return Array.isArray(t) ? i += `[${t.map((a) => p(a, e + 2))}${t.length ? E + " ".repeat(e + 2) : ""}]` : (i += `{${E}`, Object.entries(t).forEach(([a, s]) => {
@@ -706,7 +706,7 @@ function Q(t, e = "data-source-placeholder") {
 }
 function A(t, e = !0) {
   const r = [];
-  return e && r.push("measureFactory"), u(t) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
+  return e && r.push("measureFactory"), c(t) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
 }
 const k = `
 `, Lt = (t, e) => {
@@ -723,14 +723,14 @@ const k = `
 }, B = (t) => t ? Array.isArray(t) ? Qt(t, 6) : "/** Filter relations not supported yet */" : "[]", At = [
   "executeQueryByWidgetIdTmpl",
   "widgetByIdTmpl"
-], kt = "chartWidgetTmpl", Bt = "pivotTableWidgetTmpl", Ft = (t) => t, Nt = ({ dashboardOid: t, widgetOid: e, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
+], kt = "chartWidgetTmpl", Bt = "pivotTableWidgetTmpl", Rt = (t) => t, Ft = ({ dashboardOid: t, widgetOid: e, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
   U(i);
   const s = {
     dashboardOid: t,
     widgetOid: e
   }, n = At[Number(a)];
   return q(n, s, r);
-}, _t = (t, e, r) => {
+}, Nt = (t, e, r) => {
   if (pt(t)) {
     U(t.chartType);
     const i = L(t), a = {
@@ -738,7 +738,7 @@ const k = `
       widgetTypeString: "chart",
       titleString: t.title,
       dataSourceString: Q(t.dataSource),
-      chartTypeString: Ft(t.chartType),
+      chartTypeString: Rt(t.chartType),
       dataOptionsString: Pt(t.dataOptions),
       filtersString: B(t.filters),
       componentString: "ChartWidget",
@@ -765,10 +765,14 @@ const k = `
   if (gt(t))
     return "/** Plugin widget code not supported yet */";
   throw new S("errors.otherWidgetTypesNotSupported");
-}, Rt = ({ widgetProps: t, uiFramework: e = "react" }) => _t(t, e, {
+}, _t = ({ widgetProps: t, uiFramework: e = "react" }) => Nt(t, e, {
   chart: kt,
   pivot: Bt
-}), zt = (t) => ({
+}), ue = (t) => "chartType" in t.chartRecommendations ? t.chartRecommendations : {
+  chartType: "table",
+  chartFamily: "table",
+  axesMapping: {}
+}, zt = (t) => ({
   dataOptions: {
     columns: t.map(Y)
   }
@@ -793,17 +797,17 @@ const k = `
   xAxis: {
     gridLines: !1
   }
-}), F = Object.freeze({
+}), R = Object.freeze({
   line: "line/spline",
   pie: "pie/donut",
   bar: "bar/stacked",
   column: "column/stackedcolumn"
 }), Yt = (t, e, r) => {
   const i = t.reduce((s, n) => (s[n.jaql.title] = n, s), {}), a = Object.entries(r).reduce((s, n) => {
-    const [l, m] = n;
-    return s[`${l}`] = Array.isArray(m) ? m.map((y) => {
+    const [m, l] = n;
+    return s[`${m}`] = Array.isArray(l) ? l.map((y) => {
       var T, b;
-      const d = I(y);
+      const d = M(y);
       delete d.enabled;
       const g = i[d.column.name];
       if (!g)
@@ -815,21 +819,21 @@ const k = `
         };
       const f = Y(g);
       if (g.panel === "measures")
-        return c(o({}, d), {
+        return u(o({}, d), {
           column: f
         });
-      if (ft(f.type)) {
+      if (yt(f.type)) {
         const v = (b = (T = g.format) == null ? void 0 : T.mask) == null ? void 0 : b[g.jaql.level];
         if (v)
-          return c(o({}, d), {
+          return u(o({}, d), {
             column: f,
             dateFormat: v
           });
       }
-      return c(o({}, d), {
+      return u(o({}, d), {
         column: f
       });
-    }) : m, s;
+    }) : l, s;
   }, {});
   switch (e) {
     case "cartesian":
@@ -859,14 +863,13 @@ const k = `
     default:
       return a;
   }
-}, N = (t, e) => {
+}, F = (t, e) => {
   var r, i, a, s;
-  return e === "x" ? (i = (r = t.axesMapping.category) != null ? r : t.axesMapping.x) == null ? void 0 : i.map((n) => I(n).column.name).join(", ") : (s = (a = t.axesMapping.value) != null ? a : t.axesMapping.y) == null ? void 0 : s.map((n) => I(n).column.name).join(", ");
-}, Ut = (t, e, r = !0) => {
-  const { chartFamily: i, axesMapping: a = {}, styleOptions: s = {} } = e, n = Yt(t, i, a);
-  let l;
-  return r && e.chartType in F ? l = M(M(Jt, {
-    subtype: F[e.chartType]
+  return e === "x" ? (i = (r = t.category) != null ? r : t.x) == null ? void 0 : i.map((n) => M(n).column.name).join(", ") : (s = (a = t.value) != null ? a : t.y) == null ? void 0 : s.map((n) => M(n).column.name).join(", ");
+}, Ut = (t, e, r, i) => {
+  let a;
+  return i && t in R ? a = I(I(Jt, {
+    subtype: R[`${t}`]
   }), {
     legend: {
       enabled: !0,
@@ -875,24 +878,27 @@ const k = `
     yAxis: {
       title: {
         enabled: !0,
-        text: N(e, "y")
+        text: F(e, "y")
       }
     },
     xAxis: {
       title: {
         enabled: !0,
-        text: N(e, "x")
+        text: F(e, "x")
       }
     }
-  }, s) : l = M(yt(), s), {
-    dataOptions: n,
+  }, r) : a = I(ft(), r), a;
+}, Kt = (t, e, r = !0) => {
+  const { chartFamily: i, chartType: a, axesMapping: s = {}, styleOptions: n = {} } = e, m = Yt(t, i, s), l = Ut(a, s, n, r);
+  return {
+    dataOptions: m,
     chartStyleOptions: l
   };
-}, Kt = (t) => "chartType" in t ? t : {
+}, Vt = (t) => "chartType" in t ? t : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, Vt = (t) => t.map((e) => ht(e.jaql)), Ht = (t) => t.reduce((e, r) => {
+}, Gt = (t) => t.map((e) => ht(e.jaql)), Ht = (t) => t.reduce((e, r) => {
   if ((r.panel === "scope" || r.jaql.filter) && e.metadataFilters.push(P(r)), r.panel !== "scope") {
     const i = P(r);
     delete i.jaql.filter, e.metadataColumns.push(i);
@@ -901,62 +907,66 @@ const k = `
 }, {
   metadataColumns: [],
   metadataFilters: []
-}), Gt = (t, e) => {
+}), Xt = (t, e) => {
   if (!xt(t))
     try {
-      const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = t, { metadata: n, datasource: l } = i, m = c(o({}, l), {
-        type: l.type || "elasticube"
-      }), y = St(m), d = n.map((x) => qt(x)).map((x) => c(o({}, x), {
-        jaql: c(o({}, x.jaql), {
+      const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = t, { metadata: n, datasource: m } = i, l = u(o({}, m), {
+        type: m.type || "elasticube"
+      }), y = St(l), d = n.map((x) => qt(x)).map((x) => u(o({}, x), {
+        jaql: u(o({}, x.jaql), {
           datasource: y
         })
-      })), g = Kt(a), f = g.chartType.toLowerCase(), T = {
+      })), g = Vt(a), f = g.chartType.toLowerCase(), T = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: b, metadataFilters: v } = Ht(d), H = Vt(v), { dataOptions: G, chartStyleOptions: X } = Ut(b, g, r), Z = o(o({}, X), T);
+      }, { metadataColumns: b, metadataFilters: v } = Ht(d), G = Gt(v), { dataOptions: H, chartStyleOptions: X } = Kt(b, g, r), Z = o(o({}, X), T);
       return {
         widgetType: "chart",
         id: s,
         title: s,
         chartType: f,
-        dataSource: m,
-        dataOptions: G,
-        filters: H,
+        dataSource: l,
+        dataOptions: H,
+        filters: G,
         styleOptions: Z
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, Xt = (t, e) => Gt(t, e), Zt = (t) => bt(t) ? Nt(t) : Rt(t), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Zt = (t, e) => Xt(t, e), te = (t) => bt(t) ? Ft(t) : _t(t), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: Zt,
-  toWidgetProps: Xt
+  toWidgetCode: te,
+  toWidgetProps: Zt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   w as C,
-  ie as E,
+  ae as E,
   J,
   q as a,
   L as b,
-  oe as c,
+  le as c,
   Q as d,
   B as e,
   A as f,
-  _t as g,
+  Nt as g,
   p as h,
-  ne as i,
-  re as j,
-  ae as k,
+  oe as i,
+  ie as j,
+  se as k,
   bt as l,
-  se as m,
+  ne as m,
   qt as n,
+  ue as o,
   Ct as p,
-  le as s,
-  Xt as t,
-  de as v,
-  ue as w
+  Yt as q,
+  Ut as r,
+  de as s,
+  Zt as t,
+  Kt as u,
+  ce as v,
+  pe as w
 };

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "2.2.0",
+  "version": "2.3.1",
   "type": "module",
   "exports": {
     ".": {
@@ -52,17 +52,17 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@emotion/cache": "^11.10.5",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/material": "^5.16.7",
-    "@mui/system": "^5.16.7",
-    "@sisense/sdk-common": "2.2.0",
-    "@sisense/sdk-data": "2.2.0",
-    "@sisense/sdk-pivot-client": "2.2.0",
-    "@sisense/sdk-query-client": "2.2.0",
-    "@sisense/sdk-rest-client": "2.2.0",
-    "@sisense/sdk-tracking": "2.2.0",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^6.4.11",
+    "@mui/system": "^6.4.11",
+    "@sisense/sdk-common": "2.3.1",
+    "@sisense/sdk-data": "2.3.1",
+    "@sisense/sdk-pivot-client": "2.3.1",
+    "@sisense/sdk-query-client": "2.3.1",
+    "@sisense/sdk-rest-client": "2.3.1",
+    "@sisense/sdk-tracking": "2.3.1",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",
@@ -71,7 +71,7 @@
     "date-fns-tz": "^2.0.0",
     "dayjs": "^1.11.7",
     "dompurify": "^3.1.6",
-    "fixed-data-table-2": "^1.2.18",
+    "fixed-data-table-2": "^2.0.21",
     "geojson": "^0.5.0",
     "guid-typescript": "^1.0.9",
     "highcharts-react-official": "^3.2.1",
@@ -79,9 +79,10 @@
     "immer": "^10.0.2",
     "leaflet": "^1.9.4",
     "lodash-es": "^4.17.21",
+    "markdown-to-jsx": "^7.7.6",
     "merge-deep": "^3.0.3",
     "proj4leaflet": "^1.0.2",
-    "react-datepicker": "^7.3.0",
+    "react-datepicker": "^8.4.0",
     "react-error-boundary": "^4.0.11",
     "react-i18next": "^13.2.2",
     "react-number-format": "^5.1.0",
@@ -94,8 +95,10 @@
   "scripts": {
     "dev": "vite",
     "type-check": "tsc --noEmit",
-    "build": "run type-check && vite build --mode development",
-    "build:prod": "run type-check && vite build",
+    "build": "run type-check && vite build --mode development && run build:umd",
+    "build:prod": "run type-check && vite build && run build:umd:prod",
+    "build:umd": "tsx ./scripts/vite/vite.umd.build.ts --mode development",
+    "build:umd:prod": "tsx ./scripts/vite/vite.umd.build.ts --mode production",
     "clean": "rm -rf ./dist && rm -rf ./coverage && rm -rf tsconfig.tsbuildinfo  && rm -rf node_modules/.vite/deps",
     "lint": "eslint . --quiet",
     "lint:fix": "run lint --fix",
@@ -138,7 +141,7 @@
     "@types/prismjs": "^1.26.5",
     "@types/proj4leaflet": "^1.0.10",
     "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
+    "@types/react-dom": "18.3.1",
     "@types/react-grid-layout": "^1.3.5",
     "@types/react-plotly.js": "^2.6.0",
     "@vitejs/plugin-react-swc": "^3.8.0",
@@ -163,6 +166,7 @@
     "sass": "1.58.3",
     "storybook": "7.0.24",
     "tailwindcss": "^3.3.1",
+    "tsx": "^4.19.4",
     "typescript": "4.8.4",
     "vite": "5.2.10",
     "vite-plugin-checker": "^0.6.1",
@@ -171,8 +175,8 @@
     "vitest-canvas-mock": "^0.3.2"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "volta": {
     "extends": "../../package.json"