@sisense/sdk-ui 2.10.0 → 2.12.0

package/dist/widget-composer-DL0xPtlC.js

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