@sisense/sdk-ui 2.11.0 → 2.12.0

package/dist/widget-composer-omIEhWNL.cjs

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