@sisense/sdk-ui 1.34.0 → 2.1.0

package/dist/widget-composer-BEVCXjFv.js

@@ -0,0 +1,959 @@
+var tt = Object.defineProperty, et = Object.defineProperties;
+var rt = Object.getOwnPropertyDescriptors;
+var j = Object.getOwnPropertySymbols;
+var it = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable;
+var $ = (t, e, r) => e in t ? tt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, o = (t, e) => {
+  for (var r in e || (e = {}))
+    it.call(e, r) && $(t, r, e[r]);
+  if (j)
+    for (var r of j(e))
+      at.call(e, r) && $(t, r, e[r]);
+  return t;
+}, u = (t, e) => et(t, rt(e));
+import { eh as _, a3 as st, en as nt, eo as ot, ep as lt, M as C, T as S, eq as dt, bd as R, e3 as ct, er as O, ej as z, aY as ut, bj as pt, bi as mt, m as M, es as gt, b4 as I, aO as yt, ay as ft, c4 as P, et as ht } from "./derive-chart-family-BNMFblR9.js";
+class J extends _ {
+  constructor(e, r) {
+    var i;
+    super((i = e.jaql.title) !== null && i !== void 0 ? i : "", 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 = st(e.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+  }
+  get id() {
+    return this.expression;
+  }
+  jaql(e) {
+    return e === !0 ? this.metadataItem.jaql : this.metadataItem;
+  }
+  /**
+   * Gets a serializable representation of the element
+   */
+  serialize() {
+    const e = super.serialize();
+    return e.__serializable = "JaqlElement", e.metadataItem = this.metadataItem, e.type = this.type, e;
+  }
+}
+const St = {
+  text: C.TextAttribute,
+  numeric: C.NumericAttribute,
+  datetime: C.DateLevel
+};
+function Ot(t) {
+  var e;
+  return new J(t, (e = St[t.jaql.datatype]) !== null && e !== void 0 ? e : "numeric");
+}
+function Y(t) {
+  const { jaql: e } = t;
+  return e.formula ? nt(e) : "agg" in e && e.dim && e.datatype ? ot({
+    expression: e.dim,
+    dataType: e.datatype,
+    agg: e.agg || "",
+    granularity: e.level,
+    format: void 0,
+    sort: e.sort,
+    title: e.title,
+    dataSource: e.datasource
+  }) : e.dim && e.datatype ? lt({
+    expression: e.dim,
+    dataType: e.datatype,
+    granularity: e.level,
+    sort: e.sort,
+    title: e.title,
+    panel: t.panel,
+    dataSource: e.datasource
+  }) : Ot(t);
+}
+const ee = {
+  jaql: {
+    datasource: {
+      title: "",
+      type: "elasticube"
+    },
+    metadata: []
+  },
+  queryTitle: "",
+  chartRecommendations: {}
+}, re = {
+  model: "",
+  metadata: [],
+  chart: {},
+  queryTitle: ""
+}, ie = (t) => "widgetProps" in t, Tt = (t) => "dashboardOid" in t && "widgetOid" in t, ae = (t) => "dashboardProps" in t, se = (t) => "dashboardOid" in t;
+function bt(t) {
+  return t.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function ne(t) {
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function oe(t) {
+  const e = /\[(.+?)\s\(Calendar\)\]/;
+  return t.replace(e, "[$1]").trim();
+}
+function le(t) {
+  if (t)
+    if (t.metadata) {
+      if (!t.model)
+        throw new S("errors.missingModelTitle");
+    } else
+      throw new S("errors.missingMetadata");
+  else
+    throw new S("errors.emptyModel");
+  return t;
+}
+function vt(t) {
+  return !t || !t.jaql.datasource.title || !t.jaql.metadata.length;
+}
+function U(t) {
+  if (![
+    ...dt,
+    "pivot",
+    "pivot2"
+  ].includes(t))
+    throw new S("errors.chartTypeNotSupported", {
+      chartType: t
+    });
+}
+function xt(t) {
+  return "widgetType" in t && t.widgetType === "pivot";
+}
+function h(t) {
+  var e;
+  return "column" in t && ((e = t.column) == null ? void 0 : e.expression) && /\(.*\)/.test(t.column.expression);
+}
+function L(t) {
+  const e = "measures" in t && c(t.measures) || "values" in t && c(t.values);
+  return xt(t) ? "values" in t.dataOptions && c(t.dataOptions.values) : "chartType" in t ? t.chartType === "indicator" ? "value" in t.dataOptions && c(t.dataOptions.value) || "secondary" in t.dataOptions && c(t.dataOptions.secondary) : t.chartType === "table" ? !("columns" in t.dataOptions) || !c(t.dataOptions.columns) ? !1 : t.dataOptions.columns.some((i) => h(i)) : t.chartType === "boxplot" ? !1 : t.chartType === "scatter" ? "x" in t.dataOptions && t.dataOptions.x !== void 0 && h(t.dataOptions.x) || "y" in t.dataOptions && t.dataOptions.y !== void 0 && h(t.dataOptions.y) || "size" in t.dataOptions && t.dataOptions.size !== void 0 : t.chartType === "scattermap" ? "colorBy" in t.dataOptions && t.dataOptions.colorBy !== void 0 && h(t.dataOptions.colorBy) || "details" in t.dataOptions && t.dataOptions.details !== void 0 && h(t.dataOptions.details) || "size" in t.dataOptions && t.dataOptions.size !== void 0 && h(t.dataOptions.size) : t.chartType === "areamap" ? "geo" in t.dataOptions && c(t.dataOptions.geo) && "color" in t.dataOptions && c(t.dataOptions.color) : "value" in t.dataOptions && c(t.dataOptions.value) : e;
+}
+function c(t) {
+  return Array.isArray(t) && t.length > 0;
+}
+function Et(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(`
+`);
+}
+const Dt = {
+  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 */"
+  }
+}, K = (t, e) => Dt[e][t].replace(/{{(.*?)Tmpl}}/g, (i, a) => K(`${a}Tmpl`, e)), wt = (t, e) => t.replace(/{{(.*?)}}/g, (r, i) => i in e ? e[i] : (console.warn(`Placeholder ${i} not found in data`), r)), q = (t, e, r = "react") => {
+  const i = K(t, r);
+  return Et(wt(i, e));
+}, Ct = () => Object.values(ct).map((e) => R.aggregationToJAQL(e)).join("|"), V = (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}`], l = Ct(), m = new RegExp(`^\\s*(${l})\\(\\[\\w+\\]\\)$`), y = e.match(m);
+  if (y && e.includes(s)) {
+    const d = y[1];
+    return o({
+      dim: n.dim,
+      table: n.table,
+      column: n.column,
+      datatype: n.datatype,
+      agg: d,
+      title: t.title
+    }, i ? {
+      filter: o({}, i)
+    } : {});
+  }
+  return t;
+}, D = (t) => {
+  let e = t;
+  if ("formula" in t && (e = V(t)), "context" in e) {
+    const r = o({}, e.context);
+    Object.keys(r).forEach((i) => {
+      r[`${i}`] = D(r[`${i}`]);
+    }), e.context = r;
+  }
+  return e;
+}, Mt = (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 = V(r.filter.by)), u(o({}, e), {
+    jaql: r
+  });
+}, It = (t) => {
+  let e = t;
+  e = Mt(e);
+  const { jaql: r, measure: i, by: a } = e;
+  return o(o(u(o({}, e), {
+    jaql: D(r)
+  }), a ? {
+    by: D(a)
+  } : {}), i ? {
+    measure: D(i)
+  } : {});
+}, w = 6, E = `
+`, W = "UNKNOWN", qt = (t, e) => {
+  let r = "";
+  return r += `measureFactory.customFormula(
+`, r += " ".repeat(e), r += `  '${O(t.title)}',
+`, r += " ".repeat(e), r += `  '${t.formula}',
+`, r += " ".repeat(e), r += `  {
+`, Object.entries(t.context).forEach(([i, a]) => {
+    const s = z(a.table || W, a.column || W, void 0, "DM");
+    r += " ".repeat(e), r += `    '${i.slice(1, -1)}': ${s},
+`;
+  }), r += " ".repeat(e), r += `  }
+`, r += " ".repeat(e), r += ")", r;
+}, Wt = (t) => {
+  const { level: e, table: r, column: i, agg: a, title: s } = t;
+  let n;
+  return r && i && (n = z(r, i, e, "DM")), a && r && i && s && (n = `measureFactory.${R.aggregationFromJAQL(a)}(${n}, '${O(s)}')`), n || W;
+}, jt = (t, e) => {
+  const r = t.jaql(!1).jaql;
+  return "formula" in r ? qt(r, e) : Wt(r);
+}, p = (t, e = 0, r = !1) => {
+  if (!t)
+    return "";
+  if (typeof t == "string")
+    return `'${O(t)}'`;
+  if (t instanceof J)
+    return jt(t, e);
+  if (t instanceof _)
+    return t.composeCode || "";
+  let i = "";
+  return Array.isArray(t) ? i += `[${t.map((a) => p(a, e + 2))}${t.length ? E + " ".repeat(e + 2) : ""}]` : (i += `{${E}`, Object.entries(t).forEach(([a, s]) => {
+    r && typeof a == "string" && (a = `'${O(a)}'`), i += " ".repeat(e + 2), Array.isArray(s) ? i += `${a}: [${s.map((n) => p(n, e + 4, r))}${s.length ? E + " ".repeat(e + 2) : ""}]` : typeof s == "object" && s !== null ? i += `${a}: ${p(s, e + 2, r)}` : [
+      "number",
+      "boolean",
+      "undefined"
+    ].includes(typeof s) || s === null ? i += `${a}: ${s}` : typeof s == "string" ? i += `${a}: '${O(s)}'` : i += `${a}: ${s}`, i += `,${E}`;
+  }), i += " ".repeat(e), i += "}"), i;
+};
+function $t(t) {
+  return p(t, w);
+}
+function Q(t, e = "data-source-placeholder") {
+  if (!t)
+    return e;
+  const r = typeof t == "object" && "title" in t ? t.title : t;
+  return bt(r);
+}
+function A(t, e = !0) {
+  const r = [];
+  return e && r.push("measureFactory"), c(t) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
+}
+const k = `
+`, Pt = (t, e) => {
+  if (t.composeCode)
+    return `${k}${" ".repeat(e)}${t.composeCode}`;
+  const r = t.jaql().jaql;
+  return `${k}${" ".repeat(e)}filterFactory.customFilter(${p(r, e, !0)})`;
+}, Lt = (t, e = 0) => {
+  if (!t)
+    return "";
+  let r = "";
+  return r += `[${t.map((i) => Pt(i, e + 2))}${t.length ? `
+` + " ".repeat(e + 2) : ""}]`, r;
+}, B = (t) => t ? Array.isArray(t) ? Lt(t, 6) : "/** Filter relations not supported yet */" : "[]", Qt = [
+  "executeQueryByWidgetIdTmpl",
+  "widgetByIdTmpl"
+], At = "chartWidgetTmpl", kt = "pivotTableWidgetTmpl", Bt = (t) => t, Ft = ({ dashboardOid: t, widgetOid: e, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
+  U(i);
+  const s = {
+    dashboardOid: t,
+    widgetOid: e
+  }, n = Qt[Number(a)];
+  return q(n, s, r);
+}, Nt = (t, e, r) => {
+  if (ut(t)) {
+    U(t.chartType);
+    const i = L(t), a = {
+      idString: t.id,
+      widgetTypeString: "chart",
+      titleString: t.title,
+      dataSourceString: Q(t.dataSource),
+      chartTypeString: Bt(t.chartType),
+      dataOptionsString: $t(t.dataOptions),
+      filtersString: B(t.filters),
+      componentString: "ChartWidget",
+      extraImportsString: A(t.filters || [], i),
+      styleOptionsString: p(t.styleOptions || {}, w),
+      drilldownOptionsString: p(t.drilldownOptions || {}, w)
+    };
+    return q(r.chart, a, e);
+  }
+  if (pt(t)) {
+    const i = L(t), a = {
+      idString: t.id,
+      widgetTypeString: "pivot",
+      titleString: t.title,
+      dataSourceString: Q(t.dataSource),
+      dataOptionsString: p(t.dataOptions),
+      filtersString: B(t.filters),
+      componentString: "PivotTableWidget",
+      extraImportsString: A(t.filters || [], i),
+      styleOptionsString: p(t.styleOptions || {}, w)
+    };
+    return q(r.pivot, a, e);
+  }
+  if (mt(t))
+    return "/** Plugin widget code not supported yet */";
+  throw new S("errors.otherWidgetTypesNotSupported");
+}, _t = ({ widgetProps: t, uiFramework: e = "react" }) => Nt(t, e, {
+  chart: At,
+  pivot: kt
+}), Rt = (t) => ({
+  dataOptions: {
+    columns: t.map(Y)
+  }
+}), zt = Object.freeze({
+  convolution: {
+    enabled: !0,
+    selectedConvolutionType: "bySlicesCount",
+    independentSlicesCount: 7
+  },
+  lineWidth: {
+    width: "bold"
+  },
+  markers: {
+    enabled: !1
+  },
+  legend: {
+    enabled: !1
+  },
+  yAxis: {
+    gridLines: !1
+  },
+  xAxis: {
+    gridLines: !1
+  }
+}), F = Object.freeze({
+  line: "line/spline",
+  pie: "pie/donut",
+  bar: "bar/stacked",
+  column: "column/stackedcolumn"
+}), Jt = (t, e, r) => {
+  const i = t.reduce((s, n) => (s[n.jaql.title] = n, s), {}), a = Object.entries(r).reduce((s, n) => {
+    const [l, m] = n;
+    return s[`${l}`] = Array.isArray(m) ? m.map((y) => {
+      var T, b;
+      const d = I(y);
+      delete d.enabled;
+      const g = i[d.column.name];
+      if (!g)
+        return {
+          column: {
+            type: "",
+            name: d.column.name
+          }
+        };
+      const f = Y(g);
+      if (g.panel === "measures")
+        return u(o({}, d), {
+          column: f
+        });
+      if (yt(f.type)) {
+        const v = (b = (T = g.format) == null ? void 0 : T.mask) == null ? void 0 : b[g.jaql.level];
+        if (v)
+          return u(o({}, d), {
+            column: f,
+            dateFormat: v
+          });
+      }
+      return u(o({}, d), {
+        column: f
+      });
+    }) : m, s;
+  }, {});
+  switch (e) {
+    case "cartesian":
+      return o({
+        category: [],
+        value: [],
+        breakBy: []
+      }, a);
+    case "categorical":
+      return o({
+        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 ? Rt(t).dataOptions : a;
+    case "boxplot":
+    case "areamap":
+    case "indicator":
+    default:
+      return a;
+  }
+}, N = (t, e) => {
+  var r, i, a, s;
+  return e === "x" ? (i = (r = t.axesMapping.category) != null ? r : t.axesMapping.x) == null ? void 0 : i.map((n) => I(n).column.name).join(", ") : (s = (a = t.axesMapping.value) != null ? a : t.axesMapping.y) == null ? void 0 : s.map((n) => I(n).column.name).join(", ");
+}, Yt = (t, e, r = !0) => {
+  const { chartFamily: i, axesMapping: a = {}, styleOptions: s = {} } = e, n = Jt(t, i, a);
+  let l;
+  return r && e.chartType in F ? l = M(M(zt, {
+    subtype: F[e.chartType]
+  }), {
+    legend: {
+      enabled: !0,
+      position: "right"
+    },
+    yAxis: {
+      title: {
+        enabled: !0,
+        text: N(e, "y")
+      }
+    },
+    xAxis: {
+      title: {
+        enabled: !0,
+        text: N(e, "x")
+      }
+    }
+  }, s) : l = M(gt(), s), {
+    dataOptions: n,
+    chartStyleOptions: l
+  };
+}, Ut = (t) => "chartType" in t ? t : {
+  chartType: "table",
+  chartFamily: "table",
+  axesMapping: {}
+}, Kt = (t) => t.map((e) => ft(e.jaql)), Vt = (t) => t.reduce((e, r) => {
+  if ((r.panel === "scope" || r.jaql.filter) && e.metadataFilters.push(P(r)), r.panel !== "scope") {
+    const i = P(r);
+    delete i.jaql.filter, e.metadataColumns.push(i);
+  }
+  return e;
+}, {
+  metadataColumns: [],
+  metadataFilters: []
+}), Ht = (t, e) => {
+  if (!vt(t))
+    try {
+      const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = t, { metadata: n, datasource: l } = i, m = u(o({}, l), {
+        type: l.type || "elasticube"
+      }), y = ht(m), d = n.map((x) => It(x)).map((x) => u(o({}, x), {
+        jaql: u(o({}, x.jaql), {
+          datasource: y
+        })
+      })), g = Ut(a), f = g.chartType.toLowerCase(), T = {
+        cornerRadius: "Small",
+        header: {
+          // remove info button and render empty toolbar instead
+          renderToolbar: () => null
+        }
+      }, { metadataColumns: b, metadataFilters: v } = Vt(d), H = Kt(v), { dataOptions: G, chartStyleOptions: X } = Yt(b, g, r), Z = o(o({}, X), T);
+      return {
+        widgetType: "chart",
+        id: s,
+        title: s,
+        chartType: f,
+        dataSource: m,
+        dataOptions: G,
+        filters: H,
+        styleOptions: Z
+      };
+    } catch (r) {
+      console.error(r);
+      return;
+    }
+}, Gt = (t, e) => Ht(t, e), Xt = (t) => Tt(t) ? Ft(t) : _t(t), de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  toWidgetCode: Xt,
+  toWidgetProps: Gt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  w as C,
+  re as E,
+  J,
+  q as a,
+  L as b,
+  ne as c,
+  Q as d,
+  B as e,
+  A as f,
+  Nt as g,
+  p as h,
+  se as i,
+  ee as j,
+  ie as k,
+  Tt as l,
+  ae as m,
+  It as n,
+  wt as p,
+  oe as s,
+  Gt as t,
+  le as v,
+  de as w
+};