@datapos/datapos-shared 0.3.92 → 0.3.94

package/dist/datapos-shared.es.js

@@ -1,61 +1,76 @@
-const x = 0, w = (e) => e, D = () => Date.now();
-class u extends Error {
+const R = 0, F = (e) => e, L = () => Date.now(), k = {
+  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" } },
+  cartesian_line: { categoryId: "cartesian", typeId: "line", label: { "en-gb": "Line" }, options: { highchartsType: "line" } },
+  chordDiagram: { categoryId: "chordDiagram", label: { "en-gb": "Chord Diagram" }, options: {} },
+  polar_area: { categoryId: "polar", typeId: "area", label: { "en-gb": "Radar (Area)" }, options: { highchartsType: "area" } },
+  polar_column: { categoryId: "polar", typeId: "column", label: { "en-gb": "Radar (Column)" }, options: { highchartsType: "column" } },
+  polar_line: { categoryId: "polar", typeId: "line", label: { "en-gb": "Radar (Line)" }, options: { highchartsType: "line" } },
+  range_area: { categoryId: "range", typeId: "area", label: { "en-gb": "Range (Area)" }, options: { highchartsType: "arearange" } },
+  range_bar: { categoryId: "range", typeId: "bar", label: { "en-gb": "Range (Bar)" }, options: { highchartsType: "columnrange", inverted: !0 } },
+  range_column: { categoryId: "range", typeId: "column", label: { "en-gb": "Range (Column)" }, options: { highchartsType: "columnrange" } },
+  sankeyDiagram: { categoryId: "sankeyDiagram", label: { "en-gb": "Sankey Diagram" }, options: {} },
+  streamgraph: { categoryId: "streamgraph", label: { "en-gb": "Streamgraph" }, options: {} },
+  values: { categoryId: "values", label: { "en-gb": "Values" }, options: {} }
+};
+class I extends Error {
   locator;
-  constructor(t, n, r) {
-    super(t, r), this.name = "DataPosError", this.locator = n, Error.captureStackTrace?.(this, new.target);
+  constructor(t, a, r) {
+    super(t, r), this.name = "DataPosError", this.locator = a, Error.captureStackTrace?.(this, new.target);
   }
 }
-class l extends u {
-  constructor(t, n, r) {
-    super(t, n, r), this.name = "ApplicationError";
+class m extends I {
+  constructor(t, a, r) {
+    super(t, a, r), this.name = "ApplicationError";
   }
 }
-class N extends l {
-  constructor(t, n, r) {
-    super(t, n, r), this.name = "APIError";
+class O extends m {
+  constructor(t, a, r) {
+    super(t, a, r), this.name = "APIError";
   }
 }
-class S extends l {
-  constructor(t, n, r) {
-    super(t, n, r), this.name = "EngineError";
+class _ extends m {
+  constructor(t, a, r) {
+    super(t, a, r), this.name = "EngineError";
   }
 }
-class m extends l {
+class D extends m {
   body;
-  constructor(t, n, r, a) {
-    super(t, n, a), this.name = "FetchError", this.body = r;
+  constructor(t, a, r, o) {
+    super(t, a, o), this.name = "FetchError", this.body = r;
   }
 }
-class g extends l {
+class v extends m {
   componentName;
   info;
-  constructor(t, n, r, a, s) {
-    super(t, n, s), this.name = "VueHandledError", this.info = r, this.componentName = a;
+  constructor(t, a, r, o, n) {
+    super(t, a, n), this.name = "VueHandledError", this.info = r, this.componentName = o;
   }
 }
-class y extends l {
-  constructor(t, n, r) {
-    super(t, n, r), this.name = "WindowHandledRuntimeError";
+class M extends m {
+  constructor(t, a, r) {
+    super(t, a, r), this.name = "WindowHandledRuntimeError";
   }
 }
-class $ extends l {
-  constructor(t, n, r) {
-    super(t, n, r), this.name = "WindowHandledPromiseRejectionError";
+class U extends m {
+  constructor(t, a, r) {
+    super(t, a, r), this.name = "WindowHandledPromiseRejectionError";
   }
 }
-class v extends u {
-  constructor(t, n, r) {
-    super(t, n, r), this.name = "OperationalError";
+class B extends I {
+  constructor(t, a, r) {
+    super(t, a, r), this.name = "OperationalError";
   }
 }
-async function T(e, t, n) {
-  const r = `${t} Response status '${e.status}${e.statusText ? ` - ${e.statusText}` : ""}' received.`, a = await e.text();
-  return new m(r, n, a);
+async function j(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);
 }
-function F(e) {
+function H(e) {
   return e.map((t) => t.message).join(" ");
 }
-function I(e, t = "Unknown error.") {
+function W(e, t = "Unknown error.") {
   if (e instanceof Error) return e;
   if (typeof e == "string") return new Error(e);
   try {
@@ -64,27 +79,103 @@ function I(e, t = "Unknown error.") {
     return new Error(t);
   }
 }
-function A(e) {
-  const t = /* @__PURE__ */ new Set(), n = [];
+function z(e) {
+  const t = /* @__PURE__ */ new Set(), a = [];
   let r = e;
   for (; r && !t.has(r); ) {
     t.add(r);
-    let a;
-    if (r instanceof m)
-      a = { body: r.body, locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
-    else if (r instanceof g)
-      a = { 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 u)
-      a = { locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
+    let o;
+    if (r instanceof D)
+      o = { body: r.body, locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
+    else if (r instanceof v)
+      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)
+      o = { locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
     else if (r instanceof Error) {
-      const s = r;
-      a = { locator: "", message: s.message, name: s.name, stack: s.stack }, r = s.cause;
-    } else r ? (a = { locator: "", message: String(r), name: "Error" }, r = void 0) : (a = { locator: "", message: "Unknown error.", name: "Error" }, r = void 0);
-    /(?:\.{3}|[.!?])$/.test(a.message) || (a.message += "."), n.push(a);
+      const n = r;
+      o = { locator: "", message: n.message, name: n.name, stack: n.stack }, r = n.cause;
+    } else r ? (o = { locator: "", message: String(r), name: "Error" }, r = void 0) : (o = { locator: "", message: "Unknown error.", name: "Error" }, r = void 0);
+    /(?:\.{3}|[.!?])$/.test(o.message) || (o.message += "."), a.push(o);
+  }
+  return a;
+}
+function V() {
+  function e(t, a, r) {
+    r.textContent = "Cytoscape.js diagram goes here...";
+  }
+  return { render: e };
+}
+function X() {
+  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) {
+    await r();
+    const l = [];
+    for (const E of s.data.measures)
+      l.push({ type: n.options.highchartsType, name: E.name, data: u });
+    const h = {
+      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 };
+  }
+  async function t(n, s, u, g, p) {
+    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 = {
+      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 };
+  }
+  async function a(n, s, u, g, p) {
+    await Promise.all([r(), o()]);
+    const l = [];
+    l.push({ type: n.options.highchartsType, name: "Unknown", data: u });
+    const h = {
+      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 };
+  }
+  async function r() {
+    if (b) return;
+    const n = "https://cdn.jsdelivr.net/npm/highcharts@11.4.3/es-modules/masters/", s = `${n}highcharts.src.js`, u = `${n}modules/accessibility.src.js`;
+    b = (await import(
+      /* @vite-ignore */
+      s
+    )).default, await import(
+      /* @vite-ignore */
+      u
+    );
+  }
+  async function o() {
+    if (w) return;
+    await import(`${S}highcharts-more.src.js`), w = !0;
   }
-  return n;
+  return { renderCartesianChart: e, renderPolarChart: t, renderRangeChart: a };
 }
-const f = "en-US", c = {}, k = (e) => {
+const T = "en-US", f = {}, P = (e) => {
   switch (e) {
     case "Edm.Binary":
       return "unknown";
@@ -123,32 +214,32 @@ const f = "en-US", c = {}, k = (e) => {
     default:
       return "unknown";
   }
-}, O = (e) => {
+}, J = (e) => {
   if (e) {
-    const t = e.lastIndexOf("/"), n = e.lastIndexOf(".", t > -1 ? t : e.length);
-    return n > -1 ? e.substring(0, n) : e;
+    const t = e.lastIndexOf("/"), a = e.lastIndexOf(".", t > -1 ? t : e.length);
+    return a > -1 ? e.substring(0, a) : e;
   }
-}, B = (e) => {
+}, K = (e) => {
   if (e) {
     const t = e.lastIndexOf(".");
     if (t > -1) return e.substring(t + 1);
   }
-}, o = (e, t = 2, n = t, r = f) => {
+}, i = (e, t = 2, a = t, r = T) => {
   if (e == null) return "";
-  const a = `${r}decimal${t}.${n}`;
-  let s = c[a];
-  return s || (s = new Intl.NumberFormat(r, {
+  const o = `${r}decimal${t}.${a}`;
+  let n = f[o];
+  return n || (n = new Intl.NumberFormat(r, {
     localeMatcher: "best fit",
     maximumFractionDigits: t,
-    minimumFractionDigits: n,
+    minimumFractionDigits: a,
     minimumIntegerDigits: 1,
     style: "decimal",
     useGrouping: !0
-  }), c[a] = s), s.format(e);
-}, C = (e) => e == null ? "" : e < 1e3 ? d(e) : e < 1e6 ? `${o(e / 1e3, 2, 0)}K` : e < 1e9 ? `${o(e / 1e6, 2, 0)}M` : e < 1e12 ? `${o(e / 1e9, 2, 0)}B` : `${o(e / 1e12, 2, 0)}T`, M = (e) => e == null ? "" : e === 1 ? "1 byte" : e < 1024 ? `${d(e)} bytes` : e < 1048576 ? `${o(e / 1024, 2, 0)} KB` : e < 1073741824 ? `${o(e / 1048576, 2, 0)} MB` : e < 1099511627776 ? `${o(e / 1073741824, 2, 0)} GB` : `${o(e / 1099511627776, 2, 0)} TB`, R = (e) => e == null ? "" : e < 1e3 ? `${d(e)} ms` : e === 1e3 ? `${d(e)} sec` : e < 6e4 ? `${o(e / 1e3, 2, 0)} secs` : e === 6e4 ? "1 min" : e < 36e5 ? `${o(e / 6e4, 2, 0)} mins` : e === 36e5 ? "1 hr" : e < 864e5 ? `${o(e / 36e5, 2, 0)} hrs` : e === 864e5 ? "1 day" : `${o(e / 864e5, 2, 0)} days`, d = (e, t = f) => {
+  }), 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) => {
   if (e == null) return "";
-  const n = `${t}decimal0.0`;
-  let r = c[n];
+  const a = `${t}decimal0.0`;
+  let r = f[a];
   return r || (r = new Intl.NumberFormat(t, {
     localeMatcher: "best fit",
     maximumFractionDigits: 0,
@@ -156,8 +247,8 @@ const f = "en-US", c = {}, k = (e) => {
     minimumIntegerDigits: 1,
     style: "decimal",
     useGrouping: !0
-  }), c[n] = r), r.format(e);
-}, L = (e) => {
+  }), f[a] = r), r.format(e);
+}, Z = (e) => {
   switch (e) {
     case "csv":
       return "text/csv";
@@ -171,7 +262,7 @@ const f = "en-US", c = {}, k = (e) => {
     default:
       return "application/octet-stream";
   }
-}, b = [
+}, A = [
   { id: "dtv", label: { "en-gb": "Delimited Text" } },
   { id: "e/e", label: { "en-gb": "Entity/Event" } },
   { id: "jsonArray", label: { "en-gb": "JSON Array" } },
@@ -179,22 +270,22 @@ const f = "en-US", c = {}, k = (e) => {
   { id: "xls", label: { "en-gb": "XLS" } },
   { id: "xlsx", label: { "en-gb": "XLSX" } },
   { id: "xml", label: { "en-gb": "XML" } }
-], U = (e = i) => {
+], ee = (e = d) => {
   const t = [];
-  for (const n of b) t.push({ ...n, label: n.label[e] || n.label[i] || n.id });
+  for (const a of A) t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, p = [
+}, N = [
   { id: `
 `, label: { "en-gb": "Newline" } },
   { id: "\r", label: { "en-gb": "Carriage Return" } },
   { id: `\r
 `, label: { "en-gb": "Carriage Return/Newline" } }
-], W = (e = i) => {
+], re = (e = d) => {
   const t = [];
-  for (const n of p)
-    t.push({ ...n, label: n.label[e] || n.label[i] || n.id });
+  for (const a of N)
+    t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, E = [
+}, $ = [
   { id: ":", label: { "en-gb": "Colon" } },
   { id: ",", label: { "en-gb": "Comma" } },
   { id: "!", label: { "en-gb": "Exclamation Mark" } },
@@ -206,12 +297,12 @@ const f = "en-US", c = {}, k = (e) => {
   { id: "_", label: { "en-gb": "Underscore" } },
   { id: "0x1F", label: { "en-gb": "Unit Separator" } },
   { id: "|", label: { "en-gb": "Vertical Bar" } }
-], j = (e = i) => {
+], te = (e = d) => {
   const t = [];
-  for (const n of E)
-    t.push({ ...n, label: n.label[e] || n.label[i] || n.id });
+  for (const a of $)
+    t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, h = [
+}, C = [
   { id: "alpha", color: "red", label: { "en-gb": "alpha" } },
   { id: "beta", color: "amber", label: { "en-gb": "beta" } },
   { id: "generalAvailability", color: "green", label: { "en-gb": "" } },
@@ -221,38 +312,42 @@ const f = "en-US", c = {}, k = (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" } }
-], G = (e, t = i) => {
-  const n = h.find((r) => r.id === e);
-  return n ? { ...n, label: n.label[t] || n.label[i] || e } : { id: e, color: "other", label: e };
-}, i = "en-gb";
+], ae = (e, t = d) => {
+  const a = C.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 {
-  N as APIError,
-  l as ApplicationError,
-  i as DEFAULT_LOCALE_CODE,
-  x as DefaultTimestamp,
-  S as EngineError,
-  m as FetchError,
-  v as OperationalError,
-  g as VueError,
-  $ as WindowPromiseRejectionError,
-  y as WindowRuntimeError,
-  T as buildFetchError,
-  F as concatenateSerialisedErrorMessages,
-  w as convertMillisecondsToTimestamp,
-  k as convertODataTypeIdToUsageTypeId,
-  B as extractExtensionFromPath,
-  O as extractNameFromPath,
-  o as formatNumberAsDecimalNumber,
-  R as formatNumberAsDuration,
-  C as formatNumberAsSize,
-  M as formatNumberAsStorageSize,
-  d as formatNumberAsWholeNumber,
-  G as getComponentStatus,
-  D as getCurrentTimestamp,
-  U as getDataFormats,
-  W as getRecordDelimiters,
-  j as getValueDelimiters,
-  L as lookupMimeTypeForExtension,
-  I as normalizeToError,
-  A as serialiseError
+  O 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,
+  i as formatNumberAsDecimalNumber,
+  Y as formatNumberAsDuration,
+  q 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
 };

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

@@ -0,0 +1,7 @@
+import { PresentationView, PresentationVisualContentConfig } from '../index';
+export interface CytoscapeJSView extends PresentationView {
+    diagram: unknown;
+}
+export declare function useCytoscapeJS(): {
+    render: (viewType: unknown, contentConfig: PresentationVisualContentConfig, element: HTMLElement) => void;
+};

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

@@ -0,0 +1,4 @@
+import { PresentationVisualContentConfig, PresentationVisualValuesViewType } from '../index';
+export declare function useDataTable(): {
+    render: (viewType: PresentationVisualValuesViewType, contentConfig: PresentationVisualContentConfig, element: HTMLElement) => void;
+};

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

@@ -0,0 +1,10 @@
+import { Chart } from 'highcharts';
+import { PresentationView, PresentationVisualCartesianViewType, PresentationVisualContentConfig, PresentationVisualPolarViewType, PresentationVisualRangeViewType } from '../index';
+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>;
+};

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

@@ -3,6 +3,7 @@ export type LocalisedString = Record<LocaleCode, string>;
 export type StatusColorId = 'amber' | 'green' | 'red' | 'other';
 export declare const DEFAULT_LOCALE_CODE: LocaleCode;
 export { DefaultTimestamp } from './timestamp';
+export { presentationViewTypeMap } from './presenter';
 export type { ComponentConfig, ComponentRef, ComponentStatus, ComponentStatusId, ComponentTypeId } from './component';
 export type { AuditContentResult, AuditContentSettings } from './connector';
 export type { Connector, ConnectorCallbackData, ConnectorConfig, ConnectorImplementation, ConnectorOperationSettings, ConnectorLocalisedConfig, ConnectorTools } from './connector';
@@ -28,12 +29,17 @@ export type { SerialisedError } from './errors';
 export type { EventQueryConfig, EventQueryLocalisedConfig } from './eventQuery';
 export type { Presenter, PresenterConfig, PresenterLocalisedConfig, PresenterTools } from './presenter';
 export type { PresentationConfig, PresentationView } from './presenter';
+export type { PresentationVisualConfig, PresentationVisualContentConfig, PresentationVisualViewConfig, PresentationVisualCartesianViewConfig, PresentationVisualChordDiagramViewConfig, PresentationVisualPolarViewConfig, PresentationVisualRangeViewConfig, PresentationVisualSankeyDiagramViewConfig, PresentationVisualStreamgraphViewConfig, PresentationVisualValuesViewConfig } from './presenter';
+export type { PresentationVisualViewType, PresentationVisualCartesianViewType, PresentationVisualChordViewType, PresentationVisualPolarViewType, PresentationVisualRangeViewType, PresentationVisualSankeyDiagramViewType, PresentationVisualStreamgraphViewType, PresentationVisualValuesViewType } from './presenter';
 export type { Recipe, RecipeConfig, RecipeLocalisedConfig } from './recipe';
 export type { ServiceData } from './service';
 export type { StateConfig } from './state';
 export type { Timestamp } from './timestamp';
 export type { TutorialConfig } from './tutorial';
 export { APIError, ApplicationError, EngineError, FetchError, OperationalError, VueError, WindowRuntimeError, WindowPromiseRejectionError } from './errors';
+export { type CytoscapeJSView, useCytoscapeJS } from './composables/useCytoscapeJS';
+export { useDataTable } from './composables/useDataTable';
+export { type HighchartsView, useHighcharts } from './composables/useHighcharts';
 export { buildFetchError, concatenateSerialisedErrorMessages, normalizeToError, serialiseError } from './errors';
 export { convertMillisecondsToTimestamp, getCurrentTimestamp } from './timestamp';
 export { convertODataTypeIdToUsageTypeId } from './utilities';

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

@@ -25,3 +25,97 @@ export interface PresentationView {
     resize: () => void;
     vendorId: string;
 }
+export type PresentationVisualConfig = {
+    content: PresentationVisualContentConfig;
+    views: PresentationVisualViewConfig[];
+};
+export type PresentationVisualContentConfig = {
+    title: {
+        text: string;
+    };
+    data: {
+        name: string;
+        categoryLabels: string[];
+        measures: {
+            id: string;
+            name: string;
+        }[];
+    };
+};
+export interface PresentationVisualViewConfig {
+    categoryId: 'cartesian' | 'chordDiagram' | 'polar' | 'range' | 'sankeyDiagram' | 'streamgraph' | 'values';
+    default?: boolean;
+}
+export interface PresentationVisualCartesianViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'cartesian';
+    typeId: 'area' | 'bar' | 'column' | 'line';
+}
+export interface PresentationVisualChordDiagramViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'chordDiagram';
+}
+export interface PresentationVisualPolarViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'polar';
+    typeId: 'area' | 'column' | 'line';
+}
+export interface PresentationVisualRangeViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'range';
+    typeId: 'area' | 'bar' | 'column';
+}
+export interface PresentationVisualSankeyDiagramViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'sankeyDiagram';
+}
+export interface PresentationVisualStreamgraphViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'streamgraph';
+}
+export interface PresentationVisualValuesViewConfig extends PresentationVisualViewConfig {
+    categoryId: 'values';
+}
+export type PresentationVisualViewType = PresentationVisualCartesianViewType | PresentationVisualChordViewType | PresentationVisualPolarViewType | PresentationVisualRangeViewType | PresentationVisualSankeyDiagramViewType | PresentationVisualStreamgraphViewType | PresentationVisualValuesViewType;
+export type PresentationVisualCartesianViewType = {
+    categoryId: 'cartesian';
+    typeId: 'area' | 'bar' | 'column' | 'line';
+    label: Record<string, string>;
+    options: {
+        highchartsType: 'area' | 'bar' | 'column' | 'line';
+        inverted?: boolean;
+    };
+};
+export type PresentationVisualChordViewType = {
+    categoryId: 'chordDiagram';
+    label: Record<string, string>;
+    options: {};
+};
+export type PresentationVisualPolarViewType = {
+    categoryId: 'polar';
+    typeId: 'area' | 'column' | 'line';
+    label: Record<string, string>;
+    options: {
+        highchartsType: 'area' | 'column' | 'line';
+        inverted?: boolean;
+    };
+};
+export type PresentationVisualRangeViewType = {
+    categoryId: 'range';
+    typeId: 'area' | 'bar' | 'column';
+    label: Record<string, string>;
+    options: {
+        highchartsType: 'arearange' | 'columnrange';
+        inverted?: boolean;
+    };
+};
+export type PresentationVisualSankeyDiagramViewType = {
+    categoryId: 'sankeyDiagram';
+    label: Record<string, string>;
+    options: {};
+};
+export type PresentationVisualStreamgraphViewType = {
+    categoryId: 'streamgraph';
+    label: Record<string, string>;
+    options: {};
+};
+export type PresentationVisualValuesViewType = {
+    categoryId: 'values';
+    label: Record<string, string>;
+    options: {};
+};
+export declare const presentationViewTypeMap: Record<string, PresentationVisualViewType>;

package/package.json

@@ -2,7 +2,7 @@
     "name": "@datapos/datapos-shared",
     "license": "MIT",
     "private": false,
-    "version": "0.3.92",
+    "version": "0.3.94",
     "type": "module",
     "files": [
         "dist"
@@ -25,6 +25,7 @@
         "date-fns": "^4.1.0",
         "eslint": "^9.38.0",
         "eslint-plugin-import": "^2.32.0",
+        "highcharts": "^12.4.0",
         "jiti": "^2.6.1",
         "license-report": "^6.8.1",
         "license-report-check": "^0.1.2",