@sisense/sdk-ui 2.11.0 → 2.13.0

package/dist/widget-composer-C7ZAcFHK.cjs

@@ -0,0 +1,424 @@
+"use strict";var oe=Object.defineProperty,le=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var N=(e,t,r)=>t in e?oe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))q.call(t,r)&&N(e,r,t[r]);if(C)for(var r of C(t))k.call(t,r)&&N(e,r,t[r]);return e},p=(e,t)=>le(e,de(t));var B=(e,t)=>{var r={};for(var i in e)q.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(e!=null&&C)for(var i of C(e))t.indexOf(i)<0&&k.call(e,i)&&(r[i]=e[i]);return r};const A=require("./types-Cl0_Tfey.cjs"),s=require("./execute-query-CvH_36GC.cjs"),y=require("./derive-chart-family-Ca1NT5US.cjs");function ce(e){return e.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ue(e){return e.charAt(0).toUpperCase()+e.slice(1)}function pe(e){const t=/\[(.+?)\s\(Calendar\)\]/;return e.replace(t,"[$1]").trim()}function me(e){if(e)if(e.metadata){if(!e.model)throw new s.TranslatableError("errors.missingModelTitle")}else throw new s.TranslatableError("errors.missingMetadata");else throw new s.TranslatableError("errors.emptyModel");return e}function ge(e){return!e||!e.jaql.datasource.title||!e.jaql.metadata.length}function Y(e){if(![...y.ALL_CHART_TYPES,"pivot","pivot2"].includes(e))throw new s.TranslatableError("errors.chartTypeNotSupported",{chartType:e})}function fe(e){return"widgetType"in e&&e.widgetType==="pivot"}function h(e){var t;return"column"in e&&((t=e.column)==null?void 0:t.expression)&&/\(.*\)/.test(e.column.expression)}function _(e){const t="measures"in e&&m(e.measures)||"values"in e&&m(e.values);return fe(e)?"values"in e.dataOptions&&m(e.dataOptions.values):"chartType"in e?e.chartType==="indicator"?"value"in e.dataOptions&&m(e.dataOptions.value)||"secondary"in e.dataOptions&&m(e.dataOptions.secondary):e.chartType==="table"?!("columns"in e.dataOptions)||!m(e.dataOptions.columns)?!1:e.dataOptions.columns.some(i=>h(i)):e.chartType==="boxplot"?!1:e.chartType==="scatter"?"x"in e.dataOptions&&e.dataOptions.x!==void 0&&h(e.dataOptions.x)||"y"in e.dataOptions&&e.dataOptions.y!==void 0&&h(e.dataOptions.y)||"size"in e.dataOptions&&e.dataOptions.size!==void 0:e.chartType==="scattermap"?"colorBy"in e.dataOptions&&e.dataOptions.colorBy!==void 0&&h(e.dataOptions.colorBy)||"details"in e.dataOptions&&e.dataOptions.details!==void 0&&h(e.dataOptions.details)||"size"in e.dataOptions&&e.dataOptions.size!==void 0&&h(e.dataOptions.size):e.chartType==="areamap"?"geo"in e.dataOptions&&m(e.dataOptions.geo)&&"color"in e.dataOptions&&m(e.dataOptions.color):"value"in e.dataOptions&&m(e.dataOptions.value):t}function m(e){return Array.isArray(e)&&e.length>0}function ye(e){const t=e.split(`
+`);for(let r=0;r<t.length-1;r++)if(t[r].trim()===""){const i=t[r+1].trim();if(i.startsWith("import *")||i.startsWith("import {")){t.splice(r,1);break}}return t.join(`
+`)}function Se(e){const t=i=>/^[$A-Z_][0-9A-Z_$]*$/i.test(i);if("composeCode"in e)return e;const r={};for(const[i,a]of Object.entries(e)){const n=t(i)?i:`"${i}"`;r[n]=a}return r}const Oe={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}} }
+      styleOptions={ {{styleOptionsString}} }
+      drilldownOptions={ {{drilldownOptionsString}} }
+    />
+  );
+}`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",chartWidgetPropsTmpl:`
+    {
+      id: '{{idString}}',
+      widgetType: '{{widgetTypeString}}',
+      title: '{{titleString}}',
+      dataSource: DM.DataSource,
+      chartType: '{{chartTypeString}}',
+      dataOptions: {{dataOptionsString}},
+      filters: {{filtersString}},
+      styleOptions: {{styleOptionsString}},
+      drilldownOptions: {{drilldownOptionsString}},
+    }`,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';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+const CodeExample = () => {
+    const pivotQueryProps: ExecutePivotQueryParams = {
+      dataSource: DM.DataSource,
+      rows: {{rowsString}},
+      values: {{valuesString}},
+      filters: {{filtersString}},
+    }
+
+    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}} }
+      filters={ {{filtersString}} }
+      styleOptions={ {{styleOptionsString}} }
+    />
+  );
+}`,pivotTableWidgetPropsTmpl:`{
+      id: '{{idString}}',
+      widgetType: '{{widgetTypeString}}',
+      title: '{{titleString}}',
+      dataSource: DM.DataSource,
+      dataOptions: {{dataOptionsString}},
+      filters: {{filtersString}},
+      styleOptions: {{styleOptionsString}},
+    }`,dashboardByIdTmpl:`import { DashboardById } from '@sisense/sdk-ui';
+
+const CodeExample = () => {
+  return (
+    <>
+      <DashboardById dashboardOid="{{dashboardOid}}" />
+    </>
+  );
+};
+
+export default CodeExample;`,dashboardTmpl:`import { useMemo } from 'react';
+import { Dashboard, DashboardProps, WidgetProps } from '@sisense/sdk-ui';
+import { Filter, FilterRelations } from '@sisense/sdk-data';
+{{extraImportsString}}
+import * as DM from './{{defaultDataSourceString}}'; // generated with @sisense/sdk-cli
+
+export default function CodeExample() {
+  const dashboardProps: DashboardProps = useMemo(() => {
+    const widgets: WidgetProps[] = {{widgetsString}};
+    const filters: Filter[] | FilterRelations = {{filtersString}};
+
+    return {
+      title: '{{titleString}}',
+      widgets,
+      filters,
+      config: {{configString}},
+      widgetsOptions: {{widgetsOptionsString}},
+      layoutOptions: {{layoutOptionsString}},
+      styleOptions: {{styleOptionsString}},
+    };
+  }, []);
+
+  return (
+    <Dashboard {...dashboardProps} />
+  );
+}`},angular:{baseChartTmpl:`import { Component } from '@angular/core';
+import { type ChartDataOptions, type ChartStyleOptions } from '@sisense/sdk-ui-angular';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+@Component({
+    selector: 'code-example',
+    template: \`
+      <csdk-chart-widget
+        [title]="'{{titleString}}'"
+        chartType='{{chartTypeString}}'
+        [dataSource]='DM.DataSource'
+        [dataOptions]='dataOptions'
+        [filters]='filters'
+        [styleOptions]='styleOptions'
+        [drilldownOptions]='drilldownOptions'
+      />
+    \`
+})
+export class CodeExample {
+    DM = DM;
+    dataOptions: ChartDataOptions = {{dataOptionsString}};
+    filters = {{filtersString}};
+    styleOptions: ChartStyleOptions = {{styleOptionsString}};
+    drilldownOptions = {{drilldownOptionsString}};
+}`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",chartWidgetPropsTmpl:`{
+      id: '{{idString}}',
+      widgetType: '{{widgetTypeString}}',
+      title: '{{titleString}}',
+      dataSource: DM.DataSource,
+      chartType: '{{chartTypeString}}',
+      dataOptions: {{dataOptionsString}},
+      filters: {{filtersString}},
+      styleOptions: {{styleOptionsString}},
+      drilldownOptions: {{drilldownOptionsString}},
+    }`,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;
+}`,executeQueryByWidgetIdTmpl:`import { Component } from '@angular/core';
+import { QueryService } from '@sisense/sdk-ui-angular';
+import { type QueryResultData } from '@sisense/sdk-data';
+
+@Component({
+  selector: 'code-example',
+  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';
+{{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',
+  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",pivotTableWidgetPropsTmpl:`{
+      id: '{{idString}}',
+      widgetType: '{{widgetTypeString}}',
+      title: '{{titleString}}',
+      dataSource: DM.DataSource,
+      dataOptions: {{dataOptionsString}},
+      filters: {{filtersString}},
+      styleOptions: {{styleOptionsString}},
+    }`,dashboardByIdTmpl:`import { Component } from '@angular/core';
+
+@Component({
+  selector: 'code-example',
+  template: \`
+    <csdk-dashboard-by-id
+      [dashboardOid]="dashboardOid"
+    />
+  \`,
+})
+
+export class CodeExample {
+  dashboardOid = "{{dashboardOid}}";
+}`,dashboardTmpl:"/** COMING SOON */"},vue:{baseChartTmpl:`<script setup lang="ts">
+  import { ref } from 'vue';
+  import { {{componentString}}, type ChartStyleOptions } from '@sisense/sdk-ui-vue';
+  {{extraImportsString}}
+  import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+  const dataOptions = ref({{dataOptionsString}});
+  const filters = ref({{filtersString}});
+  const styleOptions = ref<ChartStyleOptions>({{styleOptionsString}});
+  const drilldownOptions = ref({{drilldownOptionsString}});
+<\/script>
+
+<template>
+  <{{componentString}}
+    chartType="{{chartTypeString}}"
+    :dataOptions="dataOptions"
+    :filters="filters"
+    :styleOptions="styleOptions"
+    :drilldownOptions="drilldownOptions"
+    :dataSource="DM.DataSource"
+    title="{{titleString}}" />
+</template>`,chartTmpl:"{{baseChartTmpl}}",chartWidgetTmpl:"{{baseChartTmpl}}",chartWidgetPropsTmpl:`{
+      id: '{{idString}}',
+      widgetType: '{{widgetTypeString}}',
+      title: '{{titleString}}',
+      dataSource: DM.DataSource,
+      chartType: '{{chartTypeString}}',
+      dataOptions: {{dataOptionsString}},
+      filters: {{filtersString}},
+      styleOptions: {{styleOptionsString}},
+      drilldownOptions: {{drilldownOptionsString}},
+    }`,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",pivotTableWidgetPropsTmpl:`{
+      id: '{{idString}}',
+      widgetType: '{{widgetTypeString}}',
+      title: '{{titleString}}',
+      dataSource: DM.DataSource,
+      dataOptions: {{dataOptionsString}},
+      filters: {{filtersString}},
+      styleOptions: {{styleOptionsString}},
+    }`,dashboardByIdTmpl:`<script setup lang="ts">
+import { DashboardById } from '@sisense/sdk-ui-vue';
+<\/script>
+<template>
+  <DashboardById :dashboardOid="'{{dashboardOid}}'" />
+</template>`,dashboardTmpl:"/** COMING SOON */"}},J=(e,t)=>Oe[t][e].replace(/{{(.*?)Tmpl}}/g,(i,a)=>J(`${a}Tmpl`,t)),K=(e,t)=>e.replace(/{{(.*?)}}/g,(r,i)=>i in t?t[i]:(console.warn(`Placeholder ${i} not found in data`),r)),I=(e,t,r="react")=>{const i=J(e,r);return ye(K(i,t))},he=()=>Object.values(s.AggregationTypes).map(t=>s.DimensionalBaseMeasure.aggregationToJAQL(t)).join("|"),V=e=>{const{formula:t,context:r,filter:i}=e;if(!r||!t)return e;const a=Object.keys(r);if(a.length!==1)return e;const n=a[0];if(typeof n!="string")return e;const o=r[`${n}`],u=he(),d=new RegExp(`^\\s*(${u})\\(\\[\\w+\\]\\)$`),f=t.match(d);if(f&&t.includes(n)){const c=f[1];return l({dim:o.dim,table:o.table,column:o.column,datatype:o.datatype,agg:c,title:e.title},i?{filter:l({},i)}:{})}return e},L=e=>{let t=e;if("formula"in e&&(t=V(e)),"context"in t){const r=l({},t.context);Object.keys(r).forEach(i=>{r[`${i}`]=L(r[`${i}`])}),t.context=r}return t},be=e=>{var i;const t=e;if(t.panel!=="scope")return t;const{jaql:r}=t;return(i=r.filter)!=null&&i.by&&(r.filter.by=V(r.filter.by)),p(l({},t),{jaql:r})},H=e=>{let t=e;t=be(t);const{jaql:r,measure:i,by:a}=t;return l(l(p(l({},t),{jaql:L(r)}),a?{by:L(a)}:{}),i?{measure:L(i)}:{})},T=6;function Te(e){switch(e){case"line":case"area":case"bar":case"column":case"polar":return{category:[],value:[],breakBy:[]};case"pie":case"funnel":case"treemap":case"sunburst":return{category:[],value:[]};case"scatter":return{};case"indicator":return{};case"arearange":return{category:[],value:[],breakBy:[]};case"boxplot":return{};case"areamap":return{};case"scattermap":return{geo:[]};case"table":return{columns:[]};case"pivot":case"pivot2":return{};case"image":default:return{}}}const ve={subtype:"indicator/numeric",numericSubtype:"numericSimple",skin:"vertical",indicatorComponents:{title:{shouldBeShown:!0,text:void 0},secondaryTitle:{text:""},ticks:{shouldBeShown:!1},labels:{shouldBeShown:!1}}},Ee={legend:{enabled:!0,position:"bottom"},xAxis:{enabled:!0,gridLines:!0,intervalJumps:null,isIntervalEnabled:!0,min:void 0,max:void 0,logarithmic:void 0,title:{enabled:!1,text:null},labels:{enabled:!0}},yAxis:{enabled:!1,gridLines:!0,intervalJumps:null,isIntervalEnabled:!1,min:void 0,max:void 0,logarithmic:!1,title:{enabled:!1,text:null},labels:{enabled:!0}},y2Axis:{enabled:!0,gridLines:!1,intervalJumps:void 0,isIntervalEnabled:!0,min:void 0,max:void 0,logarithmic:!1,title:{enabled:!1,text:void 0},labels:{enabled:!0}},seriesLabels:{enabled:!1,rotation:0,showValue:!1,showPercentage:!1},dataLimits:{seriesCapacity:50,categoriesCapacity:1e5},navigator:{enabled:!0}},xe={subtype:"line/basic",lineWidth:{width:"bold"},markers:{enabled:!1,size:"small",fill:"filled"}},De={subtype:"area/basic",lineWidth:{width:"bold"},markers:{enabled:!1,size:"small",fill:"filled"}},Ce={subtype:"bar/classic"},we={subtype:"column/classic"},Le={subtype:"polar/column",yAxis:{enabled:!0,gridLines:!0,intervalJumps:void 0,isIntervalEnabled:!1,min:void 0,max:void 0,logarithmic:!1,labels:{enabled:!0},title:{enabled:!1}},dataLimits:{seriesCapacity:50,categoriesCapacity:200}};function b(e){return s.merge({},Ee,e)}const Ie={subtype:"pie/classic",legend:{enabled:!1,position:"left"},labels:{enabled:!0,categories:!0,percent:!0,decimals:!1,value:!1},dataLimits:{seriesCapacity:1e5,categoriesCapacity:void 0},convolution:{enabled:!0,independentSlicesCount:7,minimalIndependentSlicePercentage:3,selectedConvolutionType:"byPercentage"}},Ae={legend:{enabled:!1,position:"left"},labels:{enabled:!0,categories:!0,percent:!0,decimals:!1,value:!0},funnelSize:"regular",funnelType:"regular",funnelDirection:"regular"},_e={rowsPerPage:25,isAutoHeight:!0,rowHeight:null,alternatingRowsColor:!0,alternatingColumnsColor:!1,headersColor:!1,membersColor:!1,totalsColor:!1},Me={labels:{category:[{enabled:!0},{enabled:!0},{enabled:!0}]},tooltip:{mode:"value"}},Pe={viewType:"month",startOfWeek:"sunday",cellLabels:{enabled:!0},dayLabels:{enabled:!0},monthLabels:{enabled:!0},weekends:{days:[],cellColor:"#e6e6e6",hideValues:!0}},We={legend:{enabled:!0,position:"bottom"},tooltip:{mode:"value"}},Fe={legend:{enabled:!0,position:"bottom"},xAxis:{enabled:!0,gridLines:!0,intervalJumps:null,isIntervalEnabled:!1,min:void 0,max:void 0,logarithmic:null,title:{enabled:!1,text:null},labels:{enabled:!0}},yAxis:{enabled:!0,gridLines:!0,intervalJumps:null,isIntervalEnabled:!1,min:void 0,max:void 0,logarithmic:null,title:{enabled:!1,text:null},labels:{enabled:!0}},dataLimits:{seriesCapacity:50,categoriesCapacity:void 0},seriesLabels:{enabled:!1,rotation:0,showValue:!1,showPercentage:!1},markerSize:{scatterDefaultSize:10,scatterBubbleMinSize:10,scatterBubbleMaxSize:10}},$e={header:{color:{enabled:!1}},rows:{alternatingColor:{enabled:!1}},columns:{alternatingColor:{enabled:!1}}},Ne={subtype:"scattermap",markers:{fill:"filled",size:{defaultSize:4,minSize:4,maxSize:24}}},qe={mapType:"world"},ke={subtype:"boxplot/full",legend:{enabled:!0,position:"bottom"},xAxis:{enabled:!0,gridLines:!0,intervalJumps:void 0,isIntervalEnabled:!0,min:void 0,max:void 0,logarithmic:void 0,title:{enabled:!1,text:void 0},labels:{enabled:!0}},yAxis:{enabled:!0,gridLines:!0,intervalJumps:void 0,isIntervalEnabled:!0,min:void 0,max:void 0,logarithmic:void 0,title:{enabled:!1,text:void 0},labels:{enabled:!0}},seriesLabels:{enabled:!1,rotation:0,showValue:!1,showPercentage:!1},dataLimits:{seriesCapacity:50,categoriesCapacity:1e5},navigator:{enabled:!0}};function Be(e){switch(e){case"indicator":return s.cloneDeep(ve);case"line":return b(xe);case"area":return b(De);case"bar":return b(Ce);case"column":return b(we);case"polar":return b(Le);case"pie":return s.cloneDeep(Ie);case"funnel":return s.cloneDeep(Ae);case"treemap":return s.cloneDeep(Me);case"calendar-heatmap":return s.cloneDeep(Pe);case"sunburst":return s.cloneDeep(We);case"scatter":return s.cloneDeep(Fe);case"scattermap":return s.cloneDeep(Ne);case"areamap":return s.cloneDeep(qe);case"boxplot":return s.cloneDeep(ke);case"table":return s.cloneDeep($e);case"pivot":return s.cloneDeep(_e);case"pivot2":return{};case"image":return{};default:return{}}}const w=`
+`,M="UNKNOWN",Re=(e,t)=>{let r="";return r+=`measureFactory.customFormula(
+`,r+=" ".repeat(t),r+=`  '${s.escapeSingleQuotes(e.title)}',
+`,r+=" ".repeat(t),r+=`  '${e.formula}',
+`,r+=" ".repeat(t),r+=`  {
+`,Object.entries(e.context).forEach(([i,a])=>{const n=s.normalizeAttributeName(a.table||M,a.column||M,void 0,"DM");r+=" ".repeat(t),r+=`    '${i.slice(1,-1)}': ${n},
+`}),r+=" ".repeat(t),r+=`  }
+`,r+=" ".repeat(t),r+=")",r},Qe=e=>{const{level:t,table:r,column:i,agg:a,title:n}=e;let o;return r&&i&&(o=s.normalizeAttributeName(r,i,t,"DM")),a&&r&&i&&n&&(o=`measureFactory.${s.DimensionalBaseMeasure.aggregationFromJAQL(a)}(${o}, '${s.escapeSingleQuotes(n)}')`),o||M},je=(e,t)=>{const r=e.jaql(!1).jaql;return"formula"in r?Re(r,t):Qe(r)},g=(e,t=0,r=!1)=>{if(!e)return"";if(typeof e=="string")return`'${s.escapeSingleQuotes(e)}'`;if(e instanceof A.JaqlElement)return je(e,t);if(e instanceof s.DimensionalElement)return e.composeCode||"";let i="";return Array.isArray(e)?i+=`[${e.map(a=>g(a,t+2))}${e.length?w+" ".repeat(t+2):""}]`:(i+=`{${w}`,Object.entries(e).forEach(([a,n])=>{if(r&&typeof a=="string"&&(a=`'${s.escapeSingleQuotes(a)}'`),i+=" ".repeat(t+2),Array.isArray(n))i+=`${a}: [${n.map(o=>g(o,t+4,r))}${n.length?w+" ".repeat(t+2):""}]`;else if(typeof n=="object"&&n!==null){const o=Array.isArray(n)?n:Se(n);i+=`${a}: ${g(o,t+2,r)}`}else["number","boolean","undefined"].includes(typeof n)||n===null?i+=`${a}: ${n}`:typeof n=="string"?i+=`${a}: '${s.escapeSingleQuotes(n)}'`:i+=`${a}: ${n}`;i+=`,${w}`}),i+=" ".repeat(t),i+="}"),i};function $(e,t){if(t===void 0||t&&typeof t=="object"&&!Array.isArray(t)&&Object.keys(t).length===0)return e;if(!s.isEqual(e,t)){if(e&&typeof e=="object"&&!Array.isArray(e)){const r={};for(const i of Object.keys(e)){const a=$(e[i],t==null?void 0:t[i]),n=t&&Object.prototype.hasOwnProperty.call(t,i),o=n?t[i]:void 0;(a!==void 0||!n||e[i]===void 0&&o!==void 0)&&(r[i]=a)}return Object.keys(r).length?r:void 0}return e}}function R(e,t){if(!e||Object.keys(e).length===0)return{};const r=Be(t);if(s.isEqual(e,r))return{};const i=$(e,r);return i!=null?i:{}}function Q(e,t){const r=Te(t);if(s.isEqual(e,r))return e;const i=$(e,r);return i!=null?i:{}}function ze(e){return g(e,T)}function P(e,t="data-source-placeholder"){if(!e)return t;const r=typeof e=="object"&&"title"in e?e.title:e;return ce(r)}function W(e,t=!0){const r=[];return t&&r.push("measureFactory"),m(e)&&r.push("filterFactory"),r.length>0?`import { ${r.join(", ")} } from '@sisense/sdk-data';`:""}const j=`
+`,Ue=(e,t)=>{if(e.composeCode)return`${j}${" ".repeat(t)}${e.composeCode}`;const r=e.jaql().jaql;return`${j}${" ".repeat(t)}filterFactory.customFilter(${g(r,t,!0)})`},Ye=(e,t=0)=>{if(!e)return"";let r="";return r+=`[${e.map(i=>Ue(i,t+2))}${e.length?`
+`+" ".repeat(t+2):""}]`,r},F=e=>e?Array.isArray(e)?Ye(e,6):"/** Filter relations not supported yet */":"[]",Je=["executeQueryByWidgetIdTmpl","widgetByIdTmpl"],Ke="chartWidgetTmpl",Ve="pivotTableWidgetTmpl",He=e=>e,Ze=({dashboardOid:e,widgetOid:t,uiFramework:r="react",chartType:i="table",includeChart:a=!0})=>{Y(i);const n={dashboardOid:e,widgetOid:t},o=Je[Number(a)];return I(o,n,r)},Z=(e,t,r,i)=>{if(y.isChartWidgetProps(e)){Y(e.chartType);const a=_(e),n={idString:e.id,widgetTypeString:"chart",titleString:e.title,dataSourceString:P(e.dataSource),chartTypeString:He(e.chartType),dataOptionsString:ze(i?Q(e.dataOptions,e.chartType):e.dataOptions),filtersString:F(e.filters),componentString:"ChartWidget",extraImportsString:W(e.filters||[],a),styleOptionsString:g(i?R(e.styleOptions||{},e.chartType):e.styleOptions||{},T),drilldownOptionsString:g(e.drilldownOptions||{},T)};return I(r.chart,n,t)}if(y.isPivotTableWidgetProps(e)){const a=_(e),n={idString:e.id,widgetTypeString:"pivot",titleString:e.title,dataSourceString:P(e.dataSource),dataOptionsString:g(i?Q(e.dataOptions,e.widgetType):e.dataOptions),filtersString:F(e.filters),componentString:"PivotTableWidget",extraImportsString:W(e.filters||[],a),styleOptionsString:g(i?R(e.styleOptions||{},e.widgetType):e.styleOptions||{},T)};return I(r.pivot,n,t)}if(y.isCustomWidgetProps(e))return"/** Custom widget code not supported yet */";throw new s.TranslatableError("errors.otherWidgetTypesNotSupported")},Ge=({widgetProps:e,uiFramework:t="react",removeDefaultProps:r=!1})=>Z(e,t,{chart:Ke,pivot:Ve},r);function Xe(e){return!!(e&&(e.top!==void 0||e.bottom!==void 0))}const et=e=>{const t=e.find(r=>r.panel==="rows");return t?e.map(r=>{const i=r.jaql.filter;if(!(r.panel==="scope"&&Xe(i)&&i.by===void 0))return r;const c=r.jaql,{type:n,context:o,formula:u,filter:d}=c,f=B(c,["type","context","formula","filter"]);return p(l({},r),{jaql:l({dim:t.jaql.dim,table:t.jaql.table,column:t.jaql.column,datatype:t.jaql.datatype,filter:p(l({},d),{by:{type:n,context:o,formula:u}})},f)})}):e},tt=e=>"chartType"in e.chartRecommendations?e.chartRecommendations:{chartType:"table",chartFamily:"table",axesMapping:{}},rt=e=>({dataOptions:{columns:e.map(A.createDimensionalElementFromMetadataItem)}}),it=Object.freeze({convolution:{enabled:!0,selectedConvolutionType:"bySlicesCount",independentSlicesCount:7},lineWidth:{width:"bold"},markers:{enabled:!1},legend:{enabled:!1},yAxis:{gridLines:!1},xAxis:{gridLines:!1}}),z=Object.freeze({line:"line/spline",pie:"pie/donut",bar:"bar/stacked",column:"column/stackedcolumn"}),G=(e,t,r)=>{const i=e.reduce((n,o)=>(n[o.jaql.title]=o,n),{}),a=Object.entries(r).reduce((n,o)=>{const[u,d]=o;return n[`${u}`]=Array.isArray(d)?d.map(f=>{var v,E;const c=y.normalizeAnyColumn(f);delete c.enabled;const S=i[c.column.name];if(!S)return{column:{type:"",name:c.column.name}};const O=A.createDimensionalElementFromMetadataItem(S);if(S.panel==="measures")return p(l({},c),{column:O});if(s.isDatetime(O.type)){const x=(E=(v=S.format)==null?void 0:v.mask)==null?void 0:E[S.jaql.level];if(x)return p(l({},c),{column:O,dateFormat:x})}return p(l({},c),{column:O})}):d,n},{});switch(t){case"cartesian":return l({category:[],value:[],breakBy:[]},a);case"categorical":return l({category:[],value:[]},a);case"scatter":return Object.keys(a).forEach(n=>{a[`${n}`]=a[`${n}`][0]}),a;case"scattermap":return Object.keys(a).forEach(n=>{n!=="geo"&&(a[`${n}`]=a[`${n}`][0])}),a;case"table":return Object.keys(a).length===0?rt(e).dataOptions:a;case"boxplot":case"areamap":case"indicator":default:return a}},U=(e,t)=>{var r,i,a,n;return t==="x"?(i=(r=e.category)!=null?r:e.x)==null?void 0:i.map(o=>y.normalizeAnyColumn(o).column.name).join(", "):(n=(a=e.value)!=null?a:e.y)==null?void 0:n.map(o=>y.normalizeAnyColumn(o).column.name).join(", ")},X=(e,t,r,i)=>{let a;return i&&e in z?a=s.merge$1(s.merge$1(it,{subtype:z[`${e}`]}),{legend:{enabled:!0,position:"right"},yAxis:{title:{enabled:!0,text:U(t,"y")}},xAxis:{title:{enabled:!0,text:U(t,"x")}}},r):a=s.merge$1(y.getDefaultStyleOptions(),r),a},ee=(e,t,r=!0)=>{const{chartFamily:i,chartType:a,axesMapping:n={},styleOptions:o={}}=t,u=G(e,i,n),d=X(a,n,o,r);return{dataOptions:u,chartStyleOptions:d}},at=e=>"chartType"in e?e:{chartType:"table",chartFamily:"table",axesMapping:{}},nt=e=>e.map(t=>s.createFilterFromJaql(t.jaql)),st=e=>e.reduce((t,r)=>{if((r.panel==="scope"||r.jaql.filter)&&t.metadataFilters.push(s.cloneDeep(r)),r.panel!=="scope"){const i=s.cloneDeep(r);delete i.jaql.filter,t.metadataColumns.push(i)}return t},{metadataColumns:[],metadataFilters:[]}),ot=(e,t)=>{if(!ge(e))try{const{useCustomizedStyleOptions:r=!1}=t||{},{jaql:i,chartRecommendations:a,queryTitle:n}=e,{metadata:o,datasource:u}=i,d=p(l({},u),{type:u.type||"elasticube"}),f=s.convertJaqlDataSourceForDto(d),S=et(o).map(D=>H(D)).map(D=>p(l({},D),{jaql:p(l({},D.jaql),{datasource:f})})),O=at(a),v=O.chartType.toLowerCase(),E={cornerRadius:"Small",header:{renderToolbar:()=>null}},{metadataColumns:x,metadataFilters:re}=st(S),ie=nt(re),{dataOptions:ae,chartStyleOptions:ne}=ee(x,O,r),se=l(l({},ne),E);return{widgetType:"chart",id:n,title:n,chartType:v,dataSource:d,dataOptions:ae,filters:ie,styleOptions:se}}catch(r){console.error(r);return}},te=(e,t)=>ot(e,t),lt=e=>A.isByIdWidgetCodeParams(e)?Ze(e):Ge(e),dt=Object.freeze(Object.defineProperty({__proto__:null,toWidgetCode:lt,toWidgetProps:te},Symbol.toStringTag,{value:"Module"}));exports.CODE_TEMPLATES_INDENT=T;exports.capitalizeFirstLetter=ue;exports.checkIfMeasuresExist=_;exports.generateCode=I;exports.getChartDataOptions=G;exports.getChartOptions=ee;exports.getChartRecommendationsOrDefault=tt;exports.getChartStyleOptions=X;exports.getWidgetCode=Z;exports.populatePlaceholders=K;exports.sanitizeDimensionId=pe;exports.simplifyMetadataItem=H;exports.stringifyDataSource=P;exports.stringifyExtraImports=W;exports.stringifyFilters=F;exports.stringifyProps=g;exports.toWidgetProps=te;exports.validateQueryModel=me;exports.widgetComposer=dt;