@sisense/sdk-ui 1.27.0 → 1.28.0

package/dist/{widget-composer-Dwta0nDD.cjs → widget-composer-BvJFwTM1.cjs}

@@ -1,4 +1,6 @@
-"use strict";var k=Object.defineProperty;var C=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var w=(e,t,r)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))B.call(t,r)&&w(e,r,t[r]);if(C)for(var r of C(t))R.call(t,r)&&w(e,r,t[r]);return e};const o=require("./derive-chart-family-BXkBWhAA.cjs");class I 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 W(e){var t;return new I(e,(t=Y[e.jaql.datatype])!==null&&t!==void 0?t:"numeric")}const z={jaql:{datasource:{title:""},metadata:[]},queryTitle:"",chartRecommendations:{}},K={model:"",metadata:[],chart:{},queryTitle:""},U=e=>"widgetProps"in e,$=e=>"dashboardOid"in e&&"widgetOid"in e;function J(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function V(e){return e.charAt(0).toUpperCase()+e.slice(1)}function X(e){const t=/\[(.+?)\s\(Calendar\)\]/;return e.replace(t,"[$1]").trim()}function H(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 Z(e){return!e||!e.jaql.datasource.title||!e.jaql.metadata.length}function h(e){return e&&e.replace(new RegExp("(?<!\\\\)'","g"),"\\'")}function q(e){if(![...o.ALL_CHART_TYPES,"pivot","pivot2"].includes(e))throw new o.TranslatableError("errors.chartTypeNotSupported",{chartType:e})}const G={react:{baseChartTmpl:`import { {{componentString}} } from '@sisense/sdk-ui';
+"use strict";var R=Object.defineProperty;var D=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var M=(e,t,r)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,f=(e,t)=>{for(var r in t||(t={}))Y.call(t,r)&&M(e,r,t[r]);if(D)for(var r of D(t))z.call(t,r)&&M(e,r,t[r]);return e};const o=require("./derive-chart-family-BNu7PP-p.cjs");class $ 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 K={text:o.MetadataTypes.TextAttribute,numeric:o.MetadataTypes.NumericAttribute,datetime:o.MetadataTypes.DateLevel};function q(e){var t;return new $(e,(t=K[e.jaql.datatype])!==null&&t!==void 0?t:"numeric")}const U={jaql:{datasource:{title:""},metadata:[]},widgetProps:void 0,queryTitle:"",chartRecommendations:{}},J={model:"",metadata:[],chart:{},queryTitle:""},V=e=>"widgetProps"in e,L=e=>"dashboardOid"in e&&"widgetOid"in e;function X(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function H(e){return e.charAt(0).toUpperCase()+e.slice(1)}function Z(e){const t=/\[(.+?)\s\(Calendar\)\]/;return e.replace(t,"[$1]").trim()}function G(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 ee(e){return!e||!e.jaql.datasource.title||!e.jaql.metadata.length}function S(e){return e&&e.replace(new RegExp("(?<!\\\\)'","g"),"\\'")}function Q(e){if(![...o.ALL_CHART_TYPES,"pivot","pivot2"].includes(e))throw new o.TranslatableError("errors.chartTypeNotSupported",{chartType:e})}function b(e){const t="measures"in e&&y(e.measures)||"values"in e&&y(e.values);return"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&&y(e.dataOptions.geo):"value"in e.dataOptions&&y(e.dataOptions.value):t}function y(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}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
@@ -286,13 +288,13 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
     <div v-else-if="isError">Error: {{error.message}}</div>
     <div v-else-if="data">Total Rows: {{data.rows.length}}</div>
   </div>
-</template>`,executePivotQueryTmpl:"Not implemented yet",pivotTableWidgetTmpl:"Not implemented yet"}},Q=(e,t)=>G[t][e].replace(/{{(.*?)Tmpl}}/g,(a,s)=>Q(`${s}Tmpl`,t)),L=(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=Q(e,r);return L(a,t)},y=`
-`,b="UNKNOWN",ee=(e,t)=>{let r="";return r+=`measureFactory.customFormula(
-`,r+=" ".repeat(t),r+=`  '${h(e.title)}',
+</template>`,executePivotQueryTmpl:"Not implemented yet",pivotTableWidgetTmpl:"Not implemented yet"}},j=(e,t)=>re[t][e].replace(/{{(.*?)Tmpl}}/g,(a,s)=>j(`${s}Tmpl`,t)),A=(e,t)=>e.replace(/{{(.*?)}}/g,(r,a)=>a in t?t[a]:(console.warn(`Placeholder ${a} not found in data`),r)),O=(e,t,r="react")=>{const a=j(e,r);return te(A(a,t))},h=`
+`,x="UNKNOWN",ae=(e,t)=>{let r="";return r+=`measureFactory.customFormula(
+`,r+=" ".repeat(t),r+=`  '${S(e.title)}',
 `,r+=" ".repeat(t),r+=`  '${e.formula}',
 `,r+=" ".repeat(t),r+=`  {
-`,Object.entries(e.context).forEach(([a,s])=>{const i=o.normalizeAttributeName(s.table||b,s.column||b,void 0,"DM");r+=" ".repeat(t),r+=`    '${a.slice(1,-1)}': ${i},
+`,Object.entries(e.context).forEach(([a,s])=>{const i=o.normalizeAttributeName(s.table||x,s.column||x,void 0,"DM");r+=" ".repeat(t),r+=`    '${a.slice(1,-1)}': ${i},
 `}),r+=" ".repeat(t),r+=`  }
-`,r+=" ".repeat(t),r+=")",r},te=(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}, '${h(d)}')`),n&&(l=`{column: ${l}, sortType: '${o.getSortType(n)}'}`),l?`${" ".repeat(t)}${l}`:b},re=(e,t)=>{const r=e.jaql().jaql;return"formula"in r?ee(r,t):y+te(r,t)},c=(e,t=0,r=!1)=>{if(!e)return"";if(typeof e=="string")return`'${h(e)}'`;if(e instanceof I)return re(e,t);let a="";return Array.isArray(e)?a+=`[${e.map(s=>c(s,t+2))}${e.length?y+" ".repeat(t+2):""}]`:(a+=`{${y}`,Object.entries(e).forEach(([s,i])=>{r&&(s=`'${h(s)}'`),a+=" ".repeat(t+2),Array.isArray(i)?a+=`${s}: [${i.map(n=>c(n,t+4,r))}${i.length?y+" ".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}: '${h(i)}'`,a+=`,${y}`}),a+=" ".repeat(t),a+="}"),a};function ae(e){return c(e,2)}function x(e){if(!e)throw new o.TranslatableError("errors.undefinedDataSource");let t;return typeof e=="object"&&"title"in e?t=e.title:t=e,J(t)}function O(e){const t=["measureFactory"];return Array.isArray(e)&&e.length>0&&t.push("filterFactory"),`import { ${t.join(", ")} } from '@sisense/sdk-data';`}const D=`
-`,ie=(e,t)=>{if(e.composeCode)return`${D}${" ".repeat(t)}${e.composeCode}`;const r=e.jaql().jaql;return`${D}${" ".repeat(t)}filterFactory.customFilter(${c(r,t,!0)})`},se=(e,t=0)=>{if(!e)return"";let r="";return r+=`[${e.map(a=>ie(a,t+2))}${e.length?`
-`+" ".repeat(t+2):""}]`,r},j=e=>{if(!e)return"";if(Array.isArray(e))return se(e,2);throw new o.TranslatableError("errors.filterRelationsNotSupported")},oe=["executeQueryByWidgetIdTmpl","widgetByIdTmpl"],ne="chartWidgetTmpl",le="pivotTableWidgetTmpl",de=e=>e,ue=(e,t,r)=>{const a={titleString:e.title,dataSourceString:x(e.dataSource),chartTypeString:de(e.chartType),dataOptionsString:ae(e.dataOptions),filtersString:j(e.filters),componentString:"ChartWidget",extraImportsString:O(e.filters||[])};return E(r,a,t)},ce=(e,t,r)=>{const a={titleString:e.title,dataSourceString:x(e.dataSource),dataOptionsString:c(e.dataOptions),componentString:"PivotTableWidget",extraImportsString:O(e.filters||[])};return E(r,a,t)},pe=({dashboardOid:e,widgetOid:t,uiFramework:r="react",chartType:a="table",includeChart:s=!0})=>{q(a);const i={dashboardOid:e,widgetOid:t},n=oe[Number(s)];return E(n,i,r)},me=({widgetProps:e,uiFramework:t="react"})=>{if(o.isChartWidgetProps(e))return q(e.chartType),ue(e,t,ne);if(o.isPivotTableWidgetProps(e))return ce(e,t,le);throw new o.TranslatableError("errors.otherWidgetTypesNotSupported")},ge=e=>({dataOptions:{columns:e.map(W)}}),fe=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),M=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),ye=(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,m]=d;return n[`${l}`]=Array.isArray(m)?m.map(g=>{var S,T;const u=s[g.name];if(!u)return{column:{type:"",name:g.name}};const p=W(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}):m,n},{});switch(a){case"cartesian":return f({category:[],value:[],breakBy:[]},i);case"categorical":return f({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?ge(e).dataOptions:i;case"boxplot":case"areamap":case"indicator":default:return i}},P=(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(", ")},he=(e,t,r=!0)=>{const a=ye(e,t);let s;return r&&t.chartType in M?s=o.merge(o.merge(fe,{subtype:M[t.chartType]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:P(t,"y")}},xAxis:{title:{enabled:!0,text:P(t,"x")}}}):s=o.getDefaultStyleOptions(),{dataOptions:a,chartStyleOptions:s}},Se=e=>"chartType"in e?e:{chartType:"table",chartFamily:"table",axesMapping:{}},Te=e=>e.map(t=>o.createFilterFromJaql(t.jaql)),ve=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:[]}),Ee=(e,t)=>{if(!Z(e))try{const{useCustomizedStyleOptions:r=!1}=t||{},{jaql:a,chartRecommendations:s,queryTitle:i}=e,{metadata:n,datasource:{title:d,id:l,type:m="elasticube"}}=a,g=Se(s),u=g.chartType.toLowerCase(),p={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:S,metadataFilters:T}=ve(n),v=Te(T),{dataOptions:F,chartStyleOptions:_}=he(S,g,r),N=f(f({},_),p);return{widgetType:"chart",id:i,title:i,chartType:u,dataSource:{title:d,id:l,type:m},dataOptions:F,filters:v,styleOptions:N}}catch(r){console.error(r);return}},A=(e,t)=>Ee(e,t),be=e=>$(e)?pe(e):me(e),xe=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:be,toWidgetProps:A},Symbol.toStringTag,{value:"Module"}));exports.EMPTY_EXPANDED_QUERY_MODEL=z;exports.EMPTY_SIMPLE_QUERY_MODEL=K;exports.capitalizeFirstLetter=V;exports.generateCode=E;exports.isByIdWidgetCodeParams=$;exports.isClientSideWidgetCodeParams=U;exports.populatePlaceholders=L;exports.sanitizeDimensionId=X;exports.stringifyDataSource=x;exports.stringifyExtraImports=O;exports.stringifyFilters=j;exports.stringifyProps=c;exports.toWidgetProps=A;exports.validateQueryModel=H;exports.widgetComposer=xe;
+`,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}, '${S(d)}')`),n&&(l=`{column: ${l}, sortType: '${o.getSortType(n)}'}`),l?`${" ".repeat(t)}${l}`:x},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`'${S(e)}'`;if(e instanceof $)return se(e,t);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=`'${S(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}: '${S(i)}'`,a+=`,${h}`}),a+=" ".repeat(t),a+="}"),a};function oe(e){return c(e,2)}function w(e){if(!e)throw new o.TranslatableError("errors.undefinedDataSource");let t;return typeof e=="object"&&"title"in e?t=e.title:t=e,X(t)}function C(e,t=!0){const r=[];return t&&r.push("measureFactory"),y(e)&&r.push("filterFactory"),r.length>0?`import { ${r.join(", ")} } from '@sisense/sdk-data';`:""}const I=`
+`,ne=(e,t)=>{if(e.composeCode)return`${I}${" ".repeat(t)}${e.composeCode}`;const r=e.jaql().jaql;return`${I}${" ".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},F=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=b(e),s={titleString:e.title,dataSourceString:w(e.dataSource),chartTypeString:pe(e.chartType),dataOptionsString:oe(e.dataOptions),filtersString:F(e.filters),componentString:"ChartWidget",extraImportsString:C(e.filters||[],a)};return O(r,s,t)},ge=(e,t,r)=>{const a=b(e),s={titleString:e.title,dataSourceString:w(e.dataSource),dataOptionsString:c(e.dataOptions),componentString:"PivotTableWidget",extraImportsString:C(e.filters||[],a)};return O(r,s,t)},fe=({dashboardOid:e,widgetOid:t,uiFramework:r="react",chartType:a="table",includeChart:s=!0})=>{Q(a);const i={dashboardOid:e,widgetOid:t},n=de[Number(s)];return O(n,i,r)},ye=({widgetProps:e,uiFramework:t="react"})=>{if(o.isChartWidgetProps(e))return Q(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,m]=d;return n[`${l}`]=Array.isArray(m)?m.map(g=>{var T,v;const u=s[g.name];if(!u)return{column:{type:"",name:g.name}};const p=q(u);if(u.panel==="measures")return{column:p,sortType:"sortNone"};if(o.isDatetime(p.type)){const E=(v=(T=u.format)==null?void 0:T.mask)==null?void 0:v[u.jaql.level];if(E)return{column:p,dateFormat:E}}return p}):m,n},{});switch(a){case"cartesian":return f({category:[],value:[],breakBy:[]},i);case"categorical":return f({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}},W=(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:W(t,"y")}},xAxis:{title:{enabled:!0,text:W(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(!ee(e))try{const{useCustomizedStyleOptions:r=!1}=t||{},{jaql:a,chartRecommendations:s,queryTitle:i}=e,{metadata:n,datasource:{title:d,id:l,type:m="elasticube"}}=a,g=Ee(s),u=g.chartType.toLowerCase(),p={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:T,metadataFilters:v}=xe(n),E=Oe(v),{dataOptions:k,chartStyleOptions:N}=ve(T,g,r),B=f(f({},N),p);return{widgetType:"chart",id:i,title:i,chartType:u,dataSource:{title:d,id:l,type:m},dataOptions:k,filters:E,styleOptions:B}}catch(r){console.error(r);return}},_=(e,t)=>be(e,t),we=e=>L(e)?fe(e):ye(e),Ce=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:we,toWidgetProps:_},Symbol.toStringTag,{value:"Module"}));exports.EMPTY_EXPANDED_QUERY_MODEL=U;exports.EMPTY_SIMPLE_QUERY_MODEL=J;exports.capitalizeFirstLetter=H;exports.checkIfMeasuresExist=b;exports.generateCode=O;exports.isByIdWidgetCodeParams=L;exports.isClientSideWidgetCodeParams=V;exports.populatePlaceholders=A;exports.sanitizeDimensionId=Z;exports.stringifyDataSource=w;exports.stringifyExtraImports=C;exports.stringifyFilters=F;exports.stringifyProps=c;exports.toWidgetProps=_;exports.validateQueryModel=G;exports.widgetComposer=Ce;

package/dist/{widget-composer-BBhoRRAJ.js → widget-composer-CAmaQCTo.js}

@@ -1,19 +1,19 @@
-var _ = Object.defineProperty;
-var E = Object.getOwnPropertySymbols;
-var R = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
-var w = (e, t, r) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, f = (e, t) => {
+var K = Object.defineProperty;
+var w = Object.getOwnPropertySymbols;
+var U = Object.prototype.hasOwnProperty, Y = 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, f = (e, t) => {
   for (var r in t || (t = {}))
-    R.call(t, r) && w(e, r, t[r]);
-  if (E)
-    for (var r of E(t))
-      K.call(t, r) && w(e, r, t[r]);
+    U.call(t, r) && C(e, r, t[r]);
+  if (w)
+    for (var r of w(t))
+      Y.call(t, r) && C(e, r, t[r]);
   return e;
 };
-import { d2 as U, h as I, M as x, T as u, d3 as Y, d4 as W, a9 as z, ag as J, ae as V, m as C, d5 as H, J as X, B as Z, aT as D } from "./derive-chart-family-DRBbYXus.js";
-class Q extends U {
+import { d3 as z, h as q, M as x, T as u, d4 as J, d5 as L, aa as V, V as H, af as X, m as D, d6 as Z, J as G, B as ee, aT as M } from "./derive-chart-family-BYdyoe8O.js";
+class P extends z {
   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 = I(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+    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 = q(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
   }
   get id() {
     return this.expression;
@@ -22,36 +22,37 @@ class Q extends U {
     return this.metadataItem;
   }
 }
-const G = {
+const te = {
   text: x.TextAttribute,
   numeric: x.NumericAttribute,
   datetime: x.DateLevel
 };
-function P(e) {
+function Q(e) {
   var t;
-  return new Q(e, (t = G[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
+  return new P(e, (t = te[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
 }
-const We = {
+const Qe = {
   jaql: { datasource: { title: "" }, metadata: [] },
+  widgetProps: void 0,
   queryTitle: "",
   chartRecommendations: {}
-}, Qe = {
+}, je = {
   model: "",
   metadata: [],
   chart: {},
   queryTitle: ""
-}, Pe = (e) => "widgetProps" in e, ee = (e) => "dashboardOid" in e && "widgetOid" in e;
-function te(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 Le(e) {
+function Fe(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function je(e) {
+function ke(e) {
   const t = /\[(.+?)\s\(Calendar\)\]/;
   return e.replace(t, "[$1]").trim();
 }
-function Ae(e) {
+function Be(e) {
   if (e)
     if (e.metadata) {
       if (!e.model)
@@ -62,17 +63,38 @@ function Ae(e) {
     throw new u("errors.emptyModel");
   return e;
 }
-function re(e) {
+function ie(e) {
   return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
 }
-function h(e) {
+function S(e) {
   return e && e.replace(new RegExp("(?<!\\\\)'", "g"), "\\'");
 }
-function L(e) {
-  if (![...Y, "pivot", "pivot2"].includes(e))
+function j(e) {
+  if (![...J, "pivot", "pivot2"].includes(e))
     throw new u("errors.chartTypeNotSupported", { chartType: e });
 }
-const ae = {
+function A(e) {
+  const t = "measures" in e && y(e.measures) || "values" in e && y(e.values);
+  return "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 && y(e.dataOptions.geo) : "value" in e.dataOptions && y(e.dataOptions.value) : t;
+}
+function y(e) {
+  return Array.isArray(e) && e.length > 0;
+}
+function se(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 oe = {
   react: {
     baseChartTmpl: `import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}
@@ -391,23 +413,23 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
     executePivotQueryTmpl: "Not implemented yet",
     pivotTableWidgetTmpl: "Not implemented yet"
   }
-}, j = (e, t) => ae[t][e].replace(
+}, F = (e, t) => oe[t][e].replace(
   /{{(.*?)Tmpl}}/g,
-  (a, s) => j(`${s}Tmpl`, t)
-), ie = (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 = j(e, r);
-  return ie(a, t);
-}, y = `
-`, O = "UNKNOWN", se = (e, t) => {
+  (a, s) => F(`${s}Tmpl`, t)
+), ne = (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 = F(e, r);
+  return se(ne(a, t));
+}, h = `
+`, E = "UNKNOWN", le = (e, t) => {
   let r = "";
   return r += `measureFactory.customFormula(
-`, r += " ".repeat(t), r += `  '${h(e.title)}',
+`, r += " ".repeat(t), r += `  '${S(e.title)}',
 `, r += " ".repeat(t), r += `  '${e.formula}',
 `, r += " ".repeat(t), r += `  {
 `, Object.entries(e.context).forEach(([a, s]) => {
-    const i = W(
-      s.table || O,
-      s.column || O,
+    const i = L(
+      s.table || E,
+      s.column || E,
       void 0,
       "DM"
     );
@@ -415,104 +437,104 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
 `;
   }), r += " ".repeat(t), r += `  }
 `, r += " ".repeat(t), r += ")", r;
-}, oe = (e, t) => {
+}, de = (e, t) => {
   const { level: r, table: a, column: s, agg: i, sort: o, title: l } = e;
   let n;
-  return a && s && (n = W(a, s, r, "DM")), i && a && s && l && (n = `measureFactory.${z.aggregationFromJAQL(
+  return a && s && (n = L(a, s, r, "DM")), i && a && s && l && (n = `measureFactory.${V.aggregationFromJAQL(
     i
-  )}(${n}, '${h(l)}')`), o && (n = `{column: ${n}, sortType: '${I(o)}'}`), n ? `${" ".repeat(t)}${n}` : O;
-}, ne = (e, t) => {
+  )}(${n}, '${S(l)}')`), o && (n = `{column: ${n}, sortType: '${q(o)}'}`), n ? `${" ".repeat(t)}${n}` : E;
+}, ue = (e, t) => {
   const r = e.jaql().jaql;
-  return "formula" in r ? se(r, t) : y + oe(r, t);
+  return "formula" in r ? le(r, t) : h + de(r, t);
 }, p = (e, t = 0, r = !1) => {
   if (!e)
     return "";
   if (typeof e == "string")
-    return `'${h(e)}'`;
-  if (e instanceof Q)
-    return ne(e, t);
+    return `'${S(e)}'`;
+  if (e instanceof P)
+    return ue(e, t);
   let a = "";
-  return Array.isArray(e) ? a += `[${e.map((s) => p(s, t + 2))}${e.length ? y + " ".repeat(t + 2) : ""}]` : (a += `{${y}`, Object.entries(e).forEach(([s, i]) => {
-    r && (s = `'${h(s)}'`), a += " ".repeat(t + 2), Array.isArray(i) ? a += `${s}: [${i.map((o) => p(o, t + 4, r))}${i.length ? y + " ".repeat(t + 2) : ""}]` : typeof i == "object" ? a += `${s}: ${p(i, t + 2, r)}` : ["number", "boolean", "undefined", null].includes(typeof i) ? a += `${s}: ${i}` : a += `${s}: '${h(i)}'`, a += `,${y}`;
+  return Array.isArray(e) ? a += `[${e.map((s) => p(s, t + 2))}${e.length ? h + " ".repeat(t + 2) : ""}]` : (a += `{${h}`, Object.entries(e).forEach(([s, i]) => {
+    r && (s = `'${S(s)}'`), a += " ".repeat(t + 2), Array.isArray(i) ? a += `${s}: [${i.map((o) => p(o, t + 4, r))}${i.length ? h + " ".repeat(t + 2) : ""}]` : typeof i == "object" ? a += `${s}: ${p(i, t + 2, r)}` : ["number", "boolean", "undefined", null].includes(typeof i) ? a += `${s}: ${i}` : a += `${s}: '${S(i)}'`, a += `,${h}`;
   }), a += " ".repeat(t), a += "}"), a;
 };
-function le(e) {
+function ce(e) {
   return p(e, 2);
 }
-function A(e) {
+function k(e) {
   if (!e)
     throw new u("errors.undefinedDataSource");
   let t;
-  return typeof e == "object" && "title" in e ? t = e.title : t = e, te(t);
+  return typeof e == "object" && "title" in e ? t = e.title : t = e, ae(t);
 }
-function F(e) {
-  const t = ["measureFactory"];
-  return Array.isArray(e) && e.length > 0 && t.push("filterFactory"), `import { ${t.join(", ")} } from '@sisense/sdk-data';`;
+function B(e, t = !0) {
+  const r = [];
+  return t && r.push("measureFactory"), y(e) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
 }
-const M = `
-`, de = (e, t) => {
+const $ = `
+`, pe = (e, t) => {
   if (e.composeCode)
-    return `${M}${" ".repeat(t)}${e.composeCode}`;
+    return `${$}${" ".repeat(t)}${e.composeCode}`;
   const r = e.jaql().jaql;
-  return `${M}${" ".repeat(t)}filterFactory.customFilter(${p(
+  return `${$}${" ".repeat(t)}filterFactory.customFilter(${p(
     r,
     t,
     !0
   )})`;
-}, ue = (e, t = 0) => {
+}, me = (e, t = 0) => {
   if (!e)
     return "";
   let r = "";
-  return r += `[${e.map((a) => de(a, t + 2))}${e.length ? `
+  return r += `[${e.map((a) => pe(a, t + 2))}${e.length ? `
 ` + " ".repeat(t + 2) : ""}]`, r;
-}, ce = (e) => {
+}, ge = (e) => {
   if (!e)
     return "";
   if (Array.isArray(e))
-    return ue(e, 2);
+    return me(e, 2);
   throw new u("errors.filterRelationsNotSupported");
-}, pe = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], me = "chartWidgetTmpl", ge = "pivotTableWidgetTmpl", fe = (e) => e, ye = (e, t, r) => {
-  const a = {
+}, fe = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], ye = "chartWidgetTmpl", he = "pivotTableWidgetTmpl", Se = (e) => e, Te = (e, t, r) => {
+  const a = A(e), s = {
     titleString: e.title,
-    dataSourceString: A(e.dataSource),
-    chartTypeString: fe(e.chartType),
-    dataOptionsString: le(e.dataOptions),
-    filtersString: ce(e.filters),
+    dataSourceString: k(e.dataSource),
+    chartTypeString: Se(e.chartType),
+    dataOptionsString: ce(e.dataOptions),
+    filtersString: ge(e.filters),
     componentString: "ChartWidget",
-    extraImportsString: F(e.filters || [])
+    extraImportsString: B(e.filters || [], a)
   };
-  return b(r, a, t);
-}, he = (e, t, r) => {
-  const a = {
+  return b(r, s, t);
+}, ve = (e, t, r) => {
+  const a = A(e), s = {
     titleString: e.title,
-    dataSourceString: A(e.dataSource),
+    dataSourceString: k(e.dataSource),
     dataOptionsString: p(e.dataOptions),
     componentString: "PivotTableWidget",
-    extraImportsString: F(e.filters || [])
+    extraImportsString: B(e.filters || [], a)
   };
-  return b(r, a, t);
-}, Se = ({
+  return b(r, s, t);
+}, Oe = ({
   dashboardOid: e,
   widgetOid: t,
   uiFramework: r = "react",
   chartType: a = "table",
   includeChart: s = !0
 }) => {
-  L(a);
-  const i = { dashboardOid: e, widgetOid: t }, o = pe[Number(s)];
+  j(a);
+  const i = { dashboardOid: e, widgetOid: t }, o = fe[Number(s)];
   return b(o, i, r);
-}, Te = ({
+}, xe = ({
   widgetProps: e,
   uiFramework: t = "react"
 }) => {
-  if (J(e))
-    return L(e.chartType), ye(e, t, me);
-  if (V(e))
-    return he(e, t, ge);
+  if (H(e))
+    return j(e.chartType), Te(e, t, ye);
+  if (X(e))
+    return ve(e, t, he);
   throw new u("errors.otherWidgetTypesNotSupported");
-}, ve = (e) => ({
-  dataOptions: { columns: e.map(P) }
-}), xe = Object.freeze({
+}, Ee = (e) => ({
+  dataOptions: { columns: e.map(Q) }
+}), be = Object.freeze({
   convolution: {
     enabled: !0,
     selectedConvolutionType: "bySlicesCount",
@@ -531,31 +553,31 @@ const M = `
   xAxis: {
     gridLines: !1
   }
-}), $ = Object.freeze({
+}), I = Object.freeze({
   line: "line/spline",
   pie: "pie/donut",
   bar: "bar/stacked",
   column: "column/stackedcolumn"
-}), Oe = (e, t) => {
+}), we = (e, t) => {
   const { axesMapping: r = {}, chartFamily: a } = t, s = e.reduce((o, l) => (o[l.jaql.title] = l, o), {}), i = Object.entries(r).reduce((o, l) => {
     const [n, m] = l;
     return o[`${n}`] = Array.isArray(m) ? m.map((g) => {
-      var S, T;
+      var T, v;
       const d = s[g.name];
       if (!d)
         return { column: { type: "", name: g.name } };
-      const c = P(d);
+      const c = Q(d);
       if (d.panel === "measures")
         return {
           column: c,
           sortType: "sortNone"
         };
-      if (X(c.type)) {
-        const v = (T = (S = d.format) == null ? void 0 : S.mask) == null ? void 0 : T[d.jaql.level];
-        if (v)
+      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 {
             column: c,
-            dateFormat: v
+            dateFormat: O
           };
       }
       return c;
@@ -582,22 +604,22 @@ const M = `
         o !== "geo" && (i[`${o}`] = i[`${o}`][0]);
       }), i;
     case "table":
-      return Object.keys(i).length === 0 ? ve(e).dataOptions : i;
+      return Object.keys(i).length === 0 ? Ee(e).dataOptions : i;
     case "boxplot":
     case "areamap":
     case "indicator":
     default:
       return i;
   }
-}, q = (e, t) => {
+}, W = (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(", ");
-}, be = (e, t, r = !0) => {
-  const a = Oe(e, t);
+}, Ce = (e, t, r = !0) => {
+  const a = we(e, t);
   let s;
-  return r && t.chartType in $ ? s = C(
-    C(xe, {
-      subtype: $[t.chartType]
+  return r && t.chartType in I ? s = D(
+    D(be, {
+      subtype: I[t.chartType]
     }),
     {
       legend: {
@@ -607,50 +629,50 @@ const M = `
       yAxis: {
         title: {
           enabled: !0,
-          text: q(t, "y")
+          text: W(t, "y")
         }
       },
       xAxis: {
         title: {
           enabled: !0,
-          text: q(t, "x")
+          text: W(t, "x")
         }
       }
     }
-  ) : s = H(), {
+  ) : s = Z(), {
     dataOptions: a,
     chartStyleOptions: s
   };
-}, Ee = (e) => "chartType" in e ? e : {
+}, De = (e) => "chartType" in e ? e : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, we = (e) => e.map((t) => Z(t.jaql)), Ce = (e) => e.reduce(
+}, Me = (e) => e.map((t) => ee(t.jaql)), $e = (e) => e.reduce(
   (t, r) => {
-    if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(D(r)), r.panel !== "scope") {
-      const a = D(r);
+    if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(M(r)), r.panel !== "scope") {
+      const a = M(r);
       delete a.jaql.filter, t.metadataColumns.push(a);
     }
     return t;
   },
   { metadataColumns: [], metadataFilters: [] }
-), De = (e, t) => {
-  if (!re(e))
+), 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: m = "elasticube" }
-      } = a, g = Ee(s), d = g.chartType.toLowerCase(), c = {
+      } = a, g = De(s), d = g.chartType.toLowerCase(), c = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: S, metadataFilters: T } = Ce(o), v = we(T), { dataOptions: k, chartStyleOptions: B } = be(
-        S,
+      }, { metadataColumns: T, metadataFilters: v } = $e(o), O = Me(v), { dataOptions: N, chartStyleOptions: _ } = Ce(
+        T,
         g,
         r
-      ), N = f(f({}, B), c);
+      ), R = f(f({}, _), c);
       return {
         widgetType: "chart",
         id: i,
@@ -661,33 +683,34 @@ const M = `
           id: n,
           type: m
         },
-        dataOptions: k,
-        filters: v,
-        styleOptions: N
+        dataOptions: N,
+        filters: O,
+        styleOptions: R
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, Me = (e, t) => De(e, t), $e = (e) => ee(e) ? Se(e) : Te(e), Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, We = (e, t) => Ie(e, t), qe = (e) => re(e) ? Oe(e) : xe(e), Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: $e,
-  toWidgetProps: Me
+  toWidgetCode: qe,
+  toWidgetProps: We
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Qe as E,
-  A as a,
+  je as E,
+  k as a,
   p as b,
-  Le as c,
-  ce as d,
-  F as e,
-  We as f,
+  Fe as c,
+  ge as d,
+  B as e,
+  A as f,
   b as g,
-  ee as h,
-  Pe as i,
-  ie as p,
-  je as s,
-  Me as t,
-  Ae as v,
-  Fe as w
+  Qe as h,
+  Ae as i,
+  re as j,
+  ne as p,
+  ke as s,
+  We as t,
+  Be as v,
+  Ne as w
 };

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.27.0",
+  "version": "1.28.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.27.0",
-    "@sisense/sdk-data": "^1.27.0",
-    "@sisense/sdk-pivot-client": "^1.27.0",
-    "@sisense/sdk-query-client": "^1.27.0",
-    "@sisense/sdk-rest-client": "^1.27.0",
-    "@sisense/sdk-tracking": "^1.27.0",
+    "@sisense/sdk-common": "^1.28.0",
+    "@sisense/sdk-data": "^1.28.0",
+    "@sisense/sdk-pivot-client": "^1.28.0",
+    "@sisense/sdk-query-client": "^1.28.0",
+    "@sisense/sdk-rest-client": "^1.28.0",
+    "@sisense/sdk-tracking": "^1.28.0",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",

package/dist/packages/sdk-ui/src/filters/components/filters-panel/filters-panel-tile.d.ts

@@ -1,24 +0,0 @@
-import { DataSource, Filter } from '@sisense/sdk-data';
-/**
- * Props of the {@link FiltersPanelTile} component
- *
- * @internal
- */
-export type FiltersPanelTileProps = {
-    /** Filter to display */
-    filter: Filter;
-    /** Callback to handle filter change */
-    onChange: (filter: Filter | null) => void;
-    /** Filter delete callback */
-    onDelete?: () => void;
-    /** Filter edit callback */
-    onEdit?: () => void;
-    /** Default data source used for filter tiles */
-    defaultDataSource?: DataSource;
-};
-/**
- * Filter tile component that renders a filter based on its type
- *
- * @internal
- */
-export declare const FiltersPanelTile: ({ filter, onChange, onDelete, onEdit, defaultDataSource, }: FiltersPanelTileProps) => import("react/jsx-runtime").JSX.Element;