@sisense/sdk-ui 1.24.0 → 1.26.0

package/dist/{widget-composer-L8kmRhgX.js → widget-composer-ygehKLLR.js}

@@ -1,19 +1,19 @@
-var k = Object.defineProperty;
+var _ = Object.defineProperty;
 var E = Object.getOwnPropertySymbols;
-var z = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
-var w = (e, t, r) => t in e ? k(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, g = (e, t) => {
+var R = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var w = (e, t, r) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, f = (e, t) => {
   for (var r in t || (t = {}))
-    z.call(t, r) && w(e, r, t[r]);
+    R.call(t, r) && w(e, r, t[r]);
   if (E)
     for (var r of E(t))
-      U.call(t, r) && w(e, r, t[r]);
+      K.call(t, r) && w(e, r, t[r]);
   return e;
 };
-import { dt as K, du as j, M as O, T as u, dv as Y, dw as I, av as J, aD as V, dx as H, dy as X, m as C, dz as Z, dA as G, ao as ee, bN as D } from "./widget-model-translator-CYeCKnTa.js";
-class M extends K {
+import { cZ as U, h as I, M as x, T as u, c_ as Y, c$ as W, a9 as z, ag as J, ae as V, m as C, d0 as Z, J as H, B as X, aT as D } from "./derive-chart-family-ZvvF5lty.js";
+class Q extends U {
   constructor(t, r) {
     var a;
-    super((a = t.jaql.title) !== null && a !== void 0 ? a : "", r), this.expression = t.jaql.dim || t.jaql.formula, this.metadataItem = t, t.jaql.agg ? this.aggregation = t.jaql.agg : delete this.aggregation, t.jaql.formula ? this.formula = t.jaql.formula : delete this.formula, t.jaql.sort ? this.sortType = j(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
+    super((a = t.jaql.title) !== null && a !== void 0 ? a : "", r), this.expression = t.jaql.dim || t.jaql.formula, this.metadataItem = t, t.jaql.agg ? this.aggregation = t.jaql.agg : delete this.aggregation, t.jaql.formula ? this.formula = t.jaql.formula : delete this.formula, t.jaql.sort ? this.sortType = I(t.jaql.sort) : delete this.sortType, this.skipValidation = !0;
   }
   get id() {
     return this.expression;
@@ -22,36 +22,36 @@ class M extends K {
     return this.metadataItem;
   }
 }
-const te = {
-  text: O.TextAttribute,
-  numeric: O.NumericAttribute,
-  datetime: O.DateLevel
+const G = {
+  text: x.TextAttribute,
+  numeric: x.NumericAttribute,
+  datetime: x.DateLevel
 };
-function Q(e) {
+function P(e) {
   var t;
-  return new M(e, (t = te[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
+  return new Q(e, (t = G[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
 }
-const Ie = {
+const We = {
   jaql: { datasource: { title: "" }, metadata: [] },
   queryTitle: "",
   chartRecommendations: {}
-}, Me = {
+}, Qe = {
   model: "",
   metadata: [],
   chart: {},
   queryTitle: ""
-}, Qe = (e) => "widgetProps" in e, re = (e) => "dashboardOid" in e && "widgetOid" in e;
-function ae(e) {
+}, Pe = (e) => "widgetProps" in e, ee = (e) => "dashboardOid" in e && "widgetOid" in e;
+function te(e) {
   return e.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function Le(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function Ae(e) {
+function je(e) {
   const t = /\[(.+?)\s\(Calendar\)\]/;
   return e.replace(t, "[$1]").trim();
 }
-function Fe(e) {
+function Ae(e) {
   if (e)
     if (e.metadata) {
       if (!e.model)
@@ -62,17 +62,17 @@ function Fe(e) {
     throw new u("errors.emptyModel");
   return e;
 }
-function ie(e) {
+function re(e) {
   return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
 }
-function y(e) {
+function h(e) {
   return e && e.replace(new RegExp("(?<!\\\\)'", "g"), "\\'");
 }
 function L(e) {
-  if (!Y.includes(e))
+  if (![...Y, "pivot", "pivot2"].includes(e))
     throw new u("errors.chartTypeNotSupported", { chartType: e });
 }
-const se = {
+const ae = {
   react: {
     baseChartTmpl: `import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}
@@ -110,7 +110,7 @@ export default CodeExample;
     executeQueryByWidgetIdTmpl: `import { useExecuteQueryByWidgetId } from '@sisense/sdk-ui';
 
 const CodeExample = () => {
-  const { data, isLoading, isError } = useExecuteQueryByWidgetId({
+  const { data, isLoading, isError, error } = useExecuteQueryByWidgetId({
     widgetOid: "{{widgetOid}}",
     dashboardOid: "{{dashboardOid}}"
   });
@@ -119,7 +119,7 @@ const CodeExample = () => {
     return <div>Loading...</div>;
   }
   if (isError) {
-    return <div>Error</div>;
+    return <div>Error: {error.message}</div>;
   }
   if (data) {
     return <div>Total Rows: {data.rows.length}</div>;
@@ -130,7 +130,7 @@ const CodeExample = () => {
 
 export default CodeExample;
 `,
-    executeQueryWidgetTmpl: `import { useExecuteQuery } from '@sisense/sdk-ui';
+    executeQueryTmpl: `import { useExecuteQuery } from '@sisense/sdk-ui';
 {{extraImportsString}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
 
@@ -143,13 +143,13 @@ const CodeExample = () => {
     highlights: {{highlightsString}},
   }
 
-  const { data, isLoading, isError } = useExecuteQuery(queryProps);
+  const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
 
   if (isLoading) {
     return <div>Loading...</div>;
   }
   if (isError) {
-    return <div>Error</div>;
+    return <div>Error: {error.message}</div>;
   }
   if (data) {
     return <div>Total Rows: {data.rows.length}</div>;
@@ -159,7 +159,47 @@ const CodeExample = () => {
 };
 
 export default CodeExample;
-`
+`,
+    executePivotQueryTmpl: `import { useExecutePivotQuery, ExecutePivotQueryParams } from '@sisense/sdk-ui';
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+const CodeExample = () => {
+    const pivotQueryProps: ExecutePivotQueryParams = {
+      dataSource: DM.DataSource,
+      rows: {{rowsString}},
+      values: {{valuesString}},
+    }
+
+    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.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}} }
+    />
+  );
+}`
   },
   angular: {
     baseChartTmpl: `import { Component } from '@angular/core';
@@ -208,24 +248,35 @@ import { type QueryResultData } from '@sisense/sdk-data';
 
 @Component({
   selector: 'code-example',
-  template: '<div>Total Rows: {{ queryResult.rows.length }}</div>',
+  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 { data } = await this.queryService.executeQueryByWidgetId({
-        widgetOid: "{{widgetOid}}",
-        dashboardOid: "{{dashboardOid}}",
-      });
-      this.queryResult = data as QueryResultData;
+      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;
+        }
+      }
     }
 }
 `,
-    executeQueryWidgetTmpl: `import { Component } from '@angular/core';
+    executeQueryTmpl: `import { Component } from '@angular/core';
 {{extraImportsString}}
 import { type QueryResultData } from '@sisense/sdk-data';
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
@@ -233,12 +284,17 @@ import { QueryService } from '@sisense/sdk-ui-angular';
 
 @Component({
   selector: 'code-example',
-  template: '<div>Total Rows: {{ queryResult.rows.length }}</div>',
+  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> {
@@ -249,11 +305,20 @@ export class CodeExample {
         filters: {{filtersString}},
         highlights: {{highlightsString}},
       }
-      const { data } = await this.queryService.executeQuery(queryProps);
-      this.queryResult = data as QueryResultData;
+
+      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"
   },
   vue: {
     baseChartTmpl: `<script setup lang="ts">
@@ -289,7 +354,7 @@ import { WidgetById } from '@sisense/sdk-ui-vue';
     executeQueryByWidgetIdTmpl: `<script setup lang="ts">
 import { useExecuteQueryByWidgetId } from '@sisense/sdk-ui-vue';
 
-const { data, isLoading, isError } = useExecuteQueryByWidgetId({
+const { data, isLoading, isError, error } = useExecuteQueryByWidgetId({
   widgetOid: "{{widgetOid}}",
   dashboardOid: "{{dashboardOid}}"
 });
@@ -297,12 +362,12 @@ const { data, isLoading, isError } = useExecuteQueryByWidgetId({
 <template>
   <div>
     <div v-if="isLoading">Loading...</div>
-    <div v-else-if="isError">Error</div>
+    <div v-else-if="isError">Error: {{error.message}}</div>
     <div v-else-if="data">Total Rows: {{data.rows.length}}</div>
   </div>
 </template>
 `,
-    executeQueryWidgetTmpl: `<script setup lang="ts">
+    executeQueryTmpl: `<script setup lang="ts">
 import { useExecuteQuery } from '@sisense/sdk-ui-vue';
 {{extraImportsString}}
 import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
@@ -314,33 +379,35 @@ const queryProps = {
   filters: {{filtersString}},
   highlights: {{highlightsString}},
 }
-const { data, isLoading, isError } = useExecuteQuery(queryProps);
+const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
 <\/script>
 <template>
   <div>
     <div v-if="isLoading">Loading...</div>
-    <div v-else-if="isError">Error</div>
+    <div v-else-if="isError">Error: {{error.message}}</div>
     <div v-else-if="data">Total Rows: {{data.rows.length}}</div>
   </div>
-</template>`
+</template>`,
+    executePivotQueryTmpl: "Not implemented yet",
+    pivotTableWidgetTmpl: "Not implemented yet"
   }
-}, A = (e, t) => se[t][e].replace(
+}, j = (e, t) => ae[t][e].replace(
   /{{(.*?)Tmpl}}/g,
-  (a, s) => A(`${s}Tmpl`, t)
-), oe = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), v = (e, t, r = "react") => {
-  const a = A(e, r);
-  return oe(a, t);
-}, f = `
-`, b = "UNKNOWN", ne = (e, t) => {
+  (a, s) => j(`${s}Tmpl`, t)
+), ie = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), b = (e, t, r = "react") => {
+  const a = j(e, r);
+  return ie(a, t);
+}, y = `
+`, O = "UNKNOWN", se = (e, t) => {
   let r = "";
   return r += `measureFactory.customFormula(
-`, r += " ".repeat(t), r += `  '${y(e.title)}',
+`, r += " ".repeat(t), r += `  '${h(e.title)}',
 `, r += " ".repeat(t), r += `  '${e.formula}',
 `, r += " ".repeat(t), r += `  {
 `, Object.entries(e.context).forEach(([a, s]) => {
-    const i = I(
-      s.table || b,
-      s.column || b,
+    const i = W(
+      s.table || O,
+      s.column || O,
       void 0,
       "DM"
     );
@@ -348,83 +415,82 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
 `;
   }), r += " ".repeat(t), r += `  }
 `, r += " ".repeat(t), r += ")", r;
-}, le = (e, t) => {
+}, oe = (e, t) => {
   const { level: r, table: a, column: s, agg: i, sort: o, title: l } = e;
   let n;
-  return a && s && (n = I(a, s, r, "DM")), i && a && s && l && (n = `measureFactory.${J.aggregationFromJAQL(
+  return a && s && (n = W(a, s, r, "DM")), i && a && s && l && (n = `measureFactory.${z.aggregationFromJAQL(
     i
-  )}(${n}, '${y(l)}')`), o && (n = `{column: ${n}, sortType: '${j(o)}'}`), n ? `${" ".repeat(t)}${n}` : b;
-}, de = (e, t) => {
+  )}(${n}, '${h(l)}')`), o && (n = `{column: ${n}, sortType: '${I(o)}'}`), n ? `${" ".repeat(t)}${n}` : O;
+}, ne = (e, t) => {
   const r = e.jaql().jaql;
-  return "formula" in r ? ne(r, t) : f + le(r, t);
-}, h = (e, t = 0, r = !1) => {
+  return "formula" in r ? se(r, t) : y + oe(r, t);
+}, p = (e, t = 0, r = !1) => {
   if (!e)
     return "";
   if (typeof e == "string")
-    return `'${y(e)}'`;
-  if (e instanceof M)
-    return de(e, t);
+    return `'${h(e)}'`;
+  if (e instanceof Q)
+    return ne(e, t);
   let a = "";
-  return Array.isArray(e) ? a += `[${e.map((s) => h(s, t + 2))}${e.length ? f + " ".repeat(t + 2) : ""}]` : (a += `{${f}`, Object.entries(e).forEach(([s, i]) => {
-    r && (s = `'${y(s)}'`), a += " ".repeat(t + 2), Array.isArray(i) ? a += `${s}: [${i.map((o) => h(o, t + 4, r))}${i.length ? f + " ".repeat(t + 2) : ""}]` : typeof i == "object" ? a += `${s}: ${h(i, t + 2, r)}` : ["number", "boolean", "undefined", null].includes(typeof i) ? a += `${s}: ${i}` : a += `${s}: '${y(i)}'`, a += `,${f}`;
+  return Array.isArray(e) ? a += `[${e.map((s) => p(s, t + 2))}${e.length ? y + " ".repeat(t + 2) : ""}]` : (a += `{${y}`, Object.entries(e).forEach(([s, i]) => {
+    r && (s = `'${h(s)}'`), a += " ".repeat(t + 2), Array.isArray(i) ? a += `${s}: [${i.map((o) => p(o, t + 4, r))}${i.length ? y + " ".repeat(t + 2) : ""}]` : typeof i == "object" ? a += `${s}: ${p(i, t + 2, r)}` : ["number", "boolean", "undefined", null].includes(typeof i) ? a += `${s}: ${i}` : a += `${s}: '${h(i)}'`, a += `,${y}`;
   }), a += " ".repeat(t), a += "}"), a;
-}, $ = `
-`, ue = (e, t) => {
+};
+function le(e) {
+  return p(e, 2);
+}
+function A(e) {
+  if (!e)
+    throw new u("errors.undefinedDataSource");
+  let t;
+  return typeof e == "object" && "title" in e ? t = e.title : t = e, te(t);
+}
+function F(e) {
+  const t = ["measureFactory"];
+  return Array.isArray(e) && e.length > 0 && t.push("filterFactory"), `import { ${t.join(", ")} } from '@sisense/sdk-data';`;
+}
+const M = `
+`, de = (e, t) => {
   if (e.composeCode)
-    return `${$}${" ".repeat(t)}${e.composeCode}`;
+    return `${M}${" ".repeat(t)}${e.composeCode}`;
   const r = e.jaql().jaql;
-  return `${$}${" ".repeat(t)}filterFactory.customFilter(${h(
+  return `${M}${" ".repeat(t)}filterFactory.customFilter(${p(
     r,
     t,
     !0
   )})`;
-}, ce = (e, t = 0) => {
+}, ue = (e, t = 0) => {
   if (!e)
     return "";
   let r = "";
-  return r += `[${e.map((a) => ue(a, t + 2))}${e.length ? `
+  return r += `[${e.map((a) => de(a, t + 2))}${e.length ? `
 ` + " ".repeat(t + 2) : ""}]`, r;
-}, F = (e) => {
+}, ce = (e) => {
   if (!e)
     return "";
   if (Array.isArray(e))
-    return ce(e, 2);
+    return ue(e, 2);
   throw new u("errors.filterRelationsNotSupported");
-}, pe = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], me = [
-  "executeQueryWidgetTmpl",
-  "chartWidgetTmpl"
-], P = (e) => {
-  if (!e)
-    throw new u("errors.undefinedDataSource");
-  let t;
-  return typeof e == "object" && "title" in e ? t = e.title : t = e, ae(t);
-}, ge = (e) => e, fe = (e) => h(e, 2), B = (e) => {
-  const t = ["measureFactory"], { filters: r } = e;
-  return Array.isArray(r) && r.length > 0 && t.push("filterFactory"), `import { ${t.join(", ")} } from '@sisense/sdk-data';`;
-}, ye = (e, t, r) => {
+}, pe = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], me = "chartWidgetTmpl", ge = "pivotTableWidgetTmpl", fe = (e) => e, ye = (e, t, r) => {
   const a = {
     titleString: e.title,
-    dataSourceString: P(e.dataSource),
-    chartTypeString: ge(e.chartType),
-    dataOptionsString: fe(e.dataOptions),
-    filtersString: F(e.filters),
+    dataSourceString: A(e.dataSource),
+    chartTypeString: fe(e.chartType),
+    dataOptionsString: le(e.dataOptions),
+    filtersString: ce(e.filters),
     componentString: "ChartWidget",
-    extraImportsString: B(e)
+    extraImportsString: F(e.filters || [])
   };
-  return v(r, a, t);
+  return b(r, a, t);
 }, he = (e, t, r) => {
-  const a = H(e), s = X(a), i = {
-    dataSourceString: P(s.dataSource),
-    dimensionsString: "[]",
-    // TODO
-    measuresString: "[]",
-    // TODO
-    filtersString: F(s.filters),
-    highlightsString: "[]",
-    // TODO
-    extraImportsString: B(e)
+  const a = {
+    titleString: e.title,
+    dataSourceString: A(e.dataSource),
+    dataOptionsString: p(e.dataOptions),
+    componentString: "PivotTableWidget",
+    extraImportsString: F(e.filters || [])
   };
-  return v(r, i, t);
+  return b(r, a, t);
 }, Se = ({
   dashboardOid: e,
   widgetOid: t,
@@ -434,21 +500,19 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
 }) => {
   L(a);
   const i = { dashboardOid: e, widgetOid: t }, o = pe[Number(s)];
-  return v(o, i, r);
+  return b(o, i, r);
 }, Te = ({
   widgetProps: e,
-  uiFramework: t = "react",
-  includeChart: r = !0
+  uiFramework: t = "react"
 }) => {
-  if (V(e)) {
-    L(e.chartType);
-    const a = me[Number(r)];
-    return r ? ye(e, t, a) : he(e, t, a);
-  }
+  if (J(e))
+    return L(e.chartType), ye(e, t, me);
+  if (V(e))
+    return he(e, t, ge);
   throw new u("errors.otherWidgetTypesNotSupported");
-}, xe = (e) => ({
-  dataOptions: { columns: e.map(Q) }
-}), Oe = Object.freeze({
+}, ve = (e) => ({
+  dataOptions: { columns: e.map(P) }
+}), xe = Object.freeze({
   convolution: {
     enabled: !0,
     selectedConvolutionType: "bySlicesCount",
@@ -467,45 +531,45 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
   xAxis: {
     gridLines: !1
   }
-}), q = Object.freeze({
+}), $ = Object.freeze({
   line: "line/spline",
   pie: "pie/donut",
   bar: "bar/stacked",
   column: "column/stackedcolumn"
-}), be = (e, t) => {
+}), Oe = (e, t) => {
   const { axesMapping: r = {}, chartFamily: a } = t, s = e.reduce((o, l) => (o[l.jaql.title] = l, o), {}), i = Object.entries(r).reduce((o, l) => {
-    const [n, p] = l;
-    return o[`${n}`] = Array.isArray(p) ? p.map((m) => {
+    const [n, m] = l;
+    return o[`${n}`] = Array.isArray(m) ? m.map((g) => {
       var S, T;
-      const d = s[m.name];
+      const d = s[g.name];
       if (!d)
-        return { column: { type: "", name: m.name } };
-      const c = Q(d);
+        return { column: { type: "", name: g.name } };
+      const c = P(d);
       if (d.panel === "measures")
         return {
           column: c,
           sortType: "sortNone"
         };
-      if (G(c.type)) {
-        const x = (T = (S = d.format) == null ? void 0 : S.mask) == null ? void 0 : T[d.jaql.level];
-        if (x)
+      if (H(c.type)) {
+        const v = (T = (S = d.format) == null ? void 0 : S.mask) == null ? void 0 : T[d.jaql.level];
+        if (v)
           return {
             column: c,
-            dateFormat: x
+            dateFormat: v
           };
       }
       return c;
-    }) : p, o;
+    }) : m, o;
   }, {});
   switch (a) {
     case "cartesian":
-      return g({
+      return f({
         category: [],
         value: [],
         breakBy: []
       }, i);
     case "categorical":
-      return g({
+      return f({
         category: [],
         value: []
       }, i);
@@ -518,22 +582,22 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
         o !== "geo" && (i[`${o}`] = i[`${o}`][0]);
       }), i;
     case "table":
-      return Object.keys(i).length === 0 ? xe(e).dataOptions : i;
+      return Object.keys(i).length === 0 ? ve(e).dataOptions : i;
     case "boxplot":
     case "areamap":
     case "indicator":
     default:
       return i;
   }
-}, W = (e, t) => {
+}, q = (e, t) => {
   var r, a, s, i;
   return t === "x" ? (a = (r = e.axesMapping.category) != null ? r : e.axesMapping.x) == null ? void 0 : a.map((o) => o.name).join(", ") : (i = (s = e.axesMapping.value) != null ? s : e.axesMapping.y) == null ? void 0 : i.map((o) => o.name).join(", ");
-}, ve = (e, t, r = !0) => {
-  const a = be(e, t);
+}, be = (e, t, r = !0) => {
+  const a = Oe(e, t);
   let s;
-  return r && t.chartType in q ? s = C(
-    C(Oe, {
-      subtype: q[t.chartType]
+  return r && t.chartType in $ ? s = C(
+    C(xe, {
+      subtype: $[t.chartType]
     }),
     {
       legend: {
@@ -543,13 +607,13 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
       yAxis: {
         title: {
           enabled: !0,
-          text: W(t, "y")
+          text: q(t, "y")
         }
       },
       xAxis: {
         title: {
           enabled: !0,
-          text: W(t, "x")
+          text: q(t, "x")
         }
       }
     }
@@ -561,7 +625,7 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, we = (e) => e.map((t) => ee(t.jaql)), Ce = (e) => e.reduce(
+}, we = (e) => e.map((t) => X(t.jaql)), Ce = (e) => e.reduce(
   (t, r) => {
     if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(D(r)), r.panel !== "scope") {
       const a = D(r);
@@ -571,22 +635,22 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
   },
   { metadataColumns: [], metadataFilters: [] }
 ), De = (e, t) => {
-  if (!ie(e))
+  if (!re(e))
     try {
       const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: a, chartRecommendations: s, queryTitle: i } = e, {
         metadata: o,
-        datasource: { title: l, id: n, type: p = "elasticube" }
-      } = a, m = Ee(s), d = m.chartType.toLowerCase(), c = {
+        datasource: { title: l, id: n, type: m = "elasticube" }
+      } = a, g = Ee(s), d = g.chartType.toLowerCase(), c = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: S, metadataFilters: T } = Ce(o), x = we(T), { dataOptions: N, chartStyleOptions: R } = ve(
+      }, { metadataColumns: S, metadataFilters: T } = Ce(o), v = we(T), { dataOptions: k, chartStyleOptions: B } = be(
         S,
-        m,
+        g,
         r
-      ), _ = g(g({}, R), c);
+      ), N = f(f({}, B), c);
       return {
         widgetType: "chart",
         id: i,
@@ -595,30 +659,35 @@ const { data, isLoading, isError } = useExecuteQuery(queryProps);
         dataSource: {
           title: l,
           id: n,
-          type: p
+          type: m
         },
-        dataOptions: N,
-        filters: x,
-        styleOptions: _
+        dataOptions: k,
+        filters: v,
+        styleOptions: N
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, $e = (e, t) => De(e, t), qe = (e) => re(e) ? Se(e) : Te(e), Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Me = (e, t) => De(e, t), $e = (e) => ee(e) ? Se(e) : Te(e), Fe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: qe,
-  toWidgetProps: $e
+  toWidgetCode: $e,
+  toWidgetProps: Me
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Me as E,
-  Ie as a,
-  re as b,
+  Qe as E,
+  A as a,
+  p as b,
   Le as c,
-  Qe as i,
-  oe as p,
-  Ae as s,
-  $e as t,
-  Fe as v,
-  Pe as w
+  ce as d,
+  F as e,
+  We as f,
+  b as g,
+  ee as h,
+  Pe as i,
+  ie as p,
+  je as s,
+  Me as t,
+  Ae as v,
+  Fe as w
 };