@sisense/sdk-ui 1.30.0 → 1.32.0

package/dist/widget-composer-CdxKUwZf.cjs

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