@sisense/sdk-ui 1.23.0 → 1.25.0

package/dist/widget-composer-DXM5t9rq.js

@@ -0,0 +1,614 @@
+var R = Object.defineProperty;
+var v = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, N = Object.prototype.propertyIsEnumerable;
+var E = (e, t, r) => t in e ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, g = (e, t) => {
+  for (var r in t || (t = {}))
+    _.call(t, r) && E(e, r, t[r]);
+  if (v)
+    for (var r of v(t))
+      N.call(t, r) && E(e, r, t[r]);
+  return e;
+};
+import { cX as k, h as j, M as b, T as u, cY as U, cZ as I, a7 as z, ae as K, m as w, c_ as Y, B as J, G as V, aR as C } from "./derive-chart-family-BlFbAr2V.js";
+class M extends k {
+  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;
+  }
+  get id() {
+    return this.expression;
+  }
+  jaql() {
+    return this.metadataItem;
+  }
+}
+const X = {
+  text: b.TextAttribute,
+  numeric: b.NumericAttribute,
+  datetime: b.DateLevel
+};
+function W(e) {
+  var t;
+  return new M(e, (t = X[e.jaql.datatype]) !== null && t !== void 0 ? t : "numeric");
+}
+const qe = {
+  jaql: { datasource: { title: "" }, metadata: [] },
+  queryTitle: "",
+  chartRecommendations: {}
+}, je = {
+  model: "",
+  metadata: [],
+  chart: {},
+  queryTitle: ""
+}, Ie = (e) => "widgetProps" in e, Z = (e) => "dashboardOid" in e && "widgetOid" in e;
+function G(e) {
+  return e.replace(/\s+/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function Me(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function We(e) {
+  const t = /\[(.+?)\s\(Calendar\)\]/;
+  return e.replace(t, "[$1]").trim();
+}
+function Le(e) {
+  if (e)
+    if (e.metadata) {
+      if (!e.model)
+        throw new u("errors.missingModelTitle");
+    } else
+      throw new u("errors.missingMetadata");
+  else
+    throw new u("errors.emptyModel");
+  return e;
+}
+function H(e) {
+  return !e || !e.jaql.datasource.title || !e.jaql.metadata.length;
+}
+function y(e) {
+  return e && e.replace(new RegExp("(?<!\\\\)'", "g"), "\\'");
+}
+function L(e) {
+  if (!U.includes(e))
+    throw new u("errors.chartTypeNotSupported", { chartType: e });
+}
+const ee = {
+  react: {
+    baseChartTmpl: `import { {{componentString}} } from '@sisense/sdk-ui';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+export default function CodeExample() {
+  return (
+    <{{componentString}}
+      title={'{{titleString}}'}
+      dataSource={DM.DataSource}
+      chartType={'{{chartTypeString}}'}
+      dataOptions={ {{dataOptionsString}} }
+      filters={ {{filtersString}} }
+    />
+  );
+}`,
+    chartTmpl: "{{baseChartTmpl}}",
+    chartWidgetTmpl: "{{baseChartTmpl}}",
+    widgetByIdTmpl: `import { WidgetById } from '@sisense/sdk-ui';
+
+const CodeExample = () => {
+    return (
+      <>
+        <WidgetById
+          widgetOid="{{widgetOid}}"
+          dashboardOid="{{dashboardOid}}"
+          includeDashboardFilters={true}
+        />
+      </>
+    );
+};
+
+export default CodeExample;
+`,
+    executeQueryByWidgetIdTmpl: `import { useExecuteQueryByWidgetId } from '@sisense/sdk-ui';
+
+const CodeExample = () => {
+  const { data, isLoading, isError } = useExecuteQueryByWidgetId({
+    widgetOid: "{{widgetOid}}",
+    dashboardOid: "{{dashboardOid}}"
+  });
+
+  if (isLoading) {
+    return <div>Loading...</div>;
+  }
+  if (isError) {
+    return <div>Error</div>;
+  }
+  if (data) {
+    return <div>Total Rows: {data.rows.length}</div>;
+  }
+
+  return null;
+};
+
+export default CodeExample;
+`,
+    executeQueryTmpl: `import { useExecuteQuery } from '@sisense/sdk-ui';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+const CodeExample = () => {
+  const queryProps = {
+    dataSource: DM.DataSource,
+    dimensions: {{dimensionsString}},
+    measures: {{measuresString}},
+    filters: {{filtersString}},
+    highlights: {{highlightsString}},
+  }
+
+  const { data, isLoading, isError } = useExecuteQuery(queryProps);
+
+  if (isLoading) {
+    return <div>Loading...</div>;
+  }
+  if (isError) {
+    return <div>Error</div>;
+  }
+  if (data) {
+    return <div>Total Rows: {data.rows.length}</div>;
+  }
+
+  return null;
+};
+
+export default CodeExample;
+`
+  },
+  angular: {
+    baseChartTmpl: `import { Component } from '@angular/core';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+@Component({
+    selector: 'code-example',
+    template: \`
+      <csdk-chart-widget
+        chartType='{{chartTypeString}}'
+        [dataSource]='DM.DataSource'
+        [dataOptions]='dataOptions'
+        [filters]='filters'
+      />
+    \`
+})
+export class CodeExample {
+    DM = DM;
+    dataOptions = {{dataOptionsString}};
+    filters = {{filtersString}};
+}`,
+    chartTmpl: "{{baseChartTmpl}}",
+    chartWidgetTmpl: "{{baseChartTmpl}}",
+    widgetByIdTmpl: `import { Component } from '@angular/core';
+
+@Component({
+  selector: 'code-example',
+  template: \`
+    <csdk-widget-by-id
+      [widgetOid]="widgetOid"
+      [dashboardOid]="dashboardOid"
+      [includeDashboardFilters]="includeDashboardFilters"
+    />
+  \`,
+})
+
+export class CodeExample {
+  widgetOid = "{{widgetOid}}";
+  dashboardOid = "{{dashboardOid}}";
+  includeDashboardFilters = true;
+}`,
+    executeQueryByWidgetIdTmpl: `import { Component } from '@angular/core';
+import { QueryService } from '@sisense/sdk-ui-angular';
+import { type QueryResultData } from '@sisense/sdk-data';
+
+@Component({
+  selector: 'code-example',
+  template: '<div>Total Rows: {{ queryResult.rows.length }}</div>',
+})
+
+export class CodeExample {
+    queryResult: QueryResultData = { rows: [], columns: [] };
+
+    constructor(private queryService: QueryService) {}
+
+    async ngOnInit(): Promise<void> {
+      const { data } = await this.queryService.executeQueryByWidgetId({
+        widgetOid: "{{widgetOid}}",
+        dashboardOid: "{{dashboardOid}}",
+      });
+      this.queryResult = data as QueryResultData;
+    }
+}
+`,
+    executeQueryTmpl: `import { Component } from '@angular/core';
+{{extraImportsString}}
+import { type QueryResultData } from '@sisense/sdk-data';
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+import { QueryService } from '@sisense/sdk-ui-angular';
+
+@Component({
+  selector: 'code-example',
+  template: '<div>Total Rows: {{ queryResult.rows.length }}</div>',
+})
+
+export class CodeExample {
+    queryResult: QueryResultData = { rows: [], columns: [] };
+
+    constructor(private queryService: QueryService) {}
+
+    async ngOnInit(): Promise<void> {
+      const queryProps = {
+        dataSource: DM.DataSource,
+        dimensions: {{dimensionsString}},
+        measures: {{measuresString}},
+        filters: {{filtersString}},
+        highlights: {{highlightsString}},
+      }
+      const { data } = await this.queryService.executeQuery(queryProps);
+      this.queryResult = data as QueryResultData;
+    }
+}
+`
+  },
+  vue: {
+    baseChartTmpl: `<script setup lang="ts">
+  import { ref } from 'vue';
+  import { {{componentString}} } from '@sisense/sdk-ui-vue';
+  {{extraImportsString}}
+  import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+  const dataOptions = ref({{dataOptionsString}});
+  const filters = ref({{filtersString}});
+<\/script>
+
+<template>
+  <{{componentString}}
+    chartType="{{chartTypeString}}"
+    :dataOptions="dataOptions"
+    :filters="filters"
+    :dataSource="DM.DataSource"
+    title="{{titleString}}" />
+</template>`,
+    chartTmpl: "{{baseChartTmpl}}",
+    chartWidgetTmpl: "{{baseChartTmpl}}",
+    widgetByIdTmpl: `<script setup lang="ts">
+import { WidgetById } from '@sisense/sdk-ui-vue';
+<\/script>
+<template>
+  <WidgetById
+    :widgetOid="{{widgetOid}}"
+    :dashboardOid="{{dashboardOid}}"
+  />
+</template>
+`,
+    executeQueryByWidgetIdTmpl: `<script setup lang="ts">
+import { useExecuteQueryByWidgetId } from '@sisense/sdk-ui-vue';
+
+const { data, isLoading, isError } = useExecuteQueryByWidgetId({
+  widgetOid: "{{widgetOid}}",
+  dashboardOid: "{{dashboardOid}}"
+});
+<\/script>
+<template>
+  <div>
+    <div v-if="isLoading">Loading...</div>
+    <div v-else-if="isError">Error</div>
+    <div v-else-if="data">Total Rows: {{data.rows.length}}</div>
+  </div>
+</template>
+`,
+    executeQueryTmpl: `<script setup lang="ts">
+import { useExecuteQuery } from '@sisense/sdk-ui-vue';
+{{extraImportsString}}
+import * as DM from './{{dataSourceString}}'; // generated with @sisense/sdk-cli
+
+const queryProps = {
+  dataSource: DM.DataSource,
+  dimensions: {{dimensionsString}},
+  measures: {{measuresString}},
+  filters: {{filtersString}},
+  highlights: {{highlightsString}},
+}
+const { data, isLoading, isError } = useExecuteQuery(queryProps);
+<\/script>
+<template>
+  <div>
+    <div v-if="isLoading">Loading...</div>
+    <div v-else-if="isError">Error</div>
+    <div v-else-if="data">Total Rows: {{data.rows.length}}</div>
+  </div>
+</template>`
+  }
+}, Q = (e, t) => ee[t][e].replace(
+  /{{(.*?)Tmpl}}/g,
+  (a, s) => Q(`${s}Tmpl`, t)
+), te = (e, t) => e.replace(/{{(.*?)}}/g, (r, a) => a in t ? t[a] : (console.warn(`Placeholder ${a} not found in data`), r)), F = (e, t, r = "react") => {
+  const a = Q(e, r);
+  return te(a, t);
+}, f = `
+`, x = "UNKNOWN", re = (e, t) => {
+  let r = "";
+  return r += `measureFactory.customFormula(
+`, r += " ".repeat(t), r += `  '${y(e.title)}',
+`, r += " ".repeat(t), r += `  '${e.formula}',
+`, r += " ".repeat(t), r += `  {
+`, Object.entries(e.context).forEach(([a, s]) => {
+    const i = I(
+      s.table || x,
+      s.column || x,
+      void 0,
+      "DM"
+    );
+    r += " ".repeat(t), r += `    '${a.slice(1, -1)}': ${i},
+`;
+  }), r += " ".repeat(t), r += `  }
+`, r += " ".repeat(t), r += ")", r;
+}, ae = (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.${z.aggregationFromJAQL(
+    i
+  )}(${n}, '${y(l)}')`), o && (n = `{column: ${n}, sortType: '${j(o)}'}`), n ? `${" ".repeat(t)}${n}` : x;
+}, ie = (e, t) => {
+  const r = e.jaql().jaql;
+  return "formula" in r ? re(r, t) : f + ae(r, t);
+}, h = (e, t = 0, r = !1) => {
+  if (!e)
+    return "";
+  if (typeof e == "string")
+    return `'${y(e)}'`;
+  if (e instanceof M)
+    return ie(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}`;
+  }), a += " ".repeat(t), a += "}"), a;
+};
+function se(e) {
+  return h(e, 2);
+}
+function oe(e) {
+  if (!e)
+    throw new u("errors.undefinedDataSource");
+  let t;
+  return typeof e == "object" && "title" in e ? t = e.title : t = e, G(t);
+}
+function ne(e) {
+  const t = ["measureFactory"];
+  return Array.isArray(e) && e.length > 0 && t.push("filterFactory"), `import { ${t.join(", ")} } from '@sisense/sdk-data';`;
+}
+const D = `
+`, le = (e, t) => {
+  if (e.composeCode)
+    return `${D}${" ".repeat(t)}${e.composeCode}`;
+  const r = e.jaql().jaql;
+  return `${D}${" ".repeat(t)}filterFactory.customFilter(${h(
+    r,
+    t,
+    !0
+  )})`;
+}, de = (e, t = 0) => {
+  if (!e)
+    return "";
+  let r = "";
+  return r += `[${e.map((a) => le(a, t + 2))}${e.length ? `
+` + " ".repeat(t + 2) : ""}]`, r;
+}, ue = (e) => {
+  if (!e)
+    return "";
+  if (Array.isArray(e))
+    return de(e, 2);
+  throw new u("errors.filterRelationsNotSupported");
+}, ce = ["executeQueryByWidgetIdTmpl", "widgetByIdTmpl"], pe = "chartWidgetTmpl", me = (e) => e, ge = (e, t, r) => {
+  const a = {
+    titleString: e.title,
+    dataSourceString: oe(e.dataSource),
+    chartTypeString: me(e.chartType),
+    dataOptionsString: se(e.dataOptions),
+    filtersString: ue(e.filters),
+    componentString: "ChartWidget",
+    extraImportsString: ne(e.filters || [])
+  };
+  return F(r, a, t);
+}, fe = ({
+  dashboardOid: e,
+  widgetOid: t,
+  uiFramework: r = "react",
+  chartType: a = "table",
+  includeChart: s = !0
+}) => {
+  L(a);
+  const i = { dashboardOid: e, widgetOid: t }, o = ce[Number(s)];
+  return F(o, i, r);
+}, ye = ({
+  widgetProps: e,
+  uiFramework: t = "react"
+}) => {
+  if (K(e))
+    return L(e.chartType), ge(e, t, pe);
+  throw new u("errors.otherWidgetTypesNotSupported");
+}, he = (e) => ({
+  dataOptions: { columns: e.map(W) }
+}), Se = Object.freeze({
+  convolution: {
+    enabled: !0,
+    selectedConvolutionType: "bySlicesCount",
+    independentSlicesCount: 7
+  },
+  lineWidth: { width: "bold" },
+  markers: {
+    enabled: !1
+  },
+  legend: {
+    enabled: !1
+  },
+  yAxis: {
+    gridLines: !1
+  },
+  xAxis: {
+    gridLines: !1
+  }
+}), $ = Object.freeze({
+  line: "line/spline",
+  pie: "pie/donut",
+  bar: "bar/stacked",
+  column: "column/stackedcolumn"
+}), Te = (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) => {
+      var S, T;
+      const d = s[m.name];
+      if (!d)
+        return { column: { type: "", name: m.name } };
+      const c = W(d);
+      if (d.panel === "measures")
+        return {
+          column: c,
+          sortType: "sortNone"
+        };
+      if (J(c.type)) {
+        const O = (T = (S = d.format) == null ? void 0 : S.mask) == null ? void 0 : T[d.jaql.level];
+        if (O)
+          return {
+            column: c,
+            dateFormat: O
+          };
+      }
+      return c;
+    }) : p, o;
+  }, {});
+  switch (a) {
+    case "cartesian":
+      return g({
+        category: [],
+        value: [],
+        breakBy: []
+      }, i);
+    case "categorical":
+      return g({
+        category: [],
+        value: []
+      }, i);
+    case "scatter":
+      return Object.keys(i).forEach((o) => {
+        i[`${o}`] = i[`${o}`][0];
+      }), i;
+    case "scattermap":
+      return Object.keys(i).forEach((o) => {
+        o !== "geo" && (i[`${o}`] = i[`${o}`][0]);
+      }), i;
+    case "table":
+      return Object.keys(i).length === 0 ? he(e).dataOptions : i;
+    case "boxplot":
+    case "areamap":
+    case "indicator":
+    default:
+      return i;
+  }
+}, 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(", ");
+}, Oe = (e, t, r = !0) => {
+  const a = Te(e, t);
+  let s;
+  return r && t.chartType in $ ? s = w(
+    w(Se, {
+      subtype: $[t.chartType]
+    }),
+    {
+      legend: {
+        enabled: !0,
+        position: "right"
+      },
+      yAxis: {
+        title: {
+          enabled: !0,
+          text: q(t, "y")
+        }
+      },
+      xAxis: {
+        title: {
+          enabled: !0,
+          text: q(t, "x")
+        }
+      }
+    }
+  ) : s = Y(), {
+    dataOptions: a,
+    chartStyleOptions: s
+  };
+}, be = (e) => "chartType" in e ? e : {
+  chartType: "table",
+  chartFamily: "table",
+  axesMapping: {}
+}, xe = (e) => e.map((t) => V(t.jaql)), ve = (e) => e.reduce(
+  (t, r) => {
+    if ((r.panel === "scope" || r.jaql.filter) && t.metadataFilters.push(C(r)), r.panel !== "scope") {
+      const a = C(r);
+      delete a.jaql.filter, t.metadataColumns.push(a);
+    }
+    return t;
+  },
+  { metadataColumns: [], metadataFilters: [] }
+), Ee = (e, t) => {
+  if (!H(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 = be(s), d = m.chartType.toLowerCase(), c = {
+        cornerRadius: "Small",
+        header: {
+          // remove info button and render empty toolbar instead
+          renderToolbar: () => null
+        }
+      }, { metadataColumns: S, metadataFilters: T } = ve(o), O = xe(T), { dataOptions: A, chartStyleOptions: B } = Oe(
+        S,
+        m,
+        r
+      ), P = g(g({}, B), c);
+      return {
+        widgetType: "chart",
+        id: i,
+        title: i,
+        chartType: d,
+        dataSource: {
+          title: l,
+          id: n,
+          type: p
+        },
+        dataOptions: A,
+        filters: O,
+        styleOptions: P
+      };
+    } catch (r) {
+      console.error(r);
+      return;
+    }
+}, we = (e, t) => Ee(e, t), Ce = (e) => Z(e) ? fe(e) : ye(e), Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  toWidgetCode: Ce,
+  toWidgetProps: we
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  je as E,
+  oe as a,
+  ue as b,
+  Me as c,
+  ne as d,
+  qe as e,
+  Z as f,
+  F as g,
+  Ie as i,
+  te as p,
+  We as s,
+  we as t,
+  Le as v,
+  Qe as w
+};

