@datapos/datapos-shared 0.3.94 → 0.3.95

package/dist/datapos-shared.es.js

@@ -1,4 +1,4 @@
-const R = 0, F = (e) => e, L = () => Date.now(), k = {
+const C = 0, R = (e) => e, F = () => Date.now(), L = {
   cartesian_area: { categoryId: "cartesian", typeId: "area", label: { "en-gb": "Area" }, options: { highchartsType: "area" } },
   cartesian_bar: { categoryId: "cartesian", typeId: "bar", label: { "en-gb": "Bar" }, options: { highchartsType: "bar" } },
   cartesian_column: { categoryId: "cartesian", typeId: "column", label: { "en-gb": "Column" }, options: { highchartsType: "column" } },
@@ -14,63 +14,63 @@ const R = 0, F = (e) => e, L = () => Date.now(), k = {
   streamgraph: { categoryId: "streamgraph", label: { "en-gb": "Streamgraph" }, options: {} },
   values: { categoryId: "values", label: { "en-gb": "Values" }, options: {} }
 };
-class I extends Error {
+class x extends Error {
   locator;
   constructor(t, a, r) {
     super(t, r), this.name = "DataPosError", this.locator = a, Error.captureStackTrace?.(this, new.target);
   }
 }
-class m extends I {
+class m extends x {
   constructor(t, a, r) {
     super(t, a, r), this.name = "ApplicationError";
   }
 }
-class O extends m {
+class k extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "APIError";
   }
 }
-class _ extends m {
+class M extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "EngineError";
   }
 }
-class D extends m {
+class w extends m {
   body;
   constructor(t, a, r, o) {
     super(t, a, o), this.name = "FetchError", this.body = r;
   }
 }
-class v extends m {
+class T extends m {
   componentName;
   info;
   constructor(t, a, r, o, n) {
     super(t, a, n), this.name = "VueHandledError", this.info = r, this.componentName = o;
   }
 }
-class M extends m {
+class O extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "WindowHandledRuntimeError";
   }
 }
-class U extends m {
+class _ extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "WindowHandledPromiseRejectionError";
   }
 }
-class B extends I {
+class U extends x {
   constructor(t, a, r) {
     super(t, a, r), this.name = "OperationalError";
   }
 }
-async function j(e, t, a) {
+async function B(e, t, a) {
   const r = `${t} Response status '${e.status}${e.statusText ? ` - ${e.statusText}` : ""}' received.`, o = await e.text();
-  return new D(r, a, o);
+  return new w(r, a, o);
 }
-function H(e) {
+function j(e) {
   return e.map((t) => t.message).join(" ");
 }
-function W(e, t = "Unknown error.") {
+function H(e, t = "Unknown error.") {
   if (e instanceof Error) return e;
   if (typeof e == "string") return new Error(e);
   try {
@@ -79,17 +79,17 @@ function W(e, t = "Unknown error.") {
     return new Error(t);
   }
 }
-function z(e) {
+function V(e) {
   const t = /* @__PURE__ */ new Set(), a = [];
   let r = e;
   for (; r && !t.has(r); ) {
     t.add(r);
     let o;
-    if (r instanceof D)
+    if (r instanceof w)
       o = { body: r.body, locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
-    else if (r instanceof v)
+    else if (r instanceof T)
       o = { componentName: r.componentName, info: r.info, locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
-    else if (r instanceof I)
+    else if (r instanceof x)
       o = { locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
     else if (r instanceof Error) {
       const n = r;
@@ -99,64 +99,64 @@ function z(e) {
   }
   return a;
 }
-function V() {
+function W() {
   function e(t, a, r) {
     r.textContent = "Cytoscape.js diagram goes here...";
   }
   return { render: e };
 }
-function X() {
+function z() {
   function e(t, a, r) {
     r.textContent = "values table goes here...";
   }
   return { render: e };
 }
-const S = "https://cdn.jsdelivr.net/npm/highcharts@11.4.3/es-modules/masters/", x = "highcharts";
-let b, w = !1;
-function G() {
-  async function e(n, s, u, g, p) {
+const v = "https://cdn.jsdelivr.net/npm/highcharts@11.4.3/es-modules/masters/", E = "highcharts";
+let b, I = !1;
+function X() {
+  async function e(n, s, u, g) {
     await r();
     const l = [];
-    for (const E of s.data.measures)
-      l.push({ type: n.options.highchartsType, name: E.name, data: u });
-    const h = {
+    for (const h of s.data.measures)
+      l.push({ type: n.options.highchartsType, name: h.name, data: getMeasureValues([h.id]) });
+    const p = {
       chart: { type: n.options.highchartsType },
       plotOptions: { series: { borderColor: "#333" } },
       series: l,
       title: { text: s.title.text },
       xAxis: { categories: s.data.categoryLabels },
       yAxis: { title: { text: s.data.name } }
-    }, c = b.chart(g, h, p);
-    return { chart: c, resize: () => c.reflow(), vendorId: x };
+    }, c = b.chart(u, p, g);
+    return { chart: c, resize: () => c.reflow(), vendorId: E };
   }
-  async function t(n, s, u, g, p) {
+  async function t(n, s, u, g) {
     await Promise.all([r(), o()]);
     const l = [];
-    for (const E of s.data.measures)
-      l.push({ type: n.options.highchartsType, name: E.name, data: u });
-    const h = {
+    for (const h of s.data.measures)
+      l.push({ type: n.options.highchartsType, name: h.name, data: getMeasureValues([h.id]) });
+    const p = {
       chart: { polar: !0 },
       plotOptions: { series: { borderColor: "#333" } },
       series: l,
       title: { text: s.title.text },
       xAxis: { categories: s.data.categoryLabels },
       yAxis: { title: { text: s.data.name } }
-    }, c = b.chart(g, h, p);
-    return { chart: c, resize: () => c.reflow(), vendorId: x };
+    }, c = b.chart(u, p, g);
+    return { chart: c, resize: () => c.reflow(), vendorId: E };
   }
-  async function a(n, s, u, g, p) {
+  async function a(n, s, u, g) {
     await Promise.all([r(), o()]);
     const l = [];
-    l.push({ type: n.options.highchartsType, name: "Unknown", data: u });
-    const h = {
+    l.push({ type: n.options.highchartsType, name: "Unknown", data: getMeasureValues([s.data.measures[0].id, s.data.measures[1].id]) });
+    const p = {
       chart: { type: n.options.highchartsType, inverted: n.options.inverted },
       plotOptions: { series: { borderColor: "#333" } },
       series: l,
       title: { text: s.title.text },
       xAxis: { categories: s.data.categoryLabels },
       yAxis: { title: { text: s.data.name } }
-    }, c = b.chart(g, h, p);
-    return { chart: c, resize: () => c.reflow(), vendorId: x };
+    }, c = b.chart(u, p, g);
+    return { chart: c, resize: () => c.reflow(), vendorId: E };
   }
   async function r() {
     if (b) return;
@@ -170,12 +170,12 @@ function G() {
     );
   }
   async function o() {
-    if (w) return;
-    await import(`${S}highcharts-more.src.js`), w = !0;
+    if (I) return;
+    await import(`${v}highcharts-more.src.js`), I = !0;
   }
   return { renderCartesianChart: e, renderPolarChart: t, renderRangeChart: a };
 }
-const T = "en-US", f = {}, P = (e) => {
+const D = "en-US", f = {}, G = (e) => {
   switch (e) {
     case "Edm.Binary":
       return "unknown";
@@ -214,17 +214,17 @@ const T = "en-US", f = {}, P = (e) => {
     default:
       return "unknown";
   }
-}, J = (e) => {
+}, P = (e) => {
   if (e) {
     const t = e.lastIndexOf("/"), a = e.lastIndexOf(".", t > -1 ? t : e.length);
     return a > -1 ? e.substring(0, a) : e;
   }
-}, K = (e) => {
+}, J = (e) => {
   if (e) {
     const t = e.lastIndexOf(".");
     if (t > -1) return e.substring(t + 1);
   }
-}, i = (e, t = 2, a = t, r = T) => {
+}, i = (e, t = 2, a = t, r = D) => {
   if (e == null) return "";
   const o = `${r}decimal${t}.${a}`;
   let n = f[o];
@@ -236,7 +236,7 @@ const T = "en-US", f = {}, P = (e) => {
     style: "decimal",
     useGrouping: !0
   }), f[o] = n), n.format(e);
-}, q = (e) => e == null ? "" : e < 1e3 ? y(e) : e < 1e6 ? `${i(e / 1e3, 2, 0)}K` : e < 1e9 ? `${i(e / 1e6, 2, 0)}M` : e < 1e12 ? `${i(e / 1e9, 2, 0)}B` : `${i(e / 1e12, 2, 0)}T`, Q = (e) => e == null ? "" : e === 1 ? "1 byte" : e < 1024 ? `${y(e)} bytes` : e < 1048576 ? `${i(e / 1024, 2, 0)} KB` : e < 1073741824 ? `${i(e / 1048576, 2, 0)} MB` : e < 1099511627776 ? `${i(e / 1073741824, 2, 0)} GB` : `${i(e / 1099511627776, 2, 0)} TB`, Y = (e) => e == null ? "" : e < 1e3 ? `${y(e)} ms` : e === 1e3 ? `${y(e)} sec` : e < 6e4 ? `${i(e / 1e3, 2, 0)} secs` : e === 6e4 ? "1 min" : e < 36e5 ? `${i(e / 6e4, 2, 0)} mins` : e === 36e5 ? "1 hr" : e < 864e5 ? `${i(e / 36e5, 2, 0)} hrs` : e === 864e5 ? "1 day" : `${i(e / 864e5, 2, 0)} days`, y = (e, t = T) => {
+}, K = (e) => e == null ? "" : e < 1e3 ? y(e) : e < 1e6 ? `${i(e / 1e3, 2, 0)}K` : e < 1e9 ? `${i(e / 1e6, 2, 0)}M` : e < 1e12 ? `${i(e / 1e9, 2, 0)}B` : `${i(e / 1e12, 2, 0)}T`, q = (e) => e == null ? "" : e === 1 ? "1 byte" : e < 1024 ? `${y(e)} bytes` : e < 1048576 ? `${i(e / 1024, 2, 0)} KB` : e < 1073741824 ? `${i(e / 1048576, 2, 0)} MB` : e < 1099511627776 ? `${i(e / 1073741824, 2, 0)} GB` : `${i(e / 1099511627776, 2, 0)} TB`, Q = (e) => e == null ? "" : e < 1e3 ? `${y(e)} ms` : e === 1e3 ? `${y(e)} sec` : e < 6e4 ? `${i(e / 1e3, 2, 0)} secs` : e === 6e4 ? "1 min" : e < 36e5 ? `${i(e / 6e4, 2, 0)} mins` : e === 36e5 ? "1 hr" : e < 864e5 ? `${i(e / 36e5, 2, 0)} hrs` : e === 864e5 ? "1 day" : `${i(e / 864e5, 2, 0)} days`, y = (e, t = D) => {
   if (e == null) return "";
   const a = `${t}decimal0.0`;
   let r = f[a];
@@ -248,7 +248,7 @@ const T = "en-US", f = {}, P = (e) => {
     style: "decimal",
     useGrouping: !0
   }), f[a] = r), r.format(e);
-}, Z = (e) => {
+}, Y = (e) => {
   switch (e) {
     case "csv":
       return "text/csv";
@@ -262,7 +262,7 @@ const T = "en-US", f = {}, P = (e) => {
     default:
       return "application/octet-stream";
   }
-}, A = [
+}, S = [
   { id: "dtv", label: { "en-gb": "Delimited Text" } },
   { id: "e/e", label: { "en-gb": "Entity/Event" } },
   { id: "jsonArray", label: { "en-gb": "JSON Array" } },
@@ -270,22 +270,22 @@ const T = "en-US", f = {}, P = (e) => {
   { id: "xls", label: { "en-gb": "XLS" } },
   { id: "xlsx", label: { "en-gb": "XLSX" } },
   { id: "xml", label: { "en-gb": "XML" } }
-], ee = (e = d) => {
+], Z = (e = d) => {
   const t = [];
-  for (const a of A) t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
+  for (const a of S) t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, N = [
+}, A = [
   { id: `
 `, label: { "en-gb": "Newline" } },
   { id: "\r", label: { "en-gb": "Carriage Return" } },
   { id: `\r
 `, label: { "en-gb": "Carriage Return/Newline" } }
-], re = (e = d) => {
+], ee = (e = d) => {
   const t = [];
-  for (const a of N)
+  for (const a of A)
     t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, $ = [
+}, N = [
   { id: ":", label: { "en-gb": "Colon" } },
   { id: ",", label: { "en-gb": "Comma" } },
   { id: "!", label: { "en-gb": "Exclamation Mark" } },
@@ -297,12 +297,12 @@ const T = "en-US", f = {}, P = (e) => {
   { id: "_", label: { "en-gb": "Underscore" } },
   { id: "0x1F", label: { "en-gb": "Unit Separator" } },
   { id: "|", label: { "en-gb": "Vertical Bar" } }
-], te = (e = d) => {
+], re = (e = d) => {
   const t = [];
-  for (const a of $)
+  for (const a of N)
     t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, C = [
+}, $ = [
   { id: "alpha", color: "red", label: { "en-gb": "alpha" } },
   { id: "beta", color: "amber", label: { "en-gb": "beta" } },
   { id: "generalAvailability", color: "green", label: { "en-gb": "" } },
@@ -312,42 +312,42 @@ const T = "en-US", f = {}, P = (e) => {
   { id: "releaseCandidate", color: "green", label: { "en-gb": "release-candidate" } },
   { id: "unavailable", color: "other", label: { "en-gb": "unavailable" } },
   { id: "underReview", color: "other", label: { "en-gb": "under-review" } }
-], ae = (e, t = d) => {
-  const a = C.find((r) => r.id === e);
+], te = (e, t = d) => {
+  const a = $.find((r) => r.id === e);
   return a ? { ...a, label: a.label[t] || a.label[d] || e } : { id: e, color: "other", label: e };
 }, d = "en-gb";
 export {
-  O as APIError,
+  k as APIError,
   m as ApplicationError,
   d as DEFAULT_LOCALE_CODE,
-  R as DefaultTimestamp,
-  _ as EngineError,
-  D as FetchError,
-  B as OperationalError,
-  v as VueError,
-  U as WindowPromiseRejectionError,
-  M as WindowRuntimeError,
-  j as buildFetchError,
-  H as concatenateSerialisedErrorMessages,
-  F as convertMillisecondsToTimestamp,
-  P as convertODataTypeIdToUsageTypeId,
-  K as extractExtensionFromPath,
-  J as extractNameFromPath,
+  C as DefaultTimestamp,
+  M as EngineError,
+  w as FetchError,
+  U as OperationalError,
+  T as VueError,
+  _ as WindowPromiseRejectionError,
+  O as WindowRuntimeError,
+  B as buildFetchError,
+  j as concatenateSerialisedErrorMessages,
+  R as convertMillisecondsToTimestamp,
+  G as convertODataTypeIdToUsageTypeId,
+  J as extractExtensionFromPath,
+  P as extractNameFromPath,
   i as formatNumberAsDecimalNumber,
-  Y as formatNumberAsDuration,
-  q as formatNumberAsSize,
-  Q as formatNumberAsStorageSize,
+  Q as formatNumberAsDuration,
+  K as formatNumberAsSize,
+  q as formatNumberAsStorageSize,
   y as formatNumberAsWholeNumber,
-  ae as getComponentStatus,
-  L as getCurrentTimestamp,
-  ee as getDataFormats,
-  re as getRecordDelimiters,
-  te as getValueDelimiters,
-  Z as lookupMimeTypeForExtension,
-  W as normalizeToError,
-  k as presentationViewTypeMap,
-  z as serialiseError,
-  V as useCytoscapeJS,
-  X as useDataTable,
-  G as useHighcharts
+  te as getComponentStatus,
+  F as getCurrentTimestamp,
+  Z as getDataFormats,
+  ee as getRecordDelimiters,
+  re as getValueDelimiters,
+  Y as lookupMimeTypeForExtension,
+  H as normalizeToError,
+  L as presentationViewTypeMap,
+  V as serialiseError,
+  W as useCytoscapeJS,
+  z as useDataTable,
+  X as useHighcharts
 };

package/dist/types/src/composables/useHighcharts.d.ts

@@ -4,7 +4,7 @@ export interface HighchartsView extends PresentationView {
     chart: Chart;
 }
 export declare function useHighcharts(): {
-    renderCartesianChart: (type: PresentationVisualCartesianViewType, contentConfig: PresentationVisualContentConfig, data: number[][], element: HTMLElement, callback?: () => void) => Promise<HighchartsView>;
-    renderPolarChart: (type: PresentationVisualPolarViewType, content: PresentationVisualContentConfig, data: number[][], element: HTMLElement, callback?: () => void) => Promise<HighchartsView>;
-    renderRangeChart: (type: PresentationVisualRangeViewType, content: PresentationVisualContentConfig, data: number[][], element: HTMLElement, callback?: () => void) => Promise<HighchartsView>;
+    renderCartesianChart: (type: PresentationVisualCartesianViewType, contentConfig: PresentationVisualContentConfig, element: HTMLElement, callback?: () => void) => Promise<HighchartsView>;
+    renderPolarChart: (type: PresentationVisualPolarViewType, content: PresentationVisualContentConfig, element: HTMLElement, callback?: () => void) => Promise<HighchartsView>;
+    renderRangeChart: (type: PresentationVisualRangeViewType, content: PresentationVisualContentConfig, element: HTMLElement, callback?: () => void) => Promise<HighchartsView>;
 };

package/dist/types/src/presenter.d.ts

@@ -4,7 +4,7 @@ export interface Presenter {
     readonly config: PresenterConfig;
     readonly tools: PresenterTools;
     list(): ComponentRef[];
-    render(presentationPath: string, renderTo: HTMLElement): Promise<void>;
+    render(presentationPath: string, renderTo: HTMLElement, data?: unknown): Promise<void>;
 }
 export interface PresenterConfig extends ComponentConfig {
     presentations: ComponentRef[];
@@ -39,6 +39,7 @@ export type PresentationVisualContentConfig = {
         measures: {
             id: string;
             name: string;
+            data?: number[][];
         }[];
     };
 };

package/package.json

@@ -2,7 +2,7 @@
     "name": "@datapos/datapos-shared",
     "license": "MIT",
     "private": false,
-    "version": "0.3.94",
+    "version": "0.3.95",
     "type": "module",
     "files": [
         "dist"