@sisense/sdk-ui 2.1.0 → 2.2.0

package/dist/{widget-composer-BEVCXjFv.js → widget-composer-CACtfvw6.js}

@@ -9,8 +9,8 @@ var $ = (t, e, r) => e in t ? tt(t, e, { enumerable: !0, configurable: !0, writa
     for (var r of j(e))
       at.call(e, r) && $(t, r, e[r]);
   return t;
-}, u = (t, e) => et(t, rt(e));
-import { eh as _, a3 as st, en as nt, eo as ot, ep as lt, M as C, T as S, eq as dt, bd as R, e3 as ct, er as O, ej as z, aY as ut, bj as pt, bi as mt, m as M, es as gt, b4 as I, aO as yt, ay as ft, c4 as P, et as ht } from "./derive-chart-family-BNMFblR9.js";
+}, c = (t, e) => et(t, rt(e));
+import { ek as _, a3 as st, eq as nt, aP as ot, er as lt, es as dt, M as C, T as S, et as ut, bd as R, e6 as ct, eu as O, em as z, aY as pt, bj as mt, bi as gt, m as M, ev as yt, b4 as I, aO as ft, ay as ht, c4 as P, ew as St } from "./derive-chart-family-C9IDI6UV.js";
 class J extends _ {
   constructor(e, r) {
     var i;
@@ -30,37 +30,40 @@ class J extends _ {
     return e.__serializable = "JaqlElement", e.metadataItem = this.metadataItem, e.type = this.type, e;
   }
 }
-const St = {
+const Ot = {
   text: C.TextAttribute,
   numeric: C.NumericAttribute,
   datetime: C.DateLevel
 };
-function Ot(t) {
+function Tt(t) {
   var e;
-  return new J(t, (e = St[t.jaql.datatype]) !== null && e !== void 0 ? e : "numeric");
+  return new J(t, (e = Ot[t.jaql.datatype]) !== null && e !== void 0 ? e : "numeric");
 }
 function Y(t) {
   const { jaql: e } = t;
-  return e.formula ? nt(e) : "agg" in e && e.dim && e.datatype ? ot({
+  if (e.formula)
+    return nt(e);
+  const r = ot.translateJaqlToGranularity(e);
+  return "agg" in e && e.dim && e.datatype ? lt({
     expression: e.dim,
     dataType: e.datatype,
     agg: e.agg || "",
-    granularity: e.level,
+    granularity: r,
     format: void 0,
     sort: e.sort,
     title: e.title,
     dataSource: e.datasource
-  }) : e.dim && e.datatype ? lt({
+  }) : e.dim && e.datatype ? dt({
     expression: e.dim,
     dataType: e.datatype,
-    granularity: e.level,
+    granularity: r,
     sort: e.sort,
     title: e.title,
     panel: t.panel,
     dataSource: e.datasource
-  }) : Ot(t);
+  }) : Tt(t);
 }
-const ee = {
+const re = {
   jaql: {
     datasource: {
       title: "",
@@ -70,23 +73,23 @@ const ee = {
   },
   queryTitle: "",
   chartRecommendations: {}
-}, re = {
+}, ie = {
   model: "",
   metadata: [],
   chart: {},
   queryTitle: ""
-}, ie = (t) => "widgetProps" in t, Tt = (t) => "dashboardOid" in t && "widgetOid" in t, ae = (t) => "dashboardProps" in t, se = (t) => "dashboardOid" in t;
-function bt(t) {
+}, ae = (t) => "widgetProps" in t, bt = (t) => "dashboardOid" in t && "widgetOid" in t, se = (t) => "dashboardProps" in t, ne = (t) => "dashboardOid" in t;
+function vt(t) {
   return t.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ne(t) {
+function oe(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function oe(t) {
+function le(t) {
   const e = /\[(.+?)\s\(Calendar\)\]/;
   return t.replace(e, "[$1]").trim();
 }
-function le(t) {
+function de(t) {
   if (t)
     if (t.metadata) {
       if (!t.model)
@@ -97,12 +100,12 @@ function le(t) {
     throw new S("errors.emptyModel");
   return t;
 }
-function vt(t) {
+function xt(t) {
   return !t || !t.jaql.datasource.title || !t.jaql.metadata.length;
 }
 function U(t) {
   if (![
-    ...dt,
+    ...ut,
     "pivot",
     "pivot2"
   ].includes(t))
@@ -110,7 +113,7 @@ function U(t) {
       chartType: t
     });
 }
-function xt(t) {
+function Et(t) {
   return "widgetType" in t && t.widgetType === "pivot";
 }
 function h(t) {
@@ -118,13 +121,13 @@ function h(t) {
   return "column" in t && ((e = t.column) == null ? void 0 : e.expression) && /\(.*\)/.test(t.column.expression);
 }
 function L(t) {
-  const e = "measures" in t && c(t.measures) || "values" in t && c(t.values);
-  return xt(t) ? "values" in t.dataOptions && c(t.dataOptions.values) : "chartType" in t ? t.chartType === "indicator" ? "value" in t.dataOptions && c(t.dataOptions.value) || "secondary" in t.dataOptions && c(t.dataOptions.secondary) : t.chartType === "table" ? !("columns" in t.dataOptions) || !c(t.dataOptions.columns) ? !1 : t.dataOptions.columns.some((i) => h(i)) : t.chartType === "boxplot" ? !1 : t.chartType === "scatter" ? "x" in t.dataOptions && t.dataOptions.x !== void 0 && h(t.dataOptions.x) || "y" in t.dataOptions && t.dataOptions.y !== void 0 && h(t.dataOptions.y) || "size" in t.dataOptions && t.dataOptions.size !== void 0 : t.chartType === "scattermap" ? "colorBy" in t.dataOptions && t.dataOptions.colorBy !== void 0 && h(t.dataOptions.colorBy) || "details" in t.dataOptions && t.dataOptions.details !== void 0 && h(t.dataOptions.details) || "size" in t.dataOptions && t.dataOptions.size !== void 0 && h(t.dataOptions.size) : t.chartType === "areamap" ? "geo" in t.dataOptions && c(t.dataOptions.geo) && "color" in t.dataOptions && c(t.dataOptions.color) : "value" in t.dataOptions && c(t.dataOptions.value) : e;
+  const e = "measures" in t && u(t.measures) || "values" in t && u(t.values);
+  return Et(t) ? "values" in t.dataOptions && u(t.dataOptions.values) : "chartType" in t ? t.chartType === "indicator" ? "value" in t.dataOptions && u(t.dataOptions.value) || "secondary" in t.dataOptions && u(t.dataOptions.secondary) : t.chartType === "table" ? !("columns" in t.dataOptions) || !u(t.dataOptions.columns) ? !1 : t.dataOptions.columns.some((i) => h(i)) : t.chartType === "boxplot" ? !1 : t.chartType === "scatter" ? "x" in t.dataOptions && t.dataOptions.x !== void 0 && h(t.dataOptions.x) || "y" in t.dataOptions && t.dataOptions.y !== void 0 && h(t.dataOptions.y) || "size" in t.dataOptions && t.dataOptions.size !== void 0 : t.chartType === "scattermap" ? "colorBy" in t.dataOptions && t.dataOptions.colorBy !== void 0 && h(t.dataOptions.colorBy) || "details" in t.dataOptions && t.dataOptions.details !== void 0 && h(t.dataOptions.details) || "size" in t.dataOptions && t.dataOptions.size !== void 0 && h(t.dataOptions.size) : t.chartType === "areamap" ? "geo" in t.dataOptions && u(t.dataOptions.geo) && "color" in t.dataOptions && u(t.dataOptions.color) : "value" in t.dataOptions && u(t.dataOptions.value) : e;
 }
-function c(t) {
+function u(t) {
   return Array.isArray(t) && t.length > 0;
 }
-function Et(t) {
+function Dt(t) {
   const e = t.split(`
 `);
   for (let r = 0; r < e.length - 1; r++)
@@ -138,7 +141,7 @@ function Et(t) {
   return e.join(`
 `);
 }
-const Dt = {
+const wt = {
   react: {
     baseChartTmpl: `import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}
@@ -597,10 +600,10 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
 </template>`,
     dashboardTmpl: "/** COMING SOON */"
   }
-}, K = (t, e) => Dt[e][t].replace(/{{(.*?)Tmpl}}/g, (i, a) => K(`${a}Tmpl`, e)), wt = (t, e) => t.replace(/{{(.*?)}}/g, (r, i) => i in e ? e[i] : (console.warn(`Placeholder ${i} not found in data`), r)), q = (t, e, r = "react") => {
+}, K = (t, e) => wt[e][t].replace(/{{(.*?)Tmpl}}/g, (i, a) => K(`${a}Tmpl`, e)), Ct = (t, e) => t.replace(/{{(.*?)}}/g, (r, i) => i in e ? e[i] : (console.warn(`Placeholder ${i} not found in data`), r)), q = (t, e, r = "react") => {
   const i = K(t, r);
-  return Et(wt(i, e));
-}, Ct = () => Object.values(ct).map((e) => R.aggregationToJAQL(e)).join("|"), V = (t) => {
+  return Dt(Ct(i, e));
+}, Mt = () => Object.values(ct).map((e) => R.aggregationToJAQL(e)).join("|"), V = (t) => {
   const { formula: e, context: r, filter: i } = t;
   if (!r || !e)
     return t;
@@ -610,7 +613,7 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
   const s = a[0];
   if (typeof s != "string")
     return t;
-  const n = r[`${s}`], l = Ct(), m = new RegExp(`^\\s*(${l})\\(\\[\\w+\\]\\)$`), y = e.match(m);
+  const n = r[`${s}`], l = Mt(), m = new RegExp(`^\\s*(${l})\\(\\[\\w+\\]\\)$`), y = e.match(m);
   if (y && e.includes(s)) {
     const d = y[1];
     return o({
@@ -634,20 +637,20 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
     }), e.context = r;
   }
   return e;
-}, Mt = (t) => {
+}, It = (t) => {
   var i;
   const e = t;
   if (e.panel !== "scope")
     return e;
   const { jaql: r } = e;
-  return (i = r.filter) != null && i.by && (r.filter.by = V(r.filter.by)), u(o({}, e), {
+  return (i = r.filter) != null && i.by && (r.filter.by = V(r.filter.by)), c(o({}, e), {
     jaql: r
   });
-}, It = (t) => {
+}, qt = (t) => {
   let e = t;
-  e = Mt(e);
+  e = It(e);
   const { jaql: r, measure: i, by: a } = e;
-  return o(o(u(o({}, e), {
+  return o(o(c(o({}, e), {
     jaql: D(r)
   }), a ? {
     by: D(a)
@@ -655,7 +658,7 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
     measure: D(i)
   } : {});
 }, w = 6, E = `
-`, W = "UNKNOWN", qt = (t, e) => {
+`, W = "UNKNOWN", Wt = (t, e) => {
   let r = "";
   return r += `measureFactory.customFormula(
 `, r += " ".repeat(e), r += `  '${O(t.title)}',
@@ -667,20 +670,20 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
 `;
   }), r += " ".repeat(e), r += `  }
 `, r += " ".repeat(e), r += ")", r;
-}, Wt = (t) => {
+}, jt = (t) => {
   const { level: e, table: r, column: i, agg: a, title: s } = t;
   let n;
   return r && i && (n = z(r, i, e, "DM")), a && r && i && s && (n = `measureFactory.${R.aggregationFromJAQL(a)}(${n}, '${O(s)}')`), n || W;
-}, jt = (t, e) => {
+}, $t = (t, e) => {
   const r = t.jaql(!1).jaql;
-  return "formula" in r ? qt(r, e) : Wt(r);
+  return "formula" in r ? Wt(r, e) : jt(r);
 }, p = (t, e = 0, r = !1) => {
   if (!t)
     return "";
   if (typeof t == "string")
     return `'${O(t)}'`;
   if (t instanceof J)
-    return jt(t, e);
+    return $t(t, e);
   if (t instanceof _)
     return t.composeCode || "";
   let i = "";
@@ -692,51 +695,51 @@ import { DashboardById } from '@sisense/sdk-ui-vue';
     ].includes(typeof s) || s === null ? i += `${a}: ${s}` : typeof s == "string" ? i += `${a}: '${O(s)}'` : i += `${a}: ${s}`, i += `,${E}`;
   }), i += " ".repeat(e), i += "}"), i;
 };
-function $t(t) {
+function Pt(t) {
   return p(t, w);
 }
 function Q(t, e = "data-source-placeholder") {
   if (!t)
     return e;
   const r = typeof t == "object" && "title" in t ? t.title : t;
-  return bt(r);
+  return vt(r);
 }
 function A(t, e = !0) {
   const r = [];
-  return e && r.push("measureFactory"), c(t) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
+  return e && r.push("measureFactory"), u(t) && r.push("filterFactory"), r.length > 0 ? `import { ${r.join(", ")} } from '@sisense/sdk-data';` : "";
 }
 const k = `
-`, Pt = (t, e) => {
+`, Lt = (t, e) => {
   if (t.composeCode)
     return `${k}${" ".repeat(e)}${t.composeCode}`;
   const r = t.jaql().jaql;
   return `${k}${" ".repeat(e)}filterFactory.customFilter(${p(r, e, !0)})`;
-}, Lt = (t, e = 0) => {
+}, Qt = (t, e = 0) => {
   if (!t)
     return "";
   let r = "";
-  return r += `[${t.map((i) => Pt(i, e + 2))}${t.length ? `
+  return r += `[${t.map((i) => Lt(i, e + 2))}${t.length ? `
 ` + " ".repeat(e + 2) : ""}]`, r;
-}, B = (t) => t ? Array.isArray(t) ? Lt(t, 6) : "/** Filter relations not supported yet */" : "[]", Qt = [
+}, B = (t) => t ? Array.isArray(t) ? Qt(t, 6) : "/** Filter relations not supported yet */" : "[]", At = [
   "executeQueryByWidgetIdTmpl",
   "widgetByIdTmpl"
-], At = "chartWidgetTmpl", kt = "pivotTableWidgetTmpl", Bt = (t) => t, Ft = ({ dashboardOid: t, widgetOid: e, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
+], kt = "chartWidgetTmpl", Bt = "pivotTableWidgetTmpl", Ft = (t) => t, Nt = ({ dashboardOid: t, widgetOid: e, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
   U(i);
   const s = {
     dashboardOid: t,
     widgetOid: e
-  }, n = Qt[Number(a)];
+  }, n = At[Number(a)];
   return q(n, s, r);
-}, Nt = (t, e, r) => {
-  if (ut(t)) {
+}, _t = (t, e, r) => {
+  if (pt(t)) {
     U(t.chartType);
     const i = L(t), a = {
       idString: t.id,
       widgetTypeString: "chart",
       titleString: t.title,
       dataSourceString: Q(t.dataSource),
-      chartTypeString: Bt(t.chartType),
-      dataOptionsString: $t(t.dataOptions),
+      chartTypeString: Ft(t.chartType),
+      dataOptionsString: Pt(t.dataOptions),
       filtersString: B(t.filters),
       componentString: "ChartWidget",
       extraImportsString: A(t.filters || [], i),
@@ -745,7 +748,7 @@ const k = `
     };
     return q(r.chart, a, e);
   }
-  if (pt(t)) {
+  if (mt(t)) {
     const i = L(t), a = {
       idString: t.id,
       widgetTypeString: "pivot",
@@ -759,17 +762,17 @@ const k = `
     };
     return q(r.pivot, a, e);
   }
-  if (mt(t))
+  if (gt(t))
     return "/** Plugin widget code not supported yet */";
   throw new S("errors.otherWidgetTypesNotSupported");
-}, _t = ({ widgetProps: t, uiFramework: e = "react" }) => Nt(t, e, {
-  chart: At,
-  pivot: kt
-}), Rt = (t) => ({
+}, Rt = ({ widgetProps: t, uiFramework: e = "react" }) => _t(t, e, {
+  chart: kt,
+  pivot: Bt
+}), zt = (t) => ({
   dataOptions: {
     columns: t.map(Y)
   }
-}), zt = Object.freeze({
+}), Jt = Object.freeze({
   convolution: {
     enabled: !0,
     selectedConvolutionType: "bySlicesCount",
@@ -795,7 +798,7 @@ const k = `
   pie: "pie/donut",
   bar: "bar/stacked",
   column: "column/stackedcolumn"
-}), Jt = (t, e, r) => {
+}), Yt = (t, e, r) => {
   const i = t.reduce((s, n) => (s[n.jaql.title] = n, s), {}), a = Object.entries(r).reduce((s, n) => {
     const [l, m] = n;
     return s[`${l}`] = Array.isArray(m) ? m.map((y) => {
@@ -812,18 +815,18 @@ const k = `
         };
       const f = Y(g);
       if (g.panel === "measures")
-        return u(o({}, d), {
+        return c(o({}, d), {
           column: f
         });
-      if (yt(f.type)) {
+      if (ft(f.type)) {
         const v = (b = (T = g.format) == null ? void 0 : T.mask) == null ? void 0 : b[g.jaql.level];
         if (v)
-          return u(o({}, d), {
+          return c(o({}, d), {
             column: f,
             dateFormat: v
           });
       }
-      return u(o({}, d), {
+      return c(o({}, d), {
         column: f
       });
     }) : m, s;
@@ -849,7 +852,7 @@ const k = `
         s !== "geo" && (a[`${s}`] = a[`${s}`][0]);
       }), a;
     case "table":
-      return Object.keys(a).length === 0 ? Rt(t).dataOptions : a;
+      return Object.keys(a).length === 0 ? zt(t).dataOptions : a;
     case "boxplot":
     case "areamap":
     case "indicator":
@@ -859,10 +862,10 @@ const k = `
 }, N = (t, e) => {
   var r, i, a, s;
   return e === "x" ? (i = (r = t.axesMapping.category) != null ? r : t.axesMapping.x) == null ? void 0 : i.map((n) => I(n).column.name).join(", ") : (s = (a = t.axesMapping.value) != null ? a : t.axesMapping.y) == null ? void 0 : s.map((n) => I(n).column.name).join(", ");
-}, Yt = (t, e, r = !0) => {
-  const { chartFamily: i, axesMapping: a = {}, styleOptions: s = {} } = e, n = Jt(t, i, a);
+}, Ut = (t, e, r = !0) => {
+  const { chartFamily: i, axesMapping: a = {}, styleOptions: s = {} } = e, n = Yt(t, i, a);
   let l;
-  return r && e.chartType in F ? l = M(M(zt, {
+  return r && e.chartType in F ? l = M(M(Jt, {
     subtype: F[e.chartType]
   }), {
     legend: {
@@ -881,15 +884,15 @@ const k = `
         text: N(e, "x")
       }
     }
-  }, s) : l = M(gt(), s), {
+  }, s) : l = M(yt(), s), {
     dataOptions: n,
     chartStyleOptions: l
   };
-}, Ut = (t) => "chartType" in t ? t : {
+}, Kt = (t) => "chartType" in t ? t : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
-}, Kt = (t) => t.map((e) => ft(e.jaql)), Vt = (t) => t.reduce((e, r) => {
+}, Vt = (t) => t.map((e) => ht(e.jaql)), Ht = (t) => t.reduce((e, r) => {
   if ((r.panel === "scope" || r.jaql.filter) && e.metadataFilters.push(P(r)), r.panel !== "scope") {
     const i = P(r);
     delete i.jaql.filter, e.metadataColumns.push(i);
@@ -898,22 +901,22 @@ const k = `
 }, {
   metadataColumns: [],
   metadataFilters: []
-}), Ht = (t, e) => {
-  if (!vt(t))
+}), Gt = (t, e) => {
+  if (!xt(t))
     try {
-      const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = t, { metadata: n, datasource: l } = i, m = u(o({}, l), {
+      const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = t, { metadata: n, datasource: l } = i, m = c(o({}, l), {
         type: l.type || "elasticube"
-      }), y = ht(m), d = n.map((x) => It(x)).map((x) => u(o({}, x), {
-        jaql: u(o({}, x.jaql), {
+      }), y = St(m), d = n.map((x) => qt(x)).map((x) => c(o({}, x), {
+        jaql: c(o({}, x.jaql), {
           datasource: y
         })
-      })), g = Ut(a), f = g.chartType.toLowerCase(), T = {
+      })), g = Kt(a), f = g.chartType.toLowerCase(), T = {
         cornerRadius: "Small",
         header: {
           // remove info button and render empty toolbar instead
           renderToolbar: () => null
         }
-      }, { metadataColumns: b, metadataFilters: v } = Vt(d), H = Kt(v), { dataOptions: G, chartStyleOptions: X } = Yt(b, g, r), Z = o(o({}, X), T);
+      }, { metadataColumns: b, metadataFilters: v } = Ht(d), H = Vt(v), { dataOptions: G, chartStyleOptions: X } = Ut(b, g, r), Z = o(o({}, X), T);
       return {
         widgetType: "chart",
         id: s,
@@ -928,32 +931,32 @@ const k = `
       console.error(r);
       return;
     }
-}, Gt = (t, e) => Ht(t, e), Xt = (t) => Tt(t) ? Ft(t) : _t(t), de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Xt = (t, e) => Gt(t, e), Zt = (t) => bt(t) ? Nt(t) : Rt(t), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: Xt,
-  toWidgetProps: Gt
+  toWidgetCode: Zt,
+  toWidgetProps: Xt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   w as C,
-  re as E,
+  ie as E,
   J,
   q as a,
   L as b,
-  ne as c,
+  oe as c,
   Q as d,
   B as e,
   A as f,
-  Nt as g,
+  _t as g,
   p as h,
-  se as i,
-  ee as j,
-  ie as k,
-  Tt as l,
-  ae as m,
-  It as n,
-  wt as p,
-  oe as s,
-  Gt as t,
-  le as v,
-  de as w
+  ne as i,
+  re as j,
+  ae as k,
+  bt as l,
+  se as m,
+  qt as n,
+  Ct as p,
+  le as s,
+  Xt as t,
+  de as v,
+  ue as w
 };

package/dist/{widget-composer-fYnr8SDo.cjs → widget-composer-JVl8mNCt.cjs}

@@ -1,4 +1,4 @@
-"use strict";var G=Object.defineProperty,X=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable;var L=(t,e,r)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))tt.call(e,r)&&L(t,r,e[r]);if(j)for(var r of j(e))et.call(e,r)&&L(t,r,e[r]);return t},m=(t,e)=>X(t,Z(e));const n=require("./derive-chart-family-DjbiaKLQ.cjs");class P extends n.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=n.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.__serializable="JaqlElement",e.metadataItem=this.metadataItem,e.type=this.type,e}}const rt={text:n.MetadataTypes.TextAttribute,numeric:n.MetadataTypes.NumericAttribute,datetime:n.MetadataTypes.DateLevel};function it(t){var e;return new P(t,(e=rt[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function B(t){const{jaql:e}=t;return e.formula?n.createCalculatedMeasureHelper(e):"agg"in e&&e.dim&&e.datatype?n.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:e.level,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?n.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:e.level,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):it(t)}const at={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},st={model:"",metadata:[],chart:{},queryTitle:""},nt=t=>"widgetProps"in t,k=t=>"dashboardOid"in t&&"widgetOid"in t,ot=t=>"dashboardProps"in t,lt=t=>"dashboardOid"in t;function dt(t){return t.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ut(t){return t.charAt(0).toUpperCase()+t.slice(1)}function ct(t){const e=/\[(.+?)\s\(Calendar\)\]/;return t.replace(e,"[$1]").trim()}function pt(t){if(t)if(t.metadata){if(!t.model)throw new n.TranslatableError("errors.missingModelTitle")}else throw new n.TranslatableError("errors.missingMetadata");else throw new n.TranslatableError("errors.emptyModel");return t}function mt(t){return!t||!t.jaql.datasource.title||!t.jaql.metadata.length}function _(t){if(![...n.ALL_CHART_TYPES,"pivot","pivot2"].includes(t))throw new n.TranslatableError("errors.chartTypeNotSupported",{chartType:t})}function gt(t){return"widgetType"in t&&t.widgetType==="pivot"}function h(t){var e;return"column"in t&&((e=t.column)==null?void 0:e.expression)&&/\(.*\)/.test(t.column.expression)}function w(t){const e="measures"in t&&c(t.measures)||"values"in t&&c(t.values);return gt(t)?"values"in t.dataOptions&&c(t.dataOptions.values):"chartType"in t?t.chartType==="indicator"?"value"in t.dataOptions&&c(t.dataOptions.value)||"secondary"in t.dataOptions&&c(t.dataOptions.secondary):t.chartType==="table"?!("columns"in t.dataOptions)||!c(t.dataOptions.columns)?!1:t.dataOptions.columns.some(i=>h(i)):t.chartType==="boxplot"?!1:t.chartType==="scatter"?"x"in t.dataOptions&&t.dataOptions.x!==void 0&&h(t.dataOptions.x)||"y"in t.dataOptions&&t.dataOptions.y!==void 0&&h(t.dataOptions.y)||"size"in t.dataOptions&&t.dataOptions.size!==void 0:t.chartType==="scattermap"?"colorBy"in t.dataOptions&&t.dataOptions.colorBy!==void 0&&h(t.dataOptions.colorBy)||"details"in t.dataOptions&&t.dataOptions.details!==void 0&&h(t.dataOptions.details)||"size"in t.dataOptions&&t.dataOptions.size!==void 0&&h(t.dataOptions.size):t.chartType==="areamap"?"geo"in t.dataOptions&&c(t.dataOptions.geo)&&"color"in t.dataOptions&&c(t.dataOptions.color):"value"in t.dataOptions&&c(t.dataOptions.value):e}function c(t){return Array.isArray(t)&&t.length>0}function yt(t){const e=t.split(`
+"use strict";var G=Object.defineProperty,X=Object.defineProperties;var Z=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,et=Object.prototype.propertyIsEnumerable;var L=(t,e,r)=>e in t?G(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,l=(t,e)=>{for(var r in e||(e={}))tt.call(e,r)&&L(t,r,e[r]);if(j)for(var r of j(e))et.call(e,r)&&L(t,r,e[r]);return t},m=(t,e)=>X(t,Z(e));const n=require("./derive-chart-family-BsbFdcgd.cjs");class P extends n.DimensionalElement{constructor(e,r){var i;super((i=e.jaql.title)!==null&&i!==void 0?i:"",r),this.expression=e.jaql.dim||e.jaql.formula,this.metadataItem=e,e.jaql.agg?this.aggregation=e.jaql.agg:delete this.aggregation,e.jaql.formula?this.formula=e.jaql.formula:delete this.formula,e.jaql.sort?this.sortType=n.getSortType(e.jaql.sort):delete this.sortType,this.skipValidation=!0}get id(){return this.expression}jaql(e){return e===!0?this.metadataItem.jaql:this.metadataItem}serialize(){const e=super.serialize();return e.__serializable="JaqlElement",e.metadataItem=this.metadataItem,e.type=this.type,e}}const rt={text:n.MetadataTypes.TextAttribute,numeric:n.MetadataTypes.NumericAttribute,datetime:n.MetadataTypes.DateLevel};function it(t){var e;return new P(t,(e=rt[t.jaql.datatype])!==null&&e!==void 0?e:"numeric")}function B(t){const{jaql:e}=t;if(e.formula)return n.createCalculatedMeasureHelper(e);const r=n.DimensionalLevelAttribute.translateJaqlToGranularity(e);return"agg"in e&&e.dim&&e.datatype?n.createMeasureHelper({expression:e.dim,dataType:e.datatype,agg:e.agg||"",granularity:r,format:void 0,sort:e.sort,title:e.title,dataSource:e.datasource}):e.dim&&e.datatype?n.createAttributeHelper({expression:e.dim,dataType:e.datatype,granularity:r,sort:e.sort,title:e.title,panel:t.panel,dataSource:e.datasource}):it(t)}const at={jaql:{datasource:{title:"",type:"elasticube"},metadata:[]},queryTitle:"",chartRecommendations:{}},st={model:"",metadata:[],chart:{},queryTitle:""},nt=t=>"widgetProps"in t,k=t=>"dashboardOid"in t&&"widgetOid"in t,ot=t=>"dashboardProps"in t,lt=t=>"dashboardOid"in t;function dt(t){return t.replace(/\s+/g,"-").replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ut(t){return t.charAt(0).toUpperCase()+t.slice(1)}function ct(t){const e=/\[(.+?)\s\(Calendar\)\]/;return t.replace(e,"[$1]").trim()}function pt(t){if(t)if(t.metadata){if(!t.model)throw new n.TranslatableError("errors.missingModelTitle")}else throw new n.TranslatableError("errors.missingMetadata");else throw new n.TranslatableError("errors.emptyModel");return t}function mt(t){return!t||!t.jaql.datasource.title||!t.jaql.metadata.length}function _(t){if(![...n.ALL_CHART_TYPES,"pivot","pivot2"].includes(t))throw new n.TranslatableError("errors.chartTypeNotSupported",{chartType:t})}function gt(t){return"widgetType"in t&&t.widgetType==="pivot"}function h(t){var e;return"column"in t&&((e=t.column)==null?void 0:e.expression)&&/\(.*\)/.test(t.column.expression)}function w(t){const e="measures"in t&&c(t.measures)||"values"in t&&c(t.values);return gt(t)?"values"in t.dataOptions&&c(t.dataOptions.values):"chartType"in t?t.chartType==="indicator"?"value"in t.dataOptions&&c(t.dataOptions.value)||"secondary"in t.dataOptions&&c(t.dataOptions.secondary):t.chartType==="table"?!("columns"in t.dataOptions)||!c(t.dataOptions.columns)?!1:t.dataOptions.columns.some(i=>h(i)):t.chartType==="boxplot"?!1:t.chartType==="scatter"?"x"in t.dataOptions&&t.dataOptions.x!==void 0&&h(t.dataOptions.x)||"y"in t.dataOptions&&t.dataOptions.y!==void 0&&h(t.dataOptions.y)||"size"in t.dataOptions&&t.dataOptions.size!==void 0:t.chartType==="scattermap"?"colorBy"in t.dataOptions&&t.dataOptions.colorBy!==void 0&&h(t.dataOptions.colorBy)||"details"in t.dataOptions&&t.dataOptions.details!==void 0&&h(t.dataOptions.details)||"size"in t.dataOptions&&t.dataOptions.size!==void 0&&h(t.dataOptions.size):t.chartType==="areamap"?"geo"in t.dataOptions&&c(t.dataOptions.geo)&&"color"in t.dataOptions&&c(t.dataOptions.color):"value"in t.dataOptions&&c(t.dataOptions.value):e}function c(t){return Array.isArray(t)&&t.length>0}function yt(t){const e=t.split(`
 `);for(let r=0;r<e.length-1;r++)if(e[r].trim()===""){const i=e[r+1].trim();if(i.startsWith("import *")||i.startsWith("import {")){e.splice(r,1);break}}return e.join(`
 `)}const ft={react:{baseChartTmpl:`import { {{componentString}} } from '@sisense/sdk-ui';
 {{extraImportsString}}

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "2.1.0",
+  "version": "2.2.0",
   "type": "module",
   "exports": {
     ".": {
@@ -49,17 +49,20 @@
   "author": "Sisense",
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@emotion/cache": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.16.7",
     "@mui/system": "^5.16.7",
-    "@sisense/sdk-common": "^2.1.0",
-    "@sisense/sdk-data": "^2.1.0",
-    "@sisense/sdk-pivot-client": "^2.1.0",
-    "@sisense/sdk-query-client": "^2.1.0",
-    "@sisense/sdk-rest-client": "^2.1.0",
-    "@sisense/sdk-tracking": "^2.1.0",
+    "@sisense/sdk-common": "2.2.0",
+    "@sisense/sdk-data": "2.2.0",
+    "@sisense/sdk-pivot-client": "2.2.0",
+    "@sisense/sdk-query-client": "2.2.0",
+    "@sisense/sdk-rest-client": "2.2.0",
+    "@sisense/sdk-tracking": "2.2.0",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",