package/package.json

@@ -11,7 +11,7 @@
     "Sisense",
     "Compose SDK"
   ],
-  "version": "1.23.0",
+  "version": "1.25.0",
   "type": "module",
   "exports": {
     ".": {
@@ -53,12 +53,12 @@
     "@emotion/styled": "^11.10.5",
     "@mui/material": "^5.16.7",
     "@mui/system": "^5.16.7",
-    "@sisense/sdk-common": "^1.23.0",
-    "@sisense/sdk-data": "^1.23.0",
-    "@sisense/sdk-pivot-client": "^1.23.0",
-    "@sisense/sdk-query-client": "^1.23.0",
-    "@sisense/sdk-rest-client": "^1.23.0",
-    "@sisense/sdk-tracking": "^1.23.0",
+    "@sisense/sdk-common": "^1.25.0",
+    "@sisense/sdk-data": "^1.25.0",
+    "@sisense/sdk-pivot-client": "^1.25.0",
+    "@sisense/sdk-query-client": "^1.25.0",
+    "@sisense/sdk-rest-client": "^1.25.0",
+    "@sisense/sdk-tracking": "^1.25.0",
     "@sisense/sisense-charts": "5.1.1",
     "@tanstack/react-query": "4.36.1",
     "classnames": "^2.3.2",
@@ -91,7 +91,7 @@
     "type-check": "tsc --noEmit",
     "build": "run type-check && vite build --mode development",
     "build:prod": "run type-check && vite build",
-    "clean": "rm -rf ./dist && rm -rf ./coverage && rm -rf tsconfig.tsbuildinfo",
+    "clean": "rm -rf ./dist && rm -rf ./coverage && rm -rf tsconfig.tsbuildinfo  && rm -rf node_modules/.vite/deps",
     "lint": "eslint . --fix",
     "format": "prettier --write .",
     "format:check": "prettier --check .",

package/dist/packages/sdk-ui/src/dashboard/components/HorizontalCollapse.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export declare const HorizontalCollapse: ({ collapsedOnInit, children, }: {
-    collapsedOnInit?: boolean | undefined;
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;