@sisense/sdk-ui 1.22.0 → 1.23.0

package/dist/widget-composer-B17DVa2A.cjs

@@ -0,0 +1,101 @@
+"use strict";var P=Object.defineProperty;var C=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var E=(e,t,r)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))I.call(t,r)&&E(e,r,t[r]);if(C)for(var r of C(t))L.call(t,r)&&E(e,r,t[r]);return e};const o=require("./derive-chart-family-DcALKnKU.cjs");class j 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 N={text:o.MetadataTypes.TextAttribute,numeric:o.MetadataTypes.NumericAttribute,datetime:o.MetadataTypes.DateLevel};function M(e){var t;return new j(e,(t=N[e.jaql.datatype])!==null&&t!==void 0?t:"numeric")}const B={jaql:{datasource:{title:""},metadata:[]},queryTitle:"",chartRecommendations:{}},v={model:"",metadata:[],chart:{},queryTitle:""},z=e=>"widgetProps"in e,w=e=>"dashboardOid"in e&&"widgetOid"in e;function U(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function Y(e){return e.charAt(0).toUpperCase()+e.slice(1)}function k(e){const t=/\[(.+?)\s\(Calendar\)\]/;return e.replace(t,"[$1]").trim()}function Q(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 J(e){return!e||!e.jaql.datasource.title||!e.jaql.metadata.length}function f(e){return e&&e.replace(new RegExp("(?<!\\\\)'","g"),"\\'")}const R={react:{baseChartTmpl:`import { {{componentString}} } from '@sisense/sdk-ui';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+export default function CodeExample() {
+  return (
+    <{{componentString}}
+      title={'{{titleString}}'}
+      dataSource={DM.DataSource}
+      chartType={'{{chartTypeString}}'}
+      dataOptions={ {{dataOptionsString}} }
+      filters={ {{filtersString}} }
+    />
+  );
+}`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",widgetByIdTmpl:`import { WidgetById } from '@sisense/sdk-ui';
+
+const CodeExample = () => {
+    return (
+      <>
+        <WidgetById
+          widgetOid="{{widgetOid}}"
+          dashboardOid="{{dashboardOid}}"
+          includeDashboardFilters={true}
+        />
+      </>
+    );
+};
+
+export default CodeExample;
+`},angular:{baseChartTmpl:`import { Component } from '@angular/core';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+@Component({
+    selector: 'code-example',
+    template: \`
+      <csdk-chart-widget
+        chartType='{{chartTypeString}}'
+        [dataSource]='DM.DataSource'
+        [dataOptions]='dataOptions'
+        [filters]='filters'
+      />
+    \`
+})
+export class CodeExample {
+    DM = DM;
+    dataOptions = {{dataOptionsString}};
+    filters = {{filtersString}};
+}`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",widgetByIdTmpl:`import { Component } from '@angular/core';
+
+@Component({
+  selector: 'code-example',
+  template: \`
+    <csdk-widget-by-id
+      [widgetOid]="widgetOid"
+      [dashboardOid]="dashboardOid"
+      [includeDashboardFilters]="includeDashboardFilters"
+    />
+  \`,
+})
+
+export class CodeExample {
+  widgetOid = "{{widgetOid}}";
+  dashboardOid = "{{dashboardOid}}";
+  includeDashboardFilters = true;
+}`},vue:{baseChartTmpl:`<script setup lang="ts">
+  import { ref } from 'vue';
+  import { {{componentString}} } from '@sisense/sdk-ui-vue';
+  {{extraImportsString}}
+  import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+  const dataOptions = ref({{dataOptionsString}});
+  const filters = ref({{filtersString}});
+<\/script>
+
+<template>
+  <{{componentString}}
+    chartType="{{chartTypeString}}"
+    :dataOptions="dataOptions"
+    :filters="filters"
+    :dataSource="DM.DataSource"
+    title="{{titleString}}" />
+</template>`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",widgetByIdTmpl:`<script setup lang="ts">
+import { WidgetById } from '@sisense/sdk-ui-vue';
+<\/script>
+<template>
+  <WidgetById
+    :widgetOid="{{widgetOid}}"
+    :dashboardOid="{{dashboardOid}}"
+  />
+</template>
+`}},F=(e,t)=>R[t][e].replace(/{{(.*?)Tmpl}}/g,(a,n)=>F(`${n}Tmpl`,t)),q=(e,t)=>e.replace(/{{(.*?)}}/g,(r,a)=>a in t?t[a]:(console.warn(`Placeholder ${a} not found in data`),r)),A=(e,t,r="react")=>{const a=F(e,r);return q(a,t)},g=`
+`,S="UNKNOWN",K=(e,t)=>{let r="";return r+=`measureFactory.customFormula(
+`,r+=" ".repeat(t),r+=`  '${f(e.title)}',
+`,r+=" ".repeat(t),r+=`  '${e.formula}',
+`,r+=" ".repeat(t),r+=`  {
+`,Object.entries(e.context).forEach(([a,n])=>{const i=o.normalizeAttributeName(n.table||S,n.column||S,void 0,"DM");r+=" ".repeat(t),r+=`    '${a.slice(1,-1)}': ${i},
+`}),r+=" ".repeat(t),r+=`  }
+`,r+=" ".repeat(t),r+=")",r},V=(e,t)=>{const{level:r,table:a,column:n,agg:i,sort:s,title:c}=e;let l;return a&&n&&(l=o.normalizeAttributeName(a,n,r,"DM")),i&&a&&n&&c&&(l=`measureFactory.${o.DimensionalBaseMeasure.aggregationFromJAQL(i)}(${l}, '${f(c)}')`),s&&(l=`{column: ${l}, sortType: '${o.getSortType(s)}'}`),l?`${" ".repeat(t)}${l}`:S},X=(e,t)=>{const r=e.jaql().jaql;return"formula"in r?K(r,t):g+V(r,t)},h=(e,t=0,r=!1)=>{if(!e)return"";if(typeof e=="string")return`'${f(e)}'`;if(e instanceof j)return X(e,t);let a="";return Array.isArray(e)?a+=`[${e.map(n=>h(n,t+2))}${e.length?g+" ".repeat(t+2):""}]`:(a+=`{${g}`,Object.entries(e).forEach(([n,i])=>{r&&(n=`'${f(n)}'`),a+=" ".repeat(t+2),Array.isArray(i)?a+=`${n}: [${i.map(s=>h(s,t+4,r))}${i.length?g+" ".repeat(t+2):""}]`:typeof i=="object"?a+=`${n}: ${h(i,t+2,r)}`:["number","boolean","undefined",null].includes(typeof i)?a+=`${n}: ${i}`:a+=`${n}: '${f(i)}'`,a+=`,${g}`}),a+=" ".repeat(t),a+="}"),a},$=`
+`,Z=(e,t)=>{if(e.composeCode)return`${$}${" ".repeat(t)}${e.composeCode}`;const r=e.jaql().jaql;return`${$}${" ".repeat(t)}filterFactory.customFilter(${h(r,t,!0)})`},G=(e,t=0)=>{if(!e)return"";let r="";return r+=`[${e.map(a=>Z(a,t+2))}${e.length?`
+`+" ".repeat(t+2):""}]`,r},H=e=>{if(!e)return"";if(Array.isArray(e))return G(e,2);throw new o.TranslatableError("errors.filterRelationsNotSupported")},ee=e=>{if(!e)throw new o.TranslatableError("errors.undefinedDataSource");let t;return typeof e=="object"&&"title"in e?t=e.title:t=e,U(t)},te=e=>e,re=e=>h(e,2),ae=e=>{const t=["measureFactory"],{filters:r}=e;return Array.isArray(r)&&r.length>0&&t.push("filterFactory"),`import { ${t.join(", ")} } from '@sisense/sdk-data';`},ie=(e,t)=>{const r={titleString:e.title,dataSourceString:ee(e.dataSource),chartTypeString:te(e.chartType),dataOptionsString:re(e.dataOptions),filtersString:H(e.filters),componentString:"ChartWidget",extraImportsString:ae(e)};return A("chartWidgetTmpl",r,t)},ne=({dashboardOid:e,widgetOid:t,uiFramework:r="react"})=>A("widgetByIdTmpl",{dashboardOid:e,widgetOid:t},r),se=({widgetProps:e,uiFramework:t="react"})=>{if(o.isChartWidgetProps(e))return ie(e,t);throw new o.TranslatableError("errors.otherWidgetTypesNotSupported")},oe=e=>({dataOptions:{columns:e.map(M)}}),le=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),D=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),ce=(e,t)=>{const{axesMapping:r={},chartFamily:a}=t,n=e.reduce((s,c)=>(s[c.jaql.title]=c,s),{}),i=Object.entries(r).reduce((s,c)=>{const[l,u]=c;return s[`${l}`]=Array.isArray(u)?u.map(y=>{var T,b;const d=n[y.name];if(!d)return{column:{type:"",name:y.name}};const p=M(d);if(d.panel==="measures")return{column:p,sortType:"sortNone"};if(o.isDatetime(p.type)){const O=(b=(T=d.format)==null?void 0:T.mask)==null?void 0:b[d.jaql.level];if(O)return{column:p,dateFormat:O}}return p}):u,s},{});switch(a){case"cartesian":return m({category:[],value:[],breakBy:[]},i);case"categorical":return m({category:[],value:[]},i);case"scatter":return Object.keys(i).forEach(s=>{i[`${s}`]=i[`${s}`][0]}),i;case"scattermap":return Object.keys(i).forEach(s=>{s!=="geo"&&(i[`${s}`]=i[`${s}`][0])}),i;case"table":return Object.keys(i).length===0?oe(e).dataOptions:i;case"boxplot":case"areamap":case"indicator":default:return i}},x=(e,t)=>{var r,a,n,i;return t==="x"?(a=(r=e.axesMapping.category)!=null?r:e.axesMapping.x)==null?void 0:a.map(s=>s.name).join(", "):(i=(n=e.axesMapping.value)!=null?n:e.axesMapping.y)==null?void 0:i.map(s=>s.name).join(", ")},de=(e,t,r=!0)=>{const a=ce(e,t);let n;return r&&t.chartType in D?n=o.merge(o.merge(le,{subtype:D[t.chartType]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:x(t,"y")}},xAxis:{title:{enabled:!0,text:x(t,"x")}}}):n=o.getDefaultStyleOptions(),{dataOptions:a,chartStyleOptions:n}},pe=e=>"chartType"in e?e:{chartType:"table",chartFamily:"table",axesMapping:{}},ue=e=>e.map(t=>o.createFilterFromJaql(t.jaql)),me=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:[]}),ge=(e,t)=>{if(!J(e))try{const{useCustomizedStyleOptions:r=!1}=t||{},{jaql:a,chartRecommendations:n,queryTitle:i}=e,{metadata:s,datasource:{title:c}}=a,l=pe(n),u=l.chartType.toLowerCase(),y={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:d,metadataFilters:p}=me(s),T=ue(p),{dataOptions:b,chartStyleOptions:O}=de(d,l,r),_=m(m({},O),y);return{widgetType:"chart",id:i,title:i,chartType:u,dataSource:c,dataOptions:b,filters:T,styleOptions:_}}catch(r){console.error(r);return}},W=(e,t)=>ge(e,t),fe=e=>w(e)?ne(e):se(e),he=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:fe,toWidgetProps:W},Symbol.toStringTag,{value:"Module"}));exports.EMPTY_EXPANDED_QUERY_MODEL=B;exports.EMPTY_SIMPLE_QUERY_MODEL=v;exports.capitalizeFirstLetter=Y;exports.isByIdWidgetCodeParams=w;exports.isClientSideWidgetCodeParams=z;exports.populatePlaceholders=q;exports.sanitizeDimensionId=k;exports.toWidgetProps=W;exports.validateQueryModel=Q;exports.widgetComposer=he;

package/dist/widget-composer-DqjH_6dw.js

@@ -0,0 +1,448 @@
+var L = Object.defineProperty;
+var $ = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var x = (t, e, r) => e in t ? L(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, m = (t, e) => {
+  for (var r in e || (e = {}))
+    P.call(e, r) && x(t, r, e[r]);
+  if ($)
+    for (var r of $(e))
+      B.call(e, r) && x(t, r, e[r]);
+  return t;
+};
+import { cU as v, h as F, M as S, T as p, cV as q, $ as U, a4 as k, m as j, cW as z, z as Y, F as J, aY as D } from "./derive-chart-family-CTpRObm1.js";
+class A extends v {
+  constructor(e, r) {
+    var a;
+    super((a = e.jaql.title) !== null && a !== void 0 ? a : "", 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 = F(e.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+  }
+  get id() {
+    return this.expression;
+  }
+  jaql() {
+    return this.metadataItem;
+  }
+}
+const Q = {
+  text: S.TextAttribute,
+  numeric: S.NumericAttribute,
+  datetime: S.DateLevel
+};
+function W(t) {
+  var e;
+  return new A(t, (e = Q[t.jaql.datatype]) !== null && e !== void 0 ? e : "numeric");
+}
+const $t = {
+  jaql: { datasource: { title: "" }, metadata: [] },
+  queryTitle: "",
+  chartRecommendations: {}
+}, xt = {
+  model: "",
+  metadata: [],
+  chart: {},
+  queryTitle: ""
+}, jt = (t) => "widgetProps" in t, K = (t) => "dashboardOid" in t && "widgetOid" in t;
+function R(t) {
+  return t.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function Dt(t) {
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function Et(t) {
+  const e = /\[(.+?)\s\(Calendar\)\]/;
+  return t.replace(e, "[$1]").trim();
+}
+function wt(t) {
+  if (t)
+    if (t.metadata) {
+      if (!t.model)
+        throw new p("errors.missingModelTitle");
+    } else
+      throw new p("errors.missingMetadata");
+  else
+    throw new p("errors.emptyModel");
+  return t;
+}
+function V(t) {
+  return !t || !t.jaql.datasource.title || !t.jaql.metadata.length;
+}
+function f(t) {
+  return t && t.replace(new RegExp("(?<!\\\\)'", "g"), "\\'");
+}
+const X = {
+  react: {
+    baseChartTmpl: `import { {{componentString}} } from '@sisense/sdk-ui';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+export default function CodeExample() {
+  return (
+    <{{componentString}}
+      title={'{{titleString}}'}
+      dataSource={DM.DataSource}
+      chartType={'{{chartTypeString}}'}
+      dataOptions={ {{dataOptionsString}} }
+      filters={ {{filtersString}} }
+    />
+  );
+}`,
+    chartTmpl: "{{baseChartTmpl}}",
+    chartWidgetTmpl: "{{baseChartTmpl}}",
+    widgetByIdTmpl: `import { WidgetById } from '@sisense/sdk-ui';
+
+const CodeExample = () => {
+    return (
+      <>
+        <WidgetById
+          widgetOid="{{widgetOid}}"
+          dashboardOid="{{dashboardOid}}"
+          includeDashboardFilters={true}
+        />
+      </>
+    );
+};
+
+export default CodeExample;
+`
+  },
+  angular: {
+    baseChartTmpl: `import { Component } from '@angular/core';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+@Component({
+    selector: 'code-example',
+    template: \`
+      <csdk-chart-widget
+        chartType='{{chartTypeString}}'
+        [dataSource]='DM.DataSource'
+        [dataOptions]='dataOptions'
+        [filters]='filters'
+      />
+    \`
+})
+export class CodeExample {
+    DM = DM;
+    dataOptions = {{dataOptionsString}};
+    filters = {{filtersString}};
+}`,
+    chartTmpl: "{{baseChartTmpl}}",
+    chartWidgetTmpl: "{{baseChartTmpl}}",
+    widgetByIdTmpl: `import { Component } from '@angular/core';
+
+@Component({
+  selector: 'code-example',
+  template: \`
+    <csdk-widget-by-id
+      [widgetOid]="widgetOid"
+      [dashboardOid]="dashboardOid"
+      [includeDashboardFilters]="includeDashboardFilters"
+    />
+  \`,
+})
+
+export class CodeExample {
+  widgetOid = "{{widgetOid}}";
+  dashboardOid = "{{dashboardOid}}";
+  includeDashboardFilters = true;
+}`
+  },
+  vue: {
+    baseChartTmpl: `<script setup lang="ts">
+  import { ref } from 'vue';
+  import { {{componentString}} } from '@sisense/sdk-ui-vue';
+  {{extraImportsString}}
+  import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+  const dataOptions = ref({{dataOptionsString}});
+  const filters = ref({{filtersString}});
+<\/script>
+
+<template>
+  <{{componentString}}
+    chartType="{{chartTypeString}}"
+    :dataOptions="dataOptions"
+    :filters="filters"
+    :dataSource="DM.DataSource"
+    title="{{titleString}}" />
+</template>`,
+    chartTmpl: "{{baseChartTmpl}}",
+    chartWidgetTmpl: "{{baseChartTmpl}}",
+    widgetByIdTmpl: `<script setup lang="ts">
+import { WidgetById } from '@sisense/sdk-ui-vue';
+<\/script>
+<template>
+  <WidgetById
+    :widgetOid="{{widgetOid}}"
+    :dashboardOid="{{dashboardOid}}"
+  />
+</template>
+`
+  }
+}, I = (t, e) => X[e][t].replace(
+  /{{(.*?)Tmpl}}/g,
+  (a, i) => I(`${i}Tmpl`, e)
+), Z = (t, e) => t.replace(/{{(.*?)}}/g, (r, a) => a in e ? e[a] : (console.warn(`Placeholder ${a} not found in data`), r)), _ = (t, e, r = "react") => {
+  const a = I(t, r);
+  return Z(a, e);
+}, g = `
+`, C = "UNKNOWN", G = (t, e) => {
+  let r = "";
+  return r += `measureFactory.customFormula(
+`, r += " ".repeat(e), r += `  '${f(t.title)}',
+`, r += " ".repeat(e), r += `  '${t.formula}',
+`, r += " ".repeat(e), r += `  {
+`, Object.entries(t.context).forEach(([a, i]) => {
+    const s = q(
+      i.table || C,
+      i.column || C,
+      void 0,
+      "DM"
+    );
+    r += " ".repeat(e), r += `    '${a.slice(1, -1)}': ${s},
+`;
+  }), r += " ".repeat(e), r += `  }
+`, r += " ".repeat(e), r += ")", r;
+}, H = (t, e) => {
+  const { level: r, table: a, column: i, agg: s, sort: n, title: l } = t;
+  let o;
+  return a && i && (o = q(a, i, r, "DM")), s && a && i && l && (o = `measureFactory.${U.aggregationFromJAQL(
+    s
+  )}(${o}, '${f(l)}')`), n && (o = `{column: ${o}, sortType: '${F(n)}'}`), o ? `${" ".repeat(e)}${o}` : C;
+}, tt = (t, e) => {
+  const r = t.jaql().jaql;
+  return "formula" in r ? G(r, e) : g + H(r, e);
+}, h = (t, e = 0, r = !1) => {
+  if (!t)
+    return "";
+  if (typeof t == "string")
+    return `'${f(t)}'`;
+  if (t instanceof A)
+    return tt(t, e);
+  let a = "";
+  return Array.isArray(t) ? a += `[${t.map((i) => h(i, e + 2))}${t.length ? g + " ".repeat(e + 2) : ""}]` : (a += `{${g}`, Object.entries(t).forEach(([i, s]) => {
+    r && (i = `'${f(i)}'`), a += " ".repeat(e + 2), Array.isArray(s) ? a += `${i}: [${s.map((n) => h(n, e + 4, r))}${s.length ? g + " ".repeat(e + 2) : ""}]` : typeof s == "object" ? a += `${i}: ${h(s, e + 2, r)}` : ["number", "boolean", "undefined", null].includes(typeof s) ? a += `${i}: ${s}` : a += `${i}: '${f(s)}'`, a += `,${g}`;
+  }), a += " ".repeat(e), a += "}"), a;
+}, E = `
+`, et = (t, e) => {
+  if (t.composeCode)
+    return `${E}${" ".repeat(e)}${t.composeCode}`;
+  const r = t.jaql().jaql;
+  return `${E}${" ".repeat(e)}filterFactory.customFilter(${h(
+    r,
+    e,
+    !0
+  )})`;
+}, rt = (t, e = 0) => {
+  if (!t)
+    return "";
+  let r = "";
+  return r += `[${t.map((a) => et(a, e + 2))}${t.length ? `
+` + " ".repeat(e + 2) : ""}]`, r;
+}, at = (t) => {
+  if (!t)
+    return "";
+  if (Array.isArray(t))
+    return rt(t, 2);
+  throw new p("errors.filterRelationsNotSupported");
+}, st = (t) => {
+  if (!t)
+    throw new p("errors.undefinedDataSource");
+  let e;
+  return typeof t == "object" && "title" in t ? e = t.title : e = t, R(e);
+}, it = (t) => t, nt = (t) => h(t, 2), ot = (t) => {
+  const e = ["measureFactory"], { filters: r } = t;
+  return Array.isArray(r) && r.length > 0 && e.push("filterFactory"), `import { ${e.join(", ")} } from '@sisense/sdk-data';`;
+}, lt = (t, e) => {
+  const r = {
+    titleString: t.title,
+    dataSourceString: st(t.dataSource),
+    chartTypeString: it(t.chartType),
+    dataOptionsString: nt(t.dataOptions),
+    filtersString: at(t.filters),
+    componentString: "ChartWidget",
+    extraImportsString: ot(t)
+  };
+  return _("chartWidgetTmpl", r, e);
+}, ct = ({
+  dashboardOid: t,
+  widgetOid: e,
+  uiFramework: r = "react"
+}) => _("widgetByIdTmpl", { dashboardOid: t, widgetOid: e }, r), dt = ({
+  widgetProps: t,
+  uiFramework: e = "react"
+}) => {
+  if (k(t))
+    return lt(t, e);
+  throw new p("errors.otherWidgetTypesNotSupported");
+}, pt = (t) => ({
+  dataOptions: { columns: t.map(W) }
+}), ut = Object.freeze({
+  convolution: {
+    enabled: !0,
+    selectedConvolutionType: "bySlicesCount",
+    independentSlicesCount: 7
+  },
+  lineWidth: { width: "bold" },
+  markers: {
+    enabled: !1
+  },
+  legend: {
+    enabled: !1
+  },
+  yAxis: {
+    gridLines: !1
+  },
+  xAxis: {
+    gridLines: !1
+  }
+}), w = Object.freeze({
+  line: "line/spline",
+  pie: "pie/donut",
+  bar: "bar/stacked",
+  column: "column/stackedcolumn"
+}), mt = (t, e) => {
+  const { axesMapping: r = {}, chartFamily: a } = e, i = t.reduce((n, l) => (n[l.jaql.title] = l, n), {}), s = Object.entries(r).reduce((n, l) => {
+    const [o, u] = l;
+    return n[`${o}`] = Array.isArray(u) ? u.map((y) => {
+      var T, b;
+      const c = i[y.name];
+      if (!c)
+        return { column: { type: "", name: y.name } };
+      const d = W(c);
+      if (c.panel === "measures")
+        return {
+          column: d,
+          sortType: "sortNone"
+        };
+      if (Y(d.type)) {
+        const O = (b = (T = c.format) == null ? void 0 : T.mask) == null ? void 0 : b[c.jaql.level];
+        if (O)
+          return {
+            column: d,
+            dateFormat: O
+          };
+      }
+      return d;
+    }) : u, n;
+  }, {});
+  switch (a) {
+    case "cartesian":
+      return m({
+        category: [],
+        value: [],
+        breakBy: []
+      }, s);
+    case "categorical":
+      return m({
+        category: [],
+        value: []
+      }, s);
+    case "scatter":
+      return Object.keys(s).forEach((n) => {
+        s[`${n}`] = s[`${n}`][0];
+      }), s;
+    case "scattermap":
+      return Object.keys(s).forEach((n) => {
+        n !== "geo" && (s[`${n}`] = s[`${n}`][0]);
+      }), s;
+    case "table":
+      return Object.keys(s).length === 0 ? pt(t).dataOptions : s;
+    case "boxplot":
+    case "areamap":
+    case "indicator":
+    default:
+      return s;
+  }
+}, M = (t, e) => {
+  var r, a, i, s;
+  return e === "x" ? (a = (r = t.axesMapping.category) != null ? r : t.axesMapping.x) == null ? void 0 : a.map((n) => n.name).join(", ") : (s = (i = t.axesMapping.value) != null ? i : t.axesMapping.y) == null ? void 0 : s.map((n) => n.name).join(", ");
+}, gt = (t, e, r = !0) => {
+  const a = mt(t, e);
+  let i;
+  return r && e.chartType in w ? i = j(
+    j(ut, {
+      subtype: w[e.chartType]
+    }),
+    {
+      legend: {
+        enabled: !0,
+        position: "right"
+      },
+      yAxis: {
+        title: {
+          enabled: !0,
+          text: M(e, "y")
+        }
+      },
+      xAxis: {
+        title: {
+          enabled: !0,
+          text: M(e, "x")
+        }
+      }
+    }
+  ) : i = z(), {
+    dataOptions: a,
+    chartStyleOptions: i
+  };
+}, ft = (t) => "chartType" in t ? t : {
+  chartType: "table",
+  chartFamily: "table",
+  axesMapping: {}
+}, ht = (t) => t.map((e) => J(e.jaql)), yt = (t) => t.reduce(
+  (e, r) => {
+    if ((r.panel === "scope" || r.jaql.filter) && e.metadataFilters.push(D(r)), r.panel !== "scope") {
+      const a = D(r);
+      delete a.jaql.filter, e.metadataColumns.push(a);
+    }
+    return e;
+  },
+  { metadataColumns: [], metadataFilters: [] }
+), Tt = (t, e) => {
+  if (!V(t))
+    try {
+      const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: a, chartRecommendations: i, queryTitle: s } = t, {
+        metadata: n,
+        datasource: { title: l }
+      } = a, o = ft(i), u = o.chartType.toLowerCase(), y = {
+        cornerRadius: "Small",
+        header: {
+          // remove info button and render empty toolbar instead
+          renderToolbar: () => null
+        }
+      }, { metadataColumns: c, metadataFilters: d } = yt(n), T = ht(d), { dataOptions: b, chartStyleOptions: O } = gt(
+        c,
+        o,
+        r
+      ), N = m(m({}, O), y);
+      return {
+        widgetType: "chart",
+        id: s,
+        title: s,
+        chartType: u,
+        dataSource: l,
+        dataOptions: b,
+        filters: T,
+        styleOptions: N
+      };
+    } catch (r) {
+      console.error(r);
+      return;
+    }
+}, bt = (t, e) => Tt(t, e), Ot = (t) => K(t) ? ct(t) : dt(t), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  toWidgetCode: Ot,
+  toWidgetProps: bt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  xt as E,
+  $t as a,
+  K as b,
+  Dt as c,
+  jt as i,
+  Z as p,
+  Et as s,
+  bt as t,
+  wt as v,
+  Mt as w
+};

package/package.json

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

package/dist/packages/sdk-ui/src/ai/messages/jaql-element.d.ts

@@ -1,28 +0,0 @@
-import { DimensionalElement, SortDirection } from '@sisense/sdk-data';
-import { MetadataItem } from '@sisense/sdk-query-client';
-/**
- * This implementation wraps metadata for a JAQL query. The metadata could be
- * for a dimension, measure, or filter. We do little to no interpretation of
- * the JAQL as it is designed to be "passed through" to the query execution
- * step.
- *
- * This will typically be used for JAQL metadata that is coming from a Sisense
- * instance and is assumed to be correct (e.g. dashboard widget, NLQ
- * suggestion).
- *
- * @param item - the metadata item in a JAQL query
- * @param type - the data type of the dimension
- * @internal
- */
-export declare class JaqlElement extends DimensionalElement {
-    private readonly metadataItem;
-    expression: string;
-    skipValidation: boolean;
-    aggregation?: string;
-    formula?: string;
-    sortType?: SortDirection;
-    constructor(item: MetadataItem, type: string);
-    get id(): string;
-    jaql(): MetadataItem;
-}
-export declare function createJaqlElement(item: MetadataItem): JaqlElement;

package/dist/packages/sdk-ui/src/analytics-composer/translators/index.d.ts

@@ -1,3 +0,0 @@
-export * from './types';
-export { ModelTranslator } from './model-translator';
-export { QueryTranslator } from './query-translator';

package/dist/packages/sdk-ui/src/analytics-composer/translators/model-translator.d.ts

@@ -1,48 +0,0 @@
-import { ExpandedQueryModel, ChartWidgetModel, UiFramework } from './types.js';
-/**
- * A class that translates expanded query model to CSDK chart model and code.
- *
- * @internal
- */
-export declare class ModelTranslator {
-    queryModel: ExpandedQueryModel;
-    constructor(queryModel: ExpandedQueryModel);
-    /**
-     * Gets chart recommendations or default to table.
-     *
-     * @param chart - chart recommendations
-     * @returns chart recommendations or default to table
-     */
-    private getChartRecommendationsOrDefault;
-    /**
-     * Gets filters from metadata.
-     *
-     * @param metadata - metadata items
-     * @return array of Filter objects
-     */
-    private getFilters;
-    /**
-     * Splits metadata into columns and filters.
-     *
-     * @param metadata - metadata items
-     */
-    private splitMetadata;
-    /**
-     * Converts query model to chart
-     */
-    toChart(): ChartWidgetModel | undefined;
-    private stringifyDataSource;
-    private stringifyChartType;
-    private stringifyFilters;
-    private stringifyDataOptions;
-    private stringifyExtraImports;
-    private getChartWidgetCode;
-    /**
-     * Converts chart widget model to CSDK code.
-     *
-     * @param chartWidgetModel - chart widget model
-     * @param uiFramework - UI framework
-     * @returns CSDK code string of the UI framework
-     */
-    toCode(chartWidgetModel: ChartWidgetModel, uiFramework?: UiFramework): string;
-}

package/dist/packages/sdk-ui/src/analytics-composer/translators/translate-filters-to-code.d.ts

@@ -1,2 +0,0 @@
-import { Filter } from '@sisense/sdk-data';
-export declare const stringifyFilterList: (filters: Filter[], indent?: number) => string;