@sisense/sdk-ui 2.29.0 → 2.31.0

package/dist/{widget-composer-DRDw1oBF.js → widget-composer-DrfnZQa0.js}

@@ -1,65 +1,65 @@
-var le = Object.defineProperty, de = Object.defineProperties;
-var ce = Object.getOwnPropertyDescriptors;
-var A = Object.getOwnPropertySymbols;
-var j = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
-var R = (e, t, r) => t in e ? le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, o = (e, t) => {
+var oe = Object.defineProperty, le = Object.defineProperties;
+var de = Object.getOwnPropertyDescriptors;
+var I = Object.getOwnPropertySymbols;
+var z = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
+var U = (e, t, r) => t in e ? oe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, o = (e, t) => {
   for (var r in t || (t = {}))
-    j.call(t, r) && R(e, r, t[r]);
-  if (A)
-    for (var r of A(t))
-      Q.call(t, r) && R(e, r, t[r]);
+    z.call(t, r) && U(e, r, t[r]);
+  if (I)
+    for (var r of I(t))
+      Y.call(t, r) && U(e, r, t[r]);
   return e;
-}, p = (e, t) => de(e, ce(t));
-var U = (e, t) => {
+}, m = (e, t) => le(e, de(t));
+var J = (e, t) => {
   var r = {};
   for (var i in e)
-    j.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
-  if (e != null && A)
-    for (var i of A(e))
-      t.indexOf(i) < 0 && Q.call(e, i) && (r[i] = e[i]);
+    z.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && I)
+    for (var i of I(e))
+      t.indexOf(i) < 0 && Y.call(e, i) && (r[i] = e[i]);
   return r;
 };
-import { J as ue, c as X, i as pe } from "./types-7YG0uOzO.js";
-import { C as me, i as ge, a as fe, b as ye, n as W, m as I, g as z } from "./utils-BKRpWUGm.js";
-import { T, A as Se, n as Oe, e as ee, f as he, h as l, m as be, i as v, D as Te, j as q, k as te, l as ve, o as xe, p as Ee, q as Ce } from "./apply-styled-options-to-query-CaP4IMrQ.js";
+import { J as ce, c as X, i as ue } from "./types-BB6n10Af.js";
+import { C as pe, i as me, a as ge, b as fe, n as P, m as W, g as K } from "./utils-C39pRlFD.js";
+import { T as v, A as ye, n as Se, e as ee, f as Oe, h as l, m as he, i as x, D as be, j, k as te, l as Te, o as ve, p as xe, q as Ee } from "./apply-styled-options-to-query-BddNnNsW.js";
 function De(e) {
   return e.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function Mt(e) {
+function kt(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function Wt(e) {
+function Pt(e) {
   const t = /\[(.+?)\s\(Calendar\)\]/;
   return e.replace(t, "[$1]").trim();
 }
-function Ft(e) {
+function $t(e) {
   if (e)
     if (e.metadata) {
       if (!e.model)
-        throw new T("errors.missingModelTitle");
-    } else throw new T("errors.missingMetadata");
-  else throw new T("errors.emptyModel");
+        throw new v("errors.missingModelTitle");
+    } else throw new v("errors.missingMetadata");
+  else throw new v("errors.emptyModel");
   return e;
 }
-function we(e) {
+function Ce(e) {
   return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
 }
-function re(e) {
-  if (![...Se, "pivot", "pivot2"].includes(e))
-    throw new T("errors.chartTypeNotSupported", { chartType: e });
+function we(e) {
+  if (![...ye, "pivot", "pivot2"].includes(e))
+    throw new v("errors.chartTypeNotSupported", { chartType: e });
 }
 function Le(e) {
   return "widgetType" in e && e.widgetType === "pivot";
 }
-function O(e) {
+function h(e) {
   var t;
   return "column" in e && ((t = e.column) == null ? void 0 : t.expression) && /\(.*\)/.test(e.column.expression);
 }
-function Y(e) {
-  const t = "measures" in e && m(e.measures) || "values" in e && m(e.values);
-  return Le(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((i) => O(i)) : 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 V(e) {
+  const t = "measures" in e && g(e.measures) || "values" in e && g(e.values);
+  return Le(e) ? "values" in e.dataOptions && g(e.dataOptions.values) : "chartType" in e ? e.chartType === "indicator" ? "value" in e.dataOptions && g(e.dataOptions.value) || "secondary" in e.dataOptions && g(e.dataOptions.secondary) : e.chartType === "table" ? !("columns" in e.dataOptions) || !g(e.dataOptions.columns) ? !1 : e.dataOptions.columns.some((i) => h(i)) : e.chartType === "boxplot" ? !1 : e.chartType === "scatter" ? "x" in e.dataOptions && e.dataOptions.x !== void 0 && h(e.dataOptions.x) || "y" in e.dataOptions && e.dataOptions.y !== void 0 && h(e.dataOptions.y) || "size" in e.dataOptions && e.dataOptions.size !== void 0 : e.chartType === "scattermap" ? "colorBy" in e.dataOptions && e.dataOptions.colorBy !== void 0 && h(e.dataOptions.colorBy) || "details" in e.dataOptions && e.dataOptions.details !== void 0 && h(e.dataOptions.details) || "size" in e.dataOptions && e.dataOptions.size !== void 0 && h(e.dataOptions.size) : e.chartType === "areamap" ? "geo" in e.dataOptions && g(e.dataOptions.geo) && "color" in e.dataOptions && g(e.dataOptions.color) : "value" in e.dataOptions && g(e.dataOptions.value) : t;
 }
-function m(e) {
+function g(e) {
   return Array.isArray(e) && e.length > 0;
 }
 function Ae(e) {
@@ -82,12 +82,12 @@ function Ie(e) {
     return e;
   const r = {};
   for (const [i, a] of Object.entries(e)) {
-    const n = t(i) ? i : `"${i}"`;
-    r[n] = a;
+    const s = t(i) ? i : `"${i}"`;
+    r[s] = a;
   }
   return r;
 }
-const _e = {
+const We = {
   react: {
     baseChartTmpl: `import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}
@@ -242,6 +242,27 @@ export default function CodeExample() {
       filters: {{filtersString}},
       styleOptions: {{styleOptionsString}},
     }`,
+    customWidgetTmpl: `
+    /* Please make sure "{{customWidgetTypeString}}" is registered as a plugin in your application. */
+    import { Widget } from '@sisense/sdk-ui';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+export default function CodeExample() {
+  return (
+    <Widget
+      id="{{customWidgetTypeString}}-1"
+      widgetType="custom"
+      customWidgetType="{{customWidgetTypeString}}"
+      title={'{{titleString}}'}
+      dataSource={DM.DataSource}
+      dataOptions={ {{dataOptionsString}} }
+      filters={ {{filtersString}} }
+      styleOptions={ {{styleOptionsString}} }
+      customOptions={ {{customOptionsString}} }
+    />
+  );
+}`,
     dashboardByIdTmpl: `import { DashboardById } from '@sisense/sdk-ui';
 
 const CodeExample = () => {
@@ -427,6 +448,37 @@ export class CodeExample {
       filters: {{filtersString}},
       styleOptions: {{styleOptionsString}},
     }`,
+    customWidgetTmpl: `/* Please make sure "{{customWidgetTypeString}}" is registered as a plugin in your application. */
+import { Component } from '@angular/core';
+import { SdkUiModule, type GenericDataOptions } from '@sisense/sdk-ui-angular';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+@Component({
+    selector: 'code-example',
+    imports: [SdkUiModule],
+    template: \`
+      <csdk-widget
+        id="{{customWidgetTypeString}}-1"
+        widgetType="custom"
+        [customWidgetType]="customWidgetType"
+        [title]="'{{titleString}}'"
+        [dataSource]="DM.DataSource"
+        [dataOptions]="dataOptions"
+        [filters]="filters"
+        [styleOptions]="styleOptions"
+        [customOptions]="customOptions"
+      />
+    \`
+})
+export class CodeExample {
+    DM = DM;
+    customWidgetType = "{{customWidgetTypeString}}";
+    dataOptions: GenericDataOptions = {{dataOptionsString}};
+    filters = {{filtersString}};
+    styleOptions = {{styleOptionsString}};
+    customOptions = {{customOptionsString}};
+}`,
     dashboardByIdTmpl: `import { Component } from '@angular/core';
 
 @Component({
@@ -538,6 +590,32 @@ const { data, isLoading, isError, error } = useExecuteQuery(queryProps);
       filters: {{filtersString}},
       styleOptions: {{styleOptionsString}},
     }`,
+    customWidgetTmpl: `<!-- Please make sure "{{customWidgetTypeString}}" is registered as a plugin in your application. -->
+<script setup lang="ts">
+  import { ref } from 'vue';
+  import { Widget } 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({{styleOptionsString}});
+  const customOptions = ref({{customOptionsString}});
+<\/script>
+
+<template>
+  <Widget
+    id="{{customWidgetTypeString}}-1"
+    widgetType="custom"
+    customWidgetType="{{customWidgetTypeString}}"
+    title="{{titleString}}"
+    :dataSource="DM.DataSource"
+    :dataOptions="dataOptions"
+    :filters="filters"
+    :styleOptions="styleOptions"
+    :customOptions="customOptions"
+  />
+</template>`,
     dashboardByIdTmpl: `<script setup lang="ts">
 import { DashboardById } from '@sisense/sdk-ui-vue';
 
@@ -550,62 +628,62 @@ const config = {{configString}};
     dashboardTmpl: "/** COMING SOON */"
   }
 };
-function Pe(e) {
-  return e.replace(/\[\[([^\]]+)\]\]/g, (t, r) => Oe(r));
+function _e(e) {
+  return e.replace(/\[\[([^\]]+)\]\]/g, (t, r) => Se(r));
 }
-const ie = (e, t) => _e[t][e].replace(
+const re = (e, t) => We[t][e].replace(
   /{{(.*?)Tmpl}}/g,
-  (i, a) => ie(`${a}Tmpl`, t)
-), Me = (e, t) => e.replace(/{{(.*?)}}/g, (r, i) => i in t ? t[i] : (console.warn(`Placeholder ${i} not found in data`), r)), N = (e, t, r = "react") => {
-  const i = ie(e, r), a = Me(i, t);
-  return Ae(Pe(a));
-}, We = () => Object.values(he).map((t) => ee.aggregationToJAQL(t)).join("|"), ae = (e) => {
+  (i, a) => re(`${a}Tmpl`, t)
+), Me = (e, t) => e.replace(/{{(.*?)}}/g, (r, i) => i in t ? t[i] : (console.warn(`Placeholder ${i} not found in data`), r)), M = (e, t, r = "react") => {
+  const i = re(e, r), a = Me(i, t);
+  return Ae(_e(a));
+}, ke = () => Object.values(Oe).map((t) => ee.aggregationToJAQL(t)).join("|"), ie = (e) => {
   const { formula: t, context: r, filter: i } = e;
   if (!r || !t)
     return e;
   const a = Object.keys(r);
   if (a.length !== 1)
     return e;
-  const n = a[0];
-  if (typeof n != "string")
+  const s = a[0];
+  if (typeof s != "string")
     return e;
-  const s = r[`${n}`], u = We(), d = new RegExp(`^\\s*(${u})\\(\\[\\w+\\]\\)$`), f = t.match(d);
-  if (f && t.includes(n)) {
+  const n = r[`${s}`], p = ke(), d = new RegExp(`^\\s*(${p})\\(\\[\\w+\\]\\)$`), f = t.match(d);
+  if (f && t.includes(s)) {
     const c = f[1];
     return o({
-      dim: s.dim,
-      table: s.table,
-      column: s.column,
-      datatype: s.datatype,
+      dim: n.dim,
+      table: n.table,
+      column: n.column,
+      datatype: n.datatype,
       agg: c,
       title: e.title
     }, i ? { filter: o({}, i) } : {});
   }
   return e;
-}, P = (e) => {
+}, k = (e) => {
   let t = e;
-  if ("formula" in e && (t = ae(e)), "context" in t) {
+  if ("formula" in e && (t = ie(e)), "context" in t) {
     const r = o({}, t.context);
     Object.keys(r).forEach((i) => {
-      r[`${i}`] = P(r[`${i}`]);
+      r[`${i}`] = k(r[`${i}`]);
     }), t.context = r;
   }
   return t;
-}, Fe = (e) => {
+}, Pe = (e) => {
   var i;
   const t = e;
   if (t.panel !== "scope") return t;
   const { jaql: r } = t;
-  return (i = r.filter) != null && i.by && (r.filter.by = ae(r.filter.by)), p(o({}, t), { jaql: r });
+  return (i = r.filter) != null && i.by && (r.filter.by = ie(r.filter.by)), m(o({}, t), { jaql: r });
 }, $e = (e) => {
   let t = e;
-  t = Fe(t);
+  t = Pe(t);
   const { jaql: r, measure: i, by: a } = t;
-  return o(o(p(o({}, t), {
-    jaql: P(r)
-  }), a ? { by: P(a) } : {}), i ? { measure: P(i) } : {});
-}, M = 6;
-function Ne(e) {
+  return o(o(m(o({}, t), {
+    jaql: k(r)
+  }), a ? { by: k(a) } : {}), i ? { measure: k(i) } : {});
+}, O = 6;
+function Fe(e) {
   switch (e) {
     case "line":
     case "area":
@@ -640,7 +718,7 @@ function Ne(e) {
       return {};
   }
 }
-const ke = {
+const Ne = {
   subtype: "indicator/numeric",
   numericSubtype: "numericSimple",
   skin: "vertical",
@@ -771,8 +849,8 @@ const ke = {
     categoriesCapacity: 200
   }
 };
-function b(e) {
-  return be({}, qe, e);
+function T(e) {
+  return he({}, qe, e);
 }
 const ze = {
   subtype: "pie/classic",
@@ -839,7 +917,7 @@ const ze = {
     mode: "value"
   }
 }, Ve = {
-  subtype: me.SUBTYPE,
+  subtype: pe.SUBTYPE,
   viewType: "month",
   startOfWeek: "sunday",
   cellLabels: {
@@ -864,7 +942,7 @@ const ze = {
   tooltip: {
     mode: "value"
   }
-}, Ze = {
+}, Ge = {
   legend: {
     enabled: !0,
     position: "bottom"
@@ -916,7 +994,7 @@ const ze = {
     scatterBubbleMinSize: 10,
     scatterBubbleMaxSize: 10
   }
-}, Ge = {
+}, Ze = {
   header: {
     color: {
       enabled: !1
@@ -999,17 +1077,17 @@ const ze = {
 function rt(e) {
   switch (e) {
     case "indicator":
-      return l(ke);
+      return l(Ne);
     case "line":
-      return b(Be);
+      return T(Be);
     case "area":
-      return b(Re);
+      return T(Re);
     case "bar":
-      return b(je);
+      return T(je);
     case "column":
-      return b(Qe);
+      return T(Qe);
     case "polar":
-      return b(Ue);
+      return T(Ue);
     case "pie":
       return l(ze);
     case "funnel":
@@ -1021,7 +1099,7 @@ function rt(e) {
     case "sunburst":
       return l(He);
     case "scatter":
-      return l(Ze);
+      return l(Ge);
     case "scattermap":
       return l(Xe);
     case "areamap":
@@ -1029,7 +1107,7 @@ function rt(e) {
     case "boxplot":
       return l(tt);
     case "table":
-      return l(Ge);
+      return l(Ze);
     case "pivot":
       return l(Je);
     case "pivot2":
@@ -1041,102 +1119,102 @@ function rt(e) {
   }
 }
 const _ = `
-`, k = "UNKNOWN", it = (e, t) => {
+`, R = "UNKNOWN", it = (e, t) => {
   let r = "";
   return r += `measureFactory.customFormula(
-`, r += " ".repeat(t), r += `  '${v(e.title)}',
+`, r += " ".repeat(t), r += `  '${x(e.title)}',
 `, r += " ".repeat(t), r += `  '${e.formula}',
 `, r += " ".repeat(t), r += `  {
 `, Object.entries(e.context).forEach(([i, a]) => {
-    const n = te(
-      a.table || k,
-      a.column || k,
+    const s = te(
+      a.table || R,
+      a.column || R,
       void 0,
       "DM"
     );
-    r += " ".repeat(t), r += `    '${i.slice(1, -1)}': ${n},
+    r += " ".repeat(t), r += `    '${i.slice(1, -1)}': ${s},
 `;
   }), r += " ".repeat(t), r += `  }
 `, r += " ".repeat(t), r += ")", r;
 }, at = (e) => {
-  const { level: t, table: r, column: i, agg: a, title: n } = e;
-  let s;
-  return r && i && (s = te(r, i, t, "DM")), a && r && i && n && (s = `measureFactory.${ee.aggregationFromJAQL(
+  const { level: t, table: r, column: i, agg: a, title: s } = e;
+  let n;
+  return r && i && (n = te(r, i, t, "DM")), a && r && i && s && (n = `measureFactory.${ee.aggregationFromJAQL(
     a
-  )}(${s}, '${v(n)}')`), s || k;
-}, nt = (e, t) => {
+  )}(${n}, '${x(s)}')`), n || R;
+}, st = (e, t) => {
   const r = e.jaql(!1).jaql;
   return "formula" in r ? it(r, t) : at(r);
-}, g = (e, t = 0, r = !1) => {
+}, u = (e, t = 0, r = !1) => {
   if (!e)
     return "";
   if (typeof e == "string")
-    return `'${v(e)}'`;
-  if (e instanceof ue)
-    return nt(e, t);
-  if (e instanceof Te)
+    return `'${x(e)}'`;
+  if (e instanceof ce)
+    return st(e, t);
+  if (e instanceof be)
     return e.composeCode || "";
   let i = "";
-  return Array.isArray(e) ? i += `[${e.map((a) => g(a, t + 2))}${e.length ? _ + " ".repeat(t + 2) : ""}]` : (i += `{${_}`, Object.entries(e).forEach(([a, n]) => {
-    if (r && typeof a == "string" && (a = `'${v(a)}'`), i += " ".repeat(t + 2), Array.isArray(n))
-      i += `${a}: [${n.map((s) => g(s, t + 4, r))}${n.length ? _ + " ".repeat(t + 2) : ""}]`;
-    else if (typeof n == "object" && n !== null) {
-      const s = Array.isArray(n) ? n : Ie(n);
-      i += `${a}: ${g(s, t + 2, r)}`;
-    } else ["number", "boolean", "undefined"].includes(typeof n) || n === null ? i += `${a}: ${n}` : typeof n == "string" ? i += `${a}: '${v(n)}'` : i += `${a}: ${n}`;
+  return Array.isArray(e) ? i += `[${e.map((a) => u(a, t + 2))}${e.length ? _ + " ".repeat(t + 2) : ""}]` : (i += `{${_}`, Object.entries(e).forEach(([a, s]) => {
+    if (r && typeof a == "string" && (a = `'${x(a)}'`), i += " ".repeat(t + 2), Array.isArray(s))
+      i += `${a}: [${s.map((n) => u(n, t + 4, r))}${s.length ? _ + " ".repeat(t + 2) : ""}]`;
+    else if (typeof s == "object" && s !== null) {
+      const n = Array.isArray(s) ? s : Ie(s);
+      i += `${a}: ${u(n, t + 2, r)}`;
+    } else ["number", "boolean", "undefined"].includes(typeof s) || s === null ? i += `${a}: ${s}` : typeof s == "string" ? i += `${a}: '${x(s)}'` : i += `${a}: ${s}`;
     i += `,${_}`;
   }), i += " ".repeat(t), i += "}"), i;
 };
-function B(e, t) {
+function Q(e, t) {
   if (t === void 0 || t && typeof t == "object" && !Array.isArray(t) && Object.keys(t).length === 0)
     return e;
-  if (!q(e, t)) {
+  if (!j(e, t)) {
     if (e && typeof e == "object" && !Array.isArray(e)) {
       const r = {};
       for (const i of Object.keys(e)) {
-        const a = B(e[i], t == null ? void 0 : t[i]), n = t && Object.prototype.hasOwnProperty.call(t, i), s = n ? t[i] : void 0;
-        (a !== void 0 || !n || e[i] === void 0 && s !== void 0) && (r[i] = a);
+        const a = Q(e[i], t == null ? void 0 : t[i]), s = t && Object.prototype.hasOwnProperty.call(t, i), n = s ? t[i] : void 0;
+        (a !== void 0 || !s || e[i] === void 0 && n !== void 0) && (r[i] = a);
       }
       return Object.keys(r).length ? r : void 0;
     }
     return e;
   }
 }
-function J(e, t) {
+function H(e, t) {
   if (!e || Object.keys(e).length === 0)
     return {};
   const r = rt(t);
-  if (q(e, r))
+  if (j(e, r))
     return {};
-  const i = B(e, r);
+  const i = Q(e, r);
   return i != null ? i : {};
 }
-function K(e, t) {
-  const r = Ne(t);
-  if (q(e, r))
+function G(e, t) {
+  const r = Fe(t);
+  if (j(e, r))
     return e;
-  const i = B(e, r);
+  const i = Q(e, r);
   return i != null ? i : {};
 }
-function st(e) {
-  return g(e, M);
+function nt(e) {
+  return u(e, O);
 }
-function V(e, t = "data-source-placeholder") {
+function N(e, t = "data-source-placeholder") {
   if (!e)
     return t;
   const r = typeof e == "object" && "title" in e ? e.title : e;
   return De(r);
 }
-function H(e, t = !0) {
+function q(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';` : "";
+  return t && r.push("measureFactory"), g(e) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
 }
 const Z = `
 `, ot = (e, t) => {
   if (e.composeCode)
     return `${Z}${" ".repeat(t)}${e.composeCode}`;
   const r = e.jaql().jaql;
-  return `${Z}${" ".repeat(t)}filterFactory.customFilter(${g(
+  return `${Z}${" ".repeat(t)}filterFactory.customFilter(${u(
     r,
     t,
     !0
@@ -1147,83 +1225,96 @@ const Z = `
   let r = "";
   return r += `[${e.map((i) => ot(i, t + 2))}${e.length ? `
 ` + " ".repeat(t + 2) : ""}]`, r;
-}, G = (e) => e ? Array.isArray(e) ? lt(e, 6) : "/** Filter relations not supported yet */" : "[]", dt = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], ct = "chartWidgetTmpl", ut = "pivotTableWidgetTmpl", pt = (e) => e, mt = ({
+}, B = (e) => e ? Array.isArray(e) ? lt(e, 6) : "/** Filter relations not supported yet */" : "[]", dt = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], ct = "chartWidgetTmpl", ut = "pivotTableWidgetTmpl", pt = "customWidgetTmpl", mt = (e) => e, gt = ({
   dashboardOid: e,
   widgetOid: t,
   uiFramework: r = "react",
-  chartType: i = "table",
-  includeChart: a = !0
+  includeChart: i = !0
 }) => {
-  re(i);
-  const n = { dashboardOid: e, widgetOid: t }, s = dt[Number(a)];
-  return N(s, n, r);
-}, gt = (e, t, r, i) => {
-  if (ge(e)) {
-    re(e.chartType);
-    const a = Y(e), n = {
+  const a = { dashboardOid: e, widgetOid: t }, s = dt[Number(i)];
+  return M(s, a, r);
+}, ft = (e, t, r, i) => {
+  var a;
+  if (me(e)) {
+    we(e.chartType);
+    const s = V(e), n = {
       idString: e.id,
       widgetTypeString: "chart",
       titleString: e.title,
-      dataSourceString: V(e.dataSource),
-      chartTypeString: pt(e.chartType),
-      dataOptionsString: st(
-        i ? K(e.dataOptions, e.chartType) : e.dataOptions
+      dataSourceString: N(e.dataSource),
+      chartTypeString: mt(e.chartType),
+      dataOptionsString: nt(
+        i ? G(e.dataOptions, e.chartType) : e.dataOptions
       ),
-      filtersString: G(e.filters),
+      filtersString: B(e.filters),
       componentString: "ChartWidget",
-      extraImportsString: H(e.filters || [], a),
-      styleOptionsString: g(
-        i ? J(e.styleOptions || {}, e.chartType) : e.styleOptions || {},
-        M
+      extraImportsString: q(e.filters || [], s),
+      styleOptionsString: u(
+        i ? H(e.styleOptions || {}, e.chartType) : e.styleOptions || {},
+        O
       ),
-      drilldownOptionsString: g(
+      drilldownOptionsString: u(
         e.drilldownOptions || {},
-        M
+        O
       )
     };
-    return N(r.chart, n, t);
+    return M(r.chart, n, t);
   }
-  if (fe(e)) {
-    const a = Y(e), n = {
+  if (ge(e)) {
+    const s = V(e), n = {
       idString: e.id,
       widgetTypeString: "pivot",
       titleString: e.title,
-      dataSourceString: V(e.dataSource),
-      dataOptionsString: g(
-        i ? K(e.dataOptions, e.widgetType) : e.dataOptions
+      dataSourceString: N(e.dataSource),
+      dataOptionsString: u(
+        i ? G(e.dataOptions, e.widgetType) : e.dataOptions
       ),
-      filtersString: G(e.filters),
+      filtersString: B(e.filters),
       componentString: "PivotTableWidget",
-      extraImportsString: H(e.filters || [], a),
-      styleOptionsString: g(
-        i ? J(e.styleOptions || {}, e.widgetType) : e.styleOptions || {},
-        M
+      extraImportsString: q(e.filters || [], s),
+      styleOptionsString: u(
+        i ? H(e.styleOptions || {}, e.widgetType) : e.styleOptions || {},
+        O
       )
     };
-    return N(r.pivot, n, t);
+    return M(r.pivot, n, t);
   }
-  if (ye(e))
-    return "/** Custom widget code not supported yet */";
-  throw new T("errors.otherWidgetTypesNotSupported");
-}, ft = ({
+  if (fe(e)) {
+    if (!r.custom)
+      return "/** Custom widget code not supported yet */";
+    const s = {
+      customWidgetTypeString: e.customWidgetType,
+      titleString: (a = e.title) != null ? a : "",
+      dataSourceString: N(e.dataSource),
+      dataOptionsString: u(e.dataOptions, O),
+      filtersString: B(e.filters),
+      extraImportsString: q(e.filters || []),
+      styleOptionsString: u(e.styleOptions || {}, O),
+      customOptionsString: u(e.customOptions || {}, O)
+    };
+    return M(r.custom, s, t);
+  }
+  throw new v("errors.otherWidgetTypesNotSupported");
+}, yt = ({
   widgetProps: e,
   uiFramework: t = "react",
   removeDefaultProps: r = !1
-}) => gt(e, t, {
+}) => ft(e, t, {
   chart: ct,
-  pivot: ut
+  pivot: ut,
+  custom: pt
 }, r);
-function yt(e) {
+function St(e) {
   return !!(e && (e.top !== void 0 || e.bottom !== void 0));
 }
-const St = (e) => {
+const Ot = (e) => {
   const t = e.find((r) => r.panel === "rows");
   return t ? e.map((r) => {
     const i = r.jaql.filter;
-    if (!(r.panel === "scope" && yt(i) && i.by === void 0))
+    if (!(r.panel === "scope" && St(i) && i.by === void 0))
       return r;
-    const c = r.jaql, { type: n, context: s, formula: u, filter: d } = c, f = U(c, ["type", "context", "formula", "filter"]);
-    return p(o({}, r), {
+    const c = r.jaql, { type: s, context: n, formula: p, filter: d } = c, f = J(c, ["type", "context", "formula", "filter"]);
+    return m(o({}, r), {
       jaql: o({
         // Copy dimension properties from rows dimension
         dim: t.jaql.dim,
@@ -1231,23 +1322,23 @@ const St = (e) => {
         column: t.jaql.column,
         datatype: t.jaql.datatype,
         // Keep the filter but add the by clause
-        filter: p(o({}, d), {
+        filter: m(o({}, d), {
           by: {
-            type: n,
-            context: s,
-            formula: u
+            type: s,
+            context: n,
+            formula: p
           }
         })
       }, f)
     });
   }) : e;
-}, $t = (e) => "chartType" in e.chartRecommendations ? e.chartRecommendations : {
+}, Ft = (e) => "chartType" in e.chartRecommendations ? e.chartRecommendations : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, Ot = (e) => ({
+}, ht = (e) => ({
   dataOptions: { columns: e.map(X) }
-}), ht = Object.freeze({
+}), bt = Object.freeze({
   convolution: {
     enabled: !0,
     selectedConvolutionType: "bySlicesCount",
@@ -1266,7 +1357,7 @@ const St = (e) => {
   xAxis: {
     gridLines: !1
   }
-}), F = Object.freeze({
+}), $ = Object.freeze({
   area: "area/stacked",
   arearange: "arearange/spline",
   bar: "bar/stacked",
@@ -1275,30 +1366,30 @@ const St = (e) => {
   line: "line/spline",
   pie: "pie/donut",
   polar: "polar/column"
-}), bt = (e, t, r) => {
-  const i = e.reduce((n, s) => (n[s.jaql.title] = s, n), {}), a = Object.entries(r).reduce((n, s) => {
-    const [u, d] = s;
-    return n[`${u}`] = Array.isArray(d) ? d.map((f) => {
-      var x, E;
-      const c = W(f);
+}), Tt = (e, t, r) => {
+  const i = e.reduce((s, n) => (s[n.jaql.title] = n, s), {}), a = Object.entries(r).reduce((s, n) => {
+    const [p, d] = n;
+    return s[`${p}`] = Array.isArray(d) ? d.map((f) => {
+      var E, D;
+      const c = P(f);
       delete c.enabled;
       const y = i[c.column.name];
       if (!y) return { column: { type: "", name: c.column.name } };
       const S = X(y);
       if (y.panel === "measures")
-        return p(o({}, c), {
+        return m(o({}, c), {
           column: S
         });
-      if (ve(S.type)) {
-        const C = y.jaql, D = C.dateTimeLevel || C.level, w = D ? (E = (x = y.format) == null ? void 0 : x.mask) == null ? void 0 : E[D] : void 0;
-        if (w)
-          return p(o({}, c), {
+      if (Te(S.type)) {
+        const C = y.jaql, w = C.dateTimeLevel || C.level, L = w ? (D = (E = y.format) == null ? void 0 : E.mask) == null ? void 0 : D[w] : void 0;
+        if (L)
+          return m(o({}, c), {
             column: S,
-            dateFormat: w
+            dateFormat: L
           });
       }
-      return p(o({}, c), { column: S });
-    }) : d, n;
+      return m(o({}, c), { column: S });
+    }) : d, s;
   }, {});
   switch (t) {
     case "cartesian":
@@ -1313,43 +1404,43 @@ const St = (e) => {
         value: []
       }, a);
     case "scatter":
-      return Object.keys(a).forEach((n) => {
-        a[`${n}`] = a[`${n}`][0];
+      return Object.keys(a).forEach((s) => {
+        a[`${s}`] = a[`${s}`][0];
       }), a;
     case "scattermap":
-      return Object.keys(a).forEach((n) => {
-        n !== "geo" && (a[`${n}`] = a[`${n}`][0]);
+      return Object.keys(a).forEach((s) => {
+        s !== "geo" && (a[`${s}`] = a[`${s}`][0]);
       }), a;
     case "table":
-      return Object.keys(a).length === 0 ? Ot(e).dataOptions : a;
+      return Object.keys(a).length === 0 ? ht(e).dataOptions : a;
     case "boxplot":
     case "areamap":
     case "indicator":
     default:
       return a;
   }
-}, h = (e, t) => {
-  var r, i, a, n;
-  return t === "x" ? (i = (r = e.category) != null ? r : e.x) == null ? void 0 : i.map((s) => W(s).column.name).join(", ") : (n = (a = e.value) != null ? a : e.y) == null ? void 0 : n.map((s) => W(s).column.name).join(", ");
-}, $ = (e, t) => {
+}, b = (e, t) => {
+  var r, i, a, s;
+  return t === "x" ? (i = (r = e.category) != null ? r : e.x) == null ? void 0 : i.map((n) => P(n).column.name).join(", ") : (s = (a = e.value) != null ? a : e.y) == null ? void 0 : s.map((n) => P(n).column.name).join(", ");
+}, F = (e, t) => {
   var r;
-  return (r = e[t]) == null ? void 0 : r.map((i) => W(i).column.name).join(", ");
+  return (r = e[t]) == null ? void 0 : r.map((i) => P(i).column.name).join(", ");
 }, Nt = (e, t) => {
   var r;
-  if (e in F) {
-    const i = F[`${e}`];
-    return xe(e) ? {
+  if (e in $) {
+    const i = $[`${e}`];
+    return ve(e) ? {
       subtype: i,
       yAxis: {
         title: {
           enabled: !0,
-          text: h(t, "y")
+          text: b(t, "y")
         }
       },
       xAxis: {
         title: {
           enabled: !0,
-          text: h(t, "x")
+          text: b(t, "x")
         }
       }
     } : { subtype: i };
@@ -1359,13 +1450,13 @@ const St = (e) => {
       xAxis: {
         title: {
           enabled: !0,
-          text: h(t, "x")
+          text: b(t, "x")
         }
       },
       yAxis: {
         title: {
           enabled: !0,
-          text: h(t, "y")
+          text: b(t, "y")
         }
       }
     };
@@ -1373,20 +1464,20 @@ const St = (e) => {
     const i = {
       title: {
         shouldBeShown: !0,
-        text: (r = $(t, "value")) != null ? r : ""
+        text: (r = F(t, "value")) != null ? r : ""
       }
-    }, a = $(t, "secondary");
+    }, a = F(t, "secondary");
     return a && (i.secondaryTitle = {
       text: a
     }), { indicatorComponents: i };
   }
   return {};
-}, Tt = (e, t, r, i) => {
+}, vt = (e, t, r, i) => {
   let a;
-  if (i && e in F)
-    a = I(
-      I(ht, {
-        subtype: F[`${e}`]
+  if (i && e in $)
+    a = W(
+      W(bt, {
+        subtype: $[`${e}`]
       }),
       {
         legend: {
@@ -1396,58 +1487,58 @@ const St = (e) => {
         yAxis: {
           title: {
             enabled: !0,
-            text: h(t, "y")
+            text: b(t, "y")
           }
         },
         xAxis: {
           title: {
             enabled: !0,
-            text: h(t, "x")
+            text: b(t, "x")
           }
         }
       },
       r
     );
   else if (i && e === "indicator") {
-    const n = {
+    const s = {
       indicatorComponents: {
         title: {
           shouldBeShown: !0,
-          text: $(t, "value")
+          text: F(t, "value")
         }
       }
-    }, s = $(t, "secondary");
-    s && (n != null && n.indicatorComponents) && (n.indicatorComponents.secondaryTitle = {
-      text: s
-    }), a = I(
-      z(),
-      n,
+    }, n = F(t, "secondary");
+    n && (s != null && s.indicatorComponents) && (s.indicatorComponents.secondaryTitle = {
+      text: n
+    }), a = W(
+      K(),
+      s,
       r
     );
   } else
-    a = I(z(), r);
+    a = W(K(), r);
   return a;
-}, vt = (e, t, r = !0) => {
+}, xt = (e, t, r = !0) => {
   const {
     chartFamily: i,
     chartType: a,
-    axesMapping: n = {},
-    styleOptions: s = {}
-  } = t, u = bt(e, i, n), d = Tt(
+    axesMapping: s = {},
+    styleOptions: n = {}
+  } = t, p = Tt(e, i, s), d = vt(
     a,
-    n,
     s,
+    n,
     r
   );
   return {
-    dataOptions: u,
+    dataOptions: p,
     chartStyleOptions: d
   };
-}, xt = (e) => "chartType" in e ? e : {
+}, Et = (e) => "chartType" in e ? e : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, Et = (e) => e.map((t) => Ee(t.jaql)), Ct = (e) => e.reduce(
+}, Dt = (e) => e.map((t) => xe(t.jaql)), Ct = (e) => e.reduce(
   (t, r) => {
     if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(l(r)), r.panel !== "scope") {
       const i = l(r);
@@ -1456,62 +1547,62 @@ const St = (e) => {
     return t;
   },
   { metadataColumns: [], metadataFilters: [] }
-), Dt = (e, t) => {
-  if (!we(e))
+), wt = (e, t) => {
+  if (!Ce(e))
     try {
-      const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: i, chartRecommendations: a, queryTitle: n } = e, { metadata: s, datasource: u } = i, d = p(o({}, u), { type: u.type || "elasticube" }), f = Ce(d), y = St(s).map((L) => $e(L)).map((L) => p(o({}, L), {
-        jaql: p(o({}, L.jaql), {
+      const { useCustomizedStyleOptions: r = !1 } = t || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = e, { metadata: n, datasource: p } = i, d = m(o({}, p), { type: p.type || "elasticube" }), f = Ee(d), y = Ot(n).map((A) => $e(A)).map((A) => m(o({}, A), {
+        jaql: m(o({}, A.jaql), {
           datasource: f
         })
-      })), S = xt(a), x = S.chartType.toLowerCase(), E = {
+      })), S = Et(a), E = S.chartType.toLowerCase(), D = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: C, metadataFilters: D } = Ct(y), w = Et(D), { dataOptions: ne, chartStyleOptions: se } = vt(
+      }, { metadataColumns: C, metadataFilters: w } = Ct(y), L = Dt(w), { dataOptions: ae, chartStyleOptions: se } = xt(
         C,
         S,
         r
-      ), oe = o(o({}, se), E);
+      ), ne = o(o({}, se), D);
       return {
         widgetType: "chart",
-        id: n,
-        title: n,
-        chartType: x,
+        id: s,
+        title: s,
+        chartType: E,
         dataSource: d,
-        dataOptions: ne,
-        filters: w,
-        styleOptions: oe
+        dataOptions: ae,
+        filters: L,
+        styleOptions: ne
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, wt = (e, t) => Dt(e, t), Lt = (e) => pe(e) ? mt(e) : ft(e), kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Lt = (e, t) => wt(e, t), At = (e) => ue(e) ? gt(e) : yt(e), qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: Lt,
-  toWidgetProps: wt
+  toWidgetCode: At,
+  toWidgetProps: Lt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  M as C,
-  g as a,
-  N as b,
-  Mt as c,
-  Y as d,
-  V as e,
-  G as f,
-  gt as g,
-  H as h,
+  O as C,
+  u as a,
+  M as b,
+  kt as c,
+  V as d,
+  N as e,
+  B as f,
+  ft as g,
+  q as h,
   $e as i,
-  $t as j,
-  bt as k,
+  Ft as j,
+  Tt as k,
   Nt as l,
-  Tt as m,
-  vt as n,
+  vt as m,
+  xt as n,
   Me as p,
-  Wt as s,
-  wt as t,
-  Ft as v,
-  kt as w
+  Pt as s,
+  Lt as t,
+  $t as v,
+  qt as w
 };