@sisense/sdk-ui 2.11.0 → 2.13.0

package/dist/widget-composer-ovIwmgin.js

@@ -0,0 +1,1426 @@
+var ne = Object.defineProperty, oe = Object.defineProperties;
+var le = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var N = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
+var F = (e, t, r) => t in e ? ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, o = (e, t) => {
+  for (var r in t || (t = {}))
+    N.call(t, r) && F(e, r, t[r]);
+  if (C)
+    for (var r of C(t))
+      k.call(t, r) && F(e, r, t[r]);
+  return e;
+}, p = (e, t) => oe(e, le(t));
+var q = (e, t) => {
+  var r = {};
+  for (var a in e)
+    N.call(e, a) && t.indexOf(a) < 0 && (r[a] = e[a]);
+  if (e != null && C)
+    for (var a of C(e))
+      t.indexOf(a) < 0 && k.call(e, a) && (r[a] = e[a]);
+  return r;
+};
+import { J as de, c as V, i as ce } from "./types-CnFd03Ga.js";
+import { T as b, l as H, A as ue, m as l, o as pe, q as T, D as me, r as W, n as Z, s as ge, t as A, u as fe, v as ye } from "./execute-query-JhI9RXe_.js";
+import { A as Se, i as Oe, a as he, b as be, n as _, g as Te } from "./derive-chart-family-BcASqlOf.js";
+function ve(e) {
+  return e.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function Lt(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function It(e) {
+  const t = /\[(.+?)\s\(Calendar\)\]/;
+  return e.replace(t, "[$1]").trim();
+}
+function At(e) {
+  if (e)
+    if (e.metadata) {
+      if (!e.model)
+        throw new b("errors.missingModelTitle");
+    } else throw new b("errors.missingMetadata");
+  else throw new b("errors.emptyModel");
+  return e;
+}
+function Ee(e) {
+  return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
+}
+function G(e) {
+  if (![
+    ...Se,
+    "pivot",
+    "pivot2"
+  ].includes(e)) throw new b("errors.chartTypeNotSupported", {
+    chartType: e
+  });
+}
+function xe(e) {
+  return "widgetType" in e && e.widgetType === "pivot";
+}
+function O(e) {
+  var t;
+  return "column" in e && ((t = e.column) == null ? void 0 : t.expression) && /\(.*\)/.test(e.column.expression);
+}
+function B(e) {
+  const t = "measures" in e && m(e.measures) || "values" in e && m(e.values);
+  return xe(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((a) => O(a)) : e.chartType === "boxplot" ? !1 : e.chartType === "scatter" ? "x" in e.dataOptions && e.dataOptions.x !== void 0 && O(e.dataOptions.x) || "y" in e.dataOptions && e.dataOptions.y !== void 0 && O(e.dataOptions.y) || "size" in e.dataOptions && e.dataOptions.size !== void 0 : e.chartType === "scattermap" ? "colorBy" in e.dataOptions && e.dataOptions.colorBy !== void 0 && O(e.dataOptions.colorBy) || "details" in e.dataOptions && e.dataOptions.details !== void 0 && O(e.dataOptions.details) || "size" in e.dataOptions && e.dataOptions.size !== void 0 && O(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 De(e) {
+  const t = e.split(`
+`);
+  for (let r = 0; r < t.length - 1; r++)
+    if (t[r].trim() === "") {
+      const a = t[r + 1].trim();
+      if (a.startsWith("import *") || a.startsWith("import {")) {
+        t.splice(r, 1);
+        break;
+      }
+    }
+  return t.join(`
+`);
+}
+function Ce(e) {
+  const t = (a) => /^[$A-Z_][0-9A-Z_$]*$/i.test(a);
+  if ("composeCode" in e)
+    return e;
+  const r = {};
+  for (const [a, i] of Object.entries(e)) {
+    const s = t(a) ? a : `"${a}"`;
+    r[s] = i;
+  }
+  return r;
+}
+const we = {
+  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 */"
+  }
+}, X = (e, t) => we[t][e].replace(/{{(.*?)Tmpl}}/g, (a, i) => X(`${i}Tmpl`, t)), Le = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), M = (e, t, r = "react") => {
+  const a = X(e, r);
+  return De(Le(a, t));
+}, Ie = () => Object.values(ue).map((t) => H.aggregationToJAQL(t)).join("|"), ee = (e) => {
+  const { formula: t, context: r, filter: a } = e;
+  if (!r || !t)
+    return e;
+  const i = Object.keys(r);
+  if (i.length !== 1)
+    return e;
+  const s = i[0];
+  if (typeof s != "string")
+    return e;
+  const n = r[`${s}`], u = Ie(), d = new RegExp(`^\\s*(${u})\\(\\[\\w+\\]\\)$`), f = t.match(d);
+  if (f && t.includes(s)) {
+    const c = f[1];
+    return o({
+      dim: n.dim,
+      table: n.table,
+      column: n.column,
+      datatype: n.datatype,
+      agg: c,
+      title: e.title
+    }, a ? {
+      filter: o({}, a)
+    } : {});
+  }
+  return e;
+}, L = (e) => {
+  let t = e;
+  if ("formula" in e && (t = ee(e)), "context" in t) {
+    const r = o({}, t.context);
+    Object.keys(r).forEach((a) => {
+      r[`${a}`] = L(r[`${a}`]);
+    }), t.context = r;
+  }
+  return t;
+}, Ae = (e) => {
+  var a;
+  const t = e;
+  if (t.panel !== "scope") return t;
+  const { jaql: r } = t;
+  return (a = r.filter) != null && a.by && (r.filter.by = ee(r.filter.by)), p(o({}, t), {
+    jaql: r
+  });
+}, _e = (e) => {
+  let t = e;
+  t = Ae(t);
+  const { jaql: r, measure: a, by: i } = t;
+  return o(o(p(o({}, t), {
+    jaql: L(r)
+  }), i ? {
+    by: L(i)
+  } : {}), a ? {
+    measure: L(a)
+  } : {});
+}, I = 6;
+function Me(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 Pe = {
+  subtype: "indicator/numeric",
+  numericSubtype: "numericSimple",
+  skin: "vertical",
+  indicatorComponents: {
+    title: {
+      shouldBeShown: !0,
+      text: void 0
+    },
+    secondaryTitle: {
+      text: ""
+    },
+    ticks: {
+      shouldBeShown: !1
+    },
+    labels: {
+      shouldBeShown: !1
+    }
+  }
+}, We = {
+  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
+  }
+}, $e = {
+  subtype: "line/basic",
+  lineWidth: {
+    width: "bold"
+  },
+  markers: {
+    enabled: !1,
+    size: "small",
+    fill: "filled"
+  }
+}, Fe = {
+  subtype: "area/basic",
+  lineWidth: {
+    width: "bold"
+  },
+  markers: {
+    enabled: !1,
+    size: "small",
+    fill: "filled"
+  }
+}, Ne = {
+  subtype: "bar/classic"
+}, ke = {
+  subtype: "column/classic"
+}, qe = {
+  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 h(e) {
+  return pe({}, We, e);
+}
+const Be = {
+  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"
+  }
+}, Re = {
+  legend: {
+    enabled: !1,
+    position: "left"
+  },
+  labels: {
+    enabled: !0,
+    categories: !0,
+    percent: !0,
+    decimals: !1,
+    value: !0
+  },
+  funnelSize: "regular",
+  funnelType: "regular",
+  funnelDirection: "regular"
+}, je = {
+  rowsPerPage: 25,
+  isAutoHeight: !0,
+  rowHeight: null,
+  alternatingRowsColor: !0,
+  alternatingColumnsColor: !1,
+  headersColor: !1,
+  membersColor: !1,
+  totalsColor: !1
+}, Qe = {
+  labels: {
+    category: [
+      {
+        enabled: !0
+      },
+      {
+        enabled: !0
+      },
+      {
+        enabled: !0
+      }
+    ]
+  },
+  tooltip: {
+    mode: "value"
+  }
+}, Ue = {
+  viewType: "month",
+  startOfWeek: "sunday",
+  cellLabels: {
+    enabled: !0
+  },
+  dayLabels: {
+    enabled: !0
+  },
+  monthLabels: {
+    enabled: !0
+  },
+  weekends: {
+    days: [],
+    cellColor: "#e6e6e6",
+    hideValues: !0
+  }
+}, ze = {
+  legend: {
+    enabled: !0,
+    position: "bottom"
+  },
+  tooltip: {
+    mode: "value"
+  }
+}, Ye = {
+  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
+  }
+}, Je = {
+  header: {
+    color: {
+      enabled: !1
+    }
+  },
+  rows: {
+    alternatingColor: {
+      enabled: !1
+    }
+  },
+  columns: {
+    alternatingColor: {
+      enabled: !1
+    }
+  }
+}, Ke = {
+  subtype: "scattermap",
+  markers: {
+    fill: "filled",
+    size: {
+      defaultSize: 4,
+      minSize: 4,
+      maxSize: 24
+    }
+  }
+}, Ve = {
+  mapType: "world"
+}, He = {
+  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 Ze(e) {
+  switch (e) {
+    case "indicator":
+      return l(Pe);
+    case "line":
+      return h($e);
+    case "area":
+      return h(Fe);
+    case "bar":
+      return h(Ne);
+    case "column":
+      return h(ke);
+    case "polar":
+      return h(qe);
+    case "pie":
+      return l(Be);
+    case "funnel":
+      return l(Re);
+    case "treemap":
+      return l(Qe);
+    case "calendar-heatmap":
+      return l(Ue);
+    case "sunburst":
+      return l(ze);
+    case "scatter":
+      return l(Ye);
+    case "scattermap":
+      return l(Ke);
+    case "areamap":
+      return l(Ve);
+    case "boxplot":
+      return l(He);
+    case "table":
+      return l(Je);
+    case "pivot":
+      return l(je);
+    case "pivot2":
+      return {};
+    case "image":
+      return {};
+    default:
+      return {};
+  }
+}
+const w = `
+`, P = "UNKNOWN", Ge = (e, t) => {
+  let r = "";
+  return r += `measureFactory.customFormula(
+`, r += " ".repeat(t), r += `  '${T(e.title)}',
+`, r += " ".repeat(t), r += `  '${e.formula}',
+`, r += " ".repeat(t), r += `  {
+`, Object.entries(e.context).forEach(([a, i]) => {
+    const s = Z(i.table || P, i.column || P, void 0, "DM");
+    r += " ".repeat(t), r += `    '${a.slice(1, -1)}': ${s},
+`;
+  }), r += " ".repeat(t), r += `  }
+`, r += " ".repeat(t), r += ")", r;
+}, Xe = (e) => {
+  const { level: t, table: r, column: a, agg: i, title: s } = e;
+  let n;
+  return r && a && (n = Z(r, a, t, "DM")), i && r && a && s && (n = `measureFactory.${H.aggregationFromJAQL(i)}(${n}, '${T(s)}')`), n || P;
+}, et = (e, t) => {
+  const r = e.jaql(!1).jaql;
+  return "formula" in r ? Ge(r, t) : Xe(r);
+}, g = (e, t = 0, r = !1) => {
+  if (!e)
+    return "";
+  if (typeof e == "string")
+    return `'${T(e)}'`;
+  if (e instanceof de)
+    return et(e, t);
+  if (e instanceof me)
+    return e.composeCode || "";
+  let a = "";
+  return Array.isArray(e) ? a += `[${e.map((i) => g(i, t + 2))}${e.length ? w + " ".repeat(t + 2) : ""}]` : (a += `{${w}`, Object.entries(e).forEach(([i, s]) => {
+    if (r && typeof i == "string" && (i = `'${T(i)}'`), a += " ".repeat(t + 2), Array.isArray(s))
+      a += `${i}: [${s.map((n) => g(n, t + 4, r))}${s.length ? w + " ".repeat(t + 2) : ""}]`;
+    else if (typeof s == "object" && s !== null) {
+      const n = Array.isArray(s) ? s : Ce(s);
+      a += `${i}: ${g(n, t + 2, r)}`;
+    } else [
+      "number",
+      "boolean",
+      "undefined"
+    ].includes(typeof s) || s === null ? a += `${i}: ${s}` : typeof s == "string" ? a += `${i}: '${T(s)}'` : a += `${i}: ${s}`;
+    a += `,${w}`;
+  }), a += " ".repeat(t), a += "}"), a;
+};
+function $(e, t) {
+  if (t === void 0 || t && typeof t == "object" && !Array.isArray(t) && Object.keys(t).length === 0)
+    return e;
+  if (!W(e, t)) {
+    if (e && typeof e == "object" && !Array.isArray(e)) {
+      const r = {};
+      for (const a of Object.keys(e)) {
+        const i = $(e[a], t == null ? void 0 : t[a]), s = t && Object.prototype.hasOwnProperty.call(t, a), n = s ? t[a] : void 0;
+        (i !== void 0 || !s || e[a] === void 0 && n !== void 0) && (r[a] = i);
+      }
+      return Object.keys(r).length ? r : void 0;
+    }
+    return e;
+  }
+}
+function R(e, t) {
+  if (!e || Object.keys(e).length === 0)
+    return {};
+  const r = Ze(t);
+  if (W(e, r))
+    return {};
+  const a = $(e, r);
+  return a != null ? a : {};
+}
+function j(e, t) {
+  const r = Me(t);
+  if (W(e, r))
+    return e;
+  const a = $(e, r);
+  return a != null ? a : {};
+}
+function tt(e) {
+  return g(e, I);
+}
+function Q(e, t = "data-source-placeholder") {
+  if (!e)
+    return t;
+  const r = typeof e == "object" && "title" in e ? e.title : e;
+  return ve(r);
+}
+function U(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 z = `
+`, rt = (e, t) => {
+  if (e.composeCode)
+    return `${z}${" ".repeat(t)}${e.composeCode}`;
+  const r = e.jaql().jaql;
+  return `${z}${" ".repeat(t)}filterFactory.customFilter(${g(r, t, !0)})`;
+}, at = (e, t = 0) => {
+  if (!e)
+    return "";
+  let r = "";
+  return r += `[${e.map((a) => rt(a, t + 2))}${e.length ? `
+` + " ".repeat(t + 2) : ""}]`, r;
+}, Y = (e) => e ? Array.isArray(e) ? at(e, 6) : "/** Filter relations not supported yet */" : "[]", it = [
+  "executeQueryByWidgetIdTmpl",
+  "widgetByIdTmpl"
+], st = "chartWidgetTmpl", nt = "pivotTableWidgetTmpl", ot = (e) => e, lt = ({ dashboardOid: e, widgetOid: t, uiFramework: r = "react", chartType: a = "table", includeChart: i = !0 }) => {
+  G(a);
+  const s = {
+    dashboardOid: e,
+    widgetOid: t
+  }, n = it[Number(i)];
+  return M(n, s, r);
+}, dt = (e, t, r, a) => {
+  if (Oe(e)) {
+    G(e.chartType);
+    const i = B(e), s = {
+      idString: e.id,
+      widgetTypeString: "chart",
+      titleString: e.title,
+      dataSourceString: Q(e.dataSource),
+      chartTypeString: ot(e.chartType),
+      dataOptionsString: tt(a ? j(e.dataOptions, e.chartType) : e.dataOptions),
+      filtersString: Y(e.filters),
+      componentString: "ChartWidget",
+      extraImportsString: U(e.filters || [], i),
+      styleOptionsString: g(a ? R(e.styleOptions || {}, e.chartType) : e.styleOptions || {}, I),
+      drilldownOptionsString: g(e.drilldownOptions || {}, I)
+    };
+    return M(r.chart, s, t);
+  }
+  if (he(e)) {
+    const i = B(e), s = {
+      idString: e.id,
+      widgetTypeString: "pivot",
+      titleString: e.title,
+      dataSourceString: Q(e.dataSource),
+      dataOptionsString: g(a ? j(e.dataOptions, e.widgetType) : e.dataOptions),
+      filtersString: Y(e.filters),
+      componentString: "PivotTableWidget",
+      extraImportsString: U(e.filters || [], i),
+      styleOptionsString: g(a ? R(e.styleOptions || {}, e.widgetType) : e.styleOptions || {}, I)
+    };
+    return M(r.pivot, s, t);
+  }
+  if (be(e))
+    return "/** Custom widget code not supported yet */";
+  throw new b("errors.otherWidgetTypesNotSupported");
+}, ct = ({ widgetProps: e, uiFramework: t = "react", removeDefaultProps: r = !1 }) => dt(e, t, {
+  chart: st,
+  pivot: nt
+}, r);
+function ut(e) {
+  return !!(e && (e.top !== void 0 || e.bottom !== void 0));
+}
+const pt = (e) => {
+  const t = e.find((r) => r.panel === "rows");
+  return t ? e.map((r) => {
+    const a = r.jaql.filter;
+    if (!(r.panel === "scope" && ut(a) && a.by === void 0))
+      return r;
+    const c = r.jaql, { type: s, context: n, formula: u, filter: d } = c, f = q(c, ["type", "context", "formula", "filter"]);
+    return p(o({}, r), {
+      jaql: o({
+        // Copy dimension properties from rows dimension
+        dim: t.jaql.dim,
+        table: t.jaql.table,
+        column: t.jaql.column,
+        datatype: t.jaql.datatype,
+        // Keep the filter but add the by clause
+        filter: p(o({}, d), {
+          by: {
+            type: s,
+            context: n,
+            formula: u
+          }
+        })
+      }, f)
+    });
+  }) : e;
+}, _t = (e) => "chartType" in e.chartRecommendations ? e.chartRecommendations : {
+  chartType: "table",
+  chartFamily: "table",
+  axesMapping: {}
+}, mt = (e) => ({
+  dataOptions: {
+    columns: e.map(V)
+  }
+}), gt = Object.freeze({
+  convolution: {
+    enabled: !0,
+    selectedConvolutionType: "bySlicesCount",
+    independentSlicesCount: 7
+  },
+  lineWidth: {
+    width: "bold"
+  },
+  markers: {
+    enabled: !1
+  },
+  legend: {
+    enabled: !1
+  },
+  yAxis: {
+    gridLines: !1
+  },
+  xAxis: {
+    gridLines: !1
+  }
+}), J = Object.freeze({
+  line: "line/spline",
+  pie: "pie/donut",
+  bar: "bar/stacked",
+  column: "column/stackedcolumn"
+}), ft = (e, t, r) => {
+  const a = e.reduce((s, n) => (s[n.jaql.title] = n, s), {}), i = Object.entries(r).reduce((s, n) => {
+    const [u, d] = n;
+    return s[`${u}`] = Array.isArray(d) ? d.map((f) => {
+      var v, E;
+      const c = _(f);
+      delete c.enabled;
+      const y = a[c.column.name];
+      if (!y) return {
+        column: {
+          type: "",
+          name: c.column.name
+        }
+      };
+      const S = V(y);
+      if (y.panel === "measures")
+        return p(o({}, c), {
+          column: S
+        });
+      if (ge(S.type)) {
+        const x = (E = (v = y.format) == null ? void 0 : v.mask) == null ? void 0 : E[y.jaql.level];
+        if (x)
+          return p(o({}, c), {
+            column: S,
+            dateFormat: x
+          });
+      }
+      return p(o({}, c), {
+        column: S
+      });
+    }) : d, s;
+  }, {});
+  switch (t) {
+    case "cartesian":
+      return o({
+        category: [],
+        value: [],
+        breakBy: []
+      }, i);
+    case "categorical":
+      return o({
+        category: [],
+        value: []
+      }, i);
+    case "scatter":
+      return Object.keys(i).forEach((s) => {
+        i[`${s}`] = i[`${s}`][0];
+      }), i;
+    case "scattermap":
+      return Object.keys(i).forEach((s) => {
+        s !== "geo" && (i[`${s}`] = i[`${s}`][0]);
+      }), i;
+    case "table":
+      return Object.keys(i).length === 0 ? mt(e).dataOptions : i;
+    case "boxplot":
+    case "areamap":
+    case "indicator":
+    default:
+      return i;
+  }
+}, K = (e, t) => {
+  var r, a, i, s;
+  return t === "x" ? (a = (r = e.category) != null ? r : e.x) == null ? void 0 : a.map((n) => _(n).column.name).join(", ") : (s = (i = e.value) != null ? i : e.y) == null ? void 0 : s.map((n) => _(n).column.name).join(", ");
+}, yt = (e, t, r, a) => {
+  let i;
+  return a && e in J ? i = A(A(gt, {
+    subtype: J[`${e}`]
+  }), {
+    legend: {
+      enabled: !0,
+      position: "right"
+    },
+    yAxis: {
+      title: {
+        enabled: !0,
+        text: K(t, "y")
+      }
+    },
+    xAxis: {
+      title: {
+        enabled: !0,
+        text: K(t, "x")
+      }
+    }
+  }, r) : i = A(Te(), r), i;
+}, St = (e, t, r = !0) => {
+  const { chartFamily: a, chartType: i, axesMapping: s = {}, styleOptions: n = {} } = t, u = ft(e, a, s), d = yt(i, s, n, r);
+  return {
+    dataOptions: u,
+    chartStyleOptions: d
+  };
+}, Ot = (e) => "chartType" in e ? e : {
+  chartType: "table",
+  chartFamily: "table",
+  axesMapping: {}
+}, ht = (e) => e.map((t) => fe(t.jaql)), bt = (e) => e.reduce((t, r) => {
+  if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(l(r)), r.panel !== "scope") {
+    const a = l(r);
+    delete a.jaql.filter, t.metadataColumns.push(a);
+  }
+  return t;
+}, {
+  metadataColumns: [],
+  metadataFilters: []
+}), Tt = (e, t) => {
+  if (!Ee(e))
+    try {
+      const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: a, chartRecommendations: i, queryTitle: s } = e, { metadata: n, datasource: u } = a, d = p(o({}, u), {
+        type: u.type || "elasticube"
+      }), f = ye(d), y = pt(n).map((D) => _e(D)).map((D) => p(o({}, D), {
+        jaql: p(o({}, D.jaql), {
+          datasource: f
+        })
+      })), S = Ot(i), v = S.chartType.toLowerCase(), E = {
+        cornerRadius: "Small",
+        header: {
+          // remove info button and render empty toolbar instead
+          renderToolbar: () => null
+        }
+      }, { metadataColumns: x, metadataFilters: te } = bt(y), re = ht(te), { dataOptions: ae, chartStyleOptions: ie } = St(x, S, r), se = o(o({}, ie), E);
+      return {
+        widgetType: "chart",
+        id: s,
+        title: s,
+        chartType: v,
+        dataSource: d,
+        dataOptions: ae,
+        filters: re,
+        styleOptions: se
+      };
+    } catch (r) {
+      console.error(r);
+      return;
+    }
+}, vt = (e, t) => Tt(e, t), Et = (e) => ce(e) ? lt(e) : ct(e), Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  toWidgetCode: Et,
+  toWidgetProps: vt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  I as C,
+  M as a,
+  B as b,
+  Lt as c,
+  Q as d,
+  Y as e,
+  U as f,
+  dt as g,
+  g as h,
+  _e as i,
+  _t as j,
+  ft as k,
+  yt as l,
+  St as m,
+  Le as p,
+  It as s,
+  vt as t,
+  At as v,
+  Mt as w
+};