@sisense/sdk-ui 2.0.0 → 2.1.1

package/dist/{widget-composer-C4rwNt4P.js → widget-composer-BZwsi1mW.js}

@@ -10,7 +10,7 @@ var $ = (t, e, r) => e in t ? tt(t, e, { enumerable: !0, configurable: !0, writa
       at.call(e, r) && $(t, r, e[r]);
   return t;
 }, u = (t, e) => et(t, rt(e));
-import { dS as _, r as st, dY as nt, dZ as ot, d_ as lt, M as C, T as h, d$ as dt, aM as R, dE as ct, e0 as O, dU as z, av as ut, aS as pt, aR as mt, m as M, e1 as gt, aD as I, al as yt, a5 as ft, bD as P, e2 as St } from "./derive-chart-family-BLaI9-3r.js";
+import { ek as _, a3 as st, eq as nt, er as ot, es as lt, M as C, T as S, et as dt, bd as R, e6 as ct, eu as O, em as z, aY as ut, bj as pt, bi as mt, m as M, ev as gt, b4 as I, aO as yt, ay as ft, c4 as P, ew as ht } from "./derive-chart-family-C8duLtwv.js";
 class J extends _ {
   constructor(e, r) {
     var i;
@@ -30,16 +30,16 @@ class J extends _ {
     return e.__serializable = "JaqlElement", e.metadataItem = this.metadataItem, e.type = this.type, e;
   }
 }
-const ht = {
+const St = {
   text: C.TextAttribute,
   numeric: C.NumericAttribute,
   datetime: C.DateLevel
 };
 function Ot(t) {
   var e;
-  return new J(t, (e = ht[t.jaql.datatype]) !== null && e !== void 0 ? e : "numeric");
+  return new J(t, (e = St[t.jaql.datatype]) !== null && e !== void 0 ? e : "numeric");
 }
-function U(t) {
+function Y(t) {
   const { jaql: e } = t;
   return e.formula ? nt(e) : "agg" in e && e.dim && e.datatype ? ot({
     expression: e.dim,
@@ -90,36 +90,36 @@ function le(t) {
   if (t)
     if (t.metadata) {
       if (!t.model)
-        throw new h("errors.missingModelTitle");
+        throw new S("errors.missingModelTitle");
     } else
-      throw new h("errors.missingMetadata");
+      throw new S("errors.missingMetadata");
   else
-    throw new h("errors.emptyModel");
+    throw new S("errors.emptyModel");
   return t;
 }
 function vt(t) {
   return !t || !t.jaql.datasource.title || !t.jaql.metadata.length;
 }
-function Y(t) {
+function U(t) {
   if (![
     ...dt,
     "pivot",
     "pivot2"
   ].includes(t))
-    throw new h("errors.chartTypeNotSupported", {
+    throw new S("errors.chartTypeNotSupported", {
       chartType: t
     });
 }
 function xt(t) {
   return "widgetType" in t && t.widgetType === "pivot";
 }
-function S(t) {
+function h(t) {
   var e;
   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) => S(i)) : t.chartType === "boxplot" ? !1 : t.chartType === "scatter" ? "x" in t.dataOptions && t.dataOptions.x !== void 0 && S(t.dataOptions.x) || "y" in t.dataOptions && t.dataOptions.y !== void 0 && S(t.dataOptions.y) || "size" in t.dataOptions && t.dataOptions.size !== void 0 : t.chartType === "scattermap" ? "colorBy" in t.dataOptions && t.dataOptions.colorBy !== void 0 && S(t.dataOptions.colorBy) || "details" in t.dataOptions && t.dataOptions.details !== void 0 && S(t.dataOptions.details) || "size" in t.dataOptions && t.dataOptions.size !== void 0 && S(t.dataOptions.size) : t.chartType === "areamap" ? "geo" in t.dataOptions && c(t.dataOptions.geo) && "color" in t.dataOptions && c(t.dataOptions.color) : "value" in t.dataOptions && c(t.dataOptions.value) : e;
+  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;
 }
 function c(t) {
   return Array.isArray(t) && t.length > 0;
@@ -721,7 +721,7 @@ const k = `
   "executeQueryByWidgetIdTmpl",
   "widgetByIdTmpl"
 ], At = "chartWidgetTmpl", kt = "pivotTableWidgetTmpl", Bt = (t) => t, Ft = ({ dashboardOid: t, widgetOid: e, uiFramework: r = "react", chartType: i = "table", includeChart: a = !0 }) => {
-  Y(i);
+  U(i);
   const s = {
     dashboardOid: t,
     widgetOid: e
@@ -729,7 +729,7 @@ const k = `
   return q(n, s, r);
 }, Nt = (t, e, r) => {
   if (ut(t)) {
-    Y(t.chartType);
+    U(t.chartType);
     const i = L(t), a = {
       idString: t.id,
       widgetTypeString: "chart",
@@ -761,13 +761,13 @@ const k = `
   }
   if (mt(t))
     return "/** Plugin widget code not supported yet */";
-  throw new h("errors.otherWidgetTypesNotSupported");
+  throw new S("errors.otherWidgetTypesNotSupported");
 }, _t = ({ widgetProps: t, uiFramework: e = "react" }) => Nt(t, e, {
   chart: At,
   pivot: kt
 }), Rt = (t) => ({
   dataOptions: {
-    columns: t.map(U)
+    columns: t.map(Y)
   }
 }), zt = Object.freeze({
   convolution: {
@@ -810,7 +810,7 @@ const k = `
             name: d.column.name
           }
         };
-      const f = U(g);
+      const f = Y(g);
       if (g.panel === "measures")
         return u(o({}, d), {
           column: f
@@ -859,7 +859,7 @@ 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(", ");
-}, Ut = (t, e, r = !0) => {
+}, Yt = (t, e, r = !0) => {
   const { chartFamily: i, axesMapping: a = {}, styleOptions: s = {} } = e, n = Jt(t, i, a);
   let l;
   return r && e.chartType in F ? l = M(M(zt, {
@@ -885,7 +885,7 @@ const k = `
     dataOptions: n,
     chartStyleOptions: l
   };
-}, Yt = (t) => "chartType" in t ? t : {
+}, Ut = (t) => "chartType" in t ? t : {
   chartType: "table",
   chartFamily: "table",
   axesMapping: {}
@@ -903,17 +903,17 @@ const k = `
     try {
       const { useCustomizedStyleOptions: r = !1 } = e || {}, { jaql: i, chartRecommendations: a, queryTitle: s } = t, { metadata: n, datasource: l } = i, m = u(o({}, l), {
         type: l.type || "elasticube"
-      }), y = St(m), d = n.map((x) => It(x)).map((x) => u(o({}, x), {
+      }), y = ht(m), d = n.map((x) => It(x)).map((x) => u(o({}, x), {
         jaql: u(o({}, x.jaql), {
           datasource: y
         })
-      })), g = Yt(a), f = g.chartType.toLowerCase(), T = {
+      })), g = Ut(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: Z } = Ut(b, g, r), X = o(o({}, Z), T);
+      }, { metadataColumns: b, metadataFilters: v } = Vt(d), H = Kt(v), { dataOptions: G, chartStyleOptions: X } = Yt(b, g, r), Z = o(o({}, X), T);
       return {
         widgetType: "chart",
         id: s,
@@ -922,15 +922,15 @@ const k = `
         dataSource: m,
         dataOptions: G,
         filters: H,
-        styleOptions: X
+        styleOptions: Z
       };
     } catch (r) {
       console.error(r);
       return;
     }
-}, Gt = (t, e) => Ht(t, e), Zt = (t) => Tt(t) ? Ft(t) : _t(t), de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Gt = (t, e) => Ht(t, e), Xt = (t) => Tt(t) ? Ft(t) : _t(t), de = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  toWidgetCode: Zt,
+  toWidgetCode: Xt,
   toWidgetProps: Gt
 }, Symbol.toStringTag, { value: "Module" }));
 export {

package/dist/{widget-composer-BJURHrVD.cjs → widget-composer-Bv_aqjLX.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-CxqjTyNt.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-CQ1Myy0A.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(`
 `);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.0.0",
+  "version": "2.1.1",
   "type": "module",
   "exports": {
     ".": {
@@ -49,16 +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.0.0",
-    "@sisense/sdk-data": "^2.0.0",
-    "@sisense/sdk-pivot-client": "^2.0.0",
-    "@sisense/sdk-query-client": "^2.0.0",
-    "@sisense/sdk-rest-client": "^2.0.0",
-    "@sisense/sdk-tracking": "^2.0.0",
+    "@sisense/sdk-common": "^2.1.1",
+    "@sisense/sdk-data": "^2.1.1",
+    "@sisense/sdk-pivot-client": "^2.1.1",
+    "@sisense/sdk-query-client": "^2.1.1",
+    "@sisense/sdk-rest-client": "^2.1.1",
+    "@sisense/sdk-tracking": "^2.1.1",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",