@datapos/datapos-shared 0.3.93 → 0.3.94

package/dist/datapos-shared.es.js

@@ -1,4 +1,4 @@
-const E = 0, I = (e) => e, x = () => Date.now(), D = {
+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" } },
@@ -14,63 +14,63 @@ const E = 0, I = (e) => e, x = () => Date.now(), D = {
   streamgraph: { categoryId: "streamgraph", label: { "en-gb": "Streamgraph" }, options: {} },
   values: { categoryId: "values", label: { "en-gb": "Values" }, options: {} }
 };
-class m extends Error {
+class I extends Error {
   locator;
   constructor(t, a, r) {
     super(t, r), this.name = "DataPosError", this.locator = a, Error.captureStackTrace?.(this, new.target);
   }
 }
-class l extends m {
+class m extends I {
   constructor(t, a, r) {
     super(t, a, r), this.name = "ApplicationError";
   }
 }
-class T extends l {
+class O extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "APIError";
   }
 }
-class w extends l {
+class _ extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "EngineError";
   }
 }
-class u extends l {
+class D extends m {
   body;
-  constructor(t, a, r, n) {
-    super(t, a, n), this.name = "FetchError", this.body = r;
+  constructor(t, a, r, o) {
+    super(t, a, o), this.name = "FetchError", this.body = r;
   }
 }
-class p extends l {
+class v extends m {
   componentName;
   info;
-  constructor(t, a, r, n, s) {
-    super(t, a, s), this.name = "VueHandledError", this.info = r, this.componentName = n;
+  constructor(t, a, r, o, n) {
+    super(t, a, n), this.name = "VueHandledError", this.info = r, this.componentName = o;
   }
 }
-class S extends l {
+class M extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "WindowHandledRuntimeError";
   }
 }
-class v extends l {
+class U extends m {
   constructor(t, a, r) {
     super(t, a, r), this.name = "WindowHandledPromiseRejectionError";
   }
 }
-class N extends m {
+class B extends I {
   constructor(t, a, r) {
     super(t, a, r), this.name = "OperationalError";
   }
 }
-async function $(e, t, a) {
-  const r = `${t} Response status '${e.status}${e.statusText ? ` - ${e.statusText}` : ""}' received.`, n = await e.text();
-  return new u(r, a, n);
+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 A(e) {
+function H(e) {
   return e.map((t) => t.message).join(" ");
 }
-function F(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 {
@@ -79,27 +79,103 @@ function F(e, t = "Unknown error.") {
     return new Error(t);
   }
 }
-function k(e) {
+function z(e) {
   const t = /* @__PURE__ */ new Set(), a = [];
   let r = e;
   for (; r && !t.has(r); ) {
     t.add(r);
-    let n;
-    if (r instanceof u)
-      n = { body: r.body, locator: r.locator, message: r.message, name: r.name, stack: r.stack }, r = r.cause;
-    else if (r instanceof p)
-      n = { 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 m)
-      n = { 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;
-      n = { locator: "", message: s.message, name: s.name, stack: s.stack }, r = s.cause;
-    } else r ? (n = { locator: "", message: String(r), name: "Error" }, r = void 0) : (n = { locator: "", message: "Unknown error.", name: "Error" }, r = void 0);
-    /(?:\.{3}|[.!?])$/.test(n.message) || (n.message += "."), a.push(n);
+      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;
 }
-const g = "en-US", c = {}, R = (e) => {
+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 { renderCartesianChart: e, renderPolarChart: t, renderRangeChart: a };
+}
+const T = "en-US", f = {}, P = (e) => {
   switch (e) {
     case "Edm.Binary":
       return "unknown";
@@ -138,32 +214,32 @@ const g = "en-US", c = {}, R = (e) => {
     default:
       return "unknown";
   }
-}, C = (e) => {
+}, J = (e) => {
   if (e) {
     const t = e.lastIndexOf("/"), a = e.lastIndexOf(".", t > -1 ? t : e.length);
     return a > -1 ? e.substring(0, a) : e;
   }
-}, _ = (e) => {
+}, K = (e) => {
   if (e) {
     const t = e.lastIndexOf(".");
     if (t > -1) return e.substring(t + 1);
   }
-}, o = (e, t = 2, a = t, r = g) => {
+}, i = (e, t = 2, a = t, r = T) => {
   if (e == null) return "";
-  const n = `${r}decimal${t}.${a}`;
-  let s = c[n];
-  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: a,
     minimumIntegerDigits: 1,
     style: "decimal",
     useGrouping: !0
-  }), c[n] = s), s.format(e);
-}, B = (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`, O = (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 = g) => {
+  }), 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 a = `${t}decimal0.0`;
-  let r = c[a];
+  let r = f[a];
   return r || (r = new Intl.NumberFormat(t, {
     localeMatcher: "best fit",
     maximumFractionDigits: 0,
@@ -171,8 +247,8 @@ const g = "en-US", c = {}, R = (e) => {
     minimumIntegerDigits: 1,
     style: "decimal",
     useGrouping: !0
-  }), c[a] = r), r.format(e);
-}, L = (e) => {
+  }), f[a] = r), r.format(e);
+}, Z = (e) => {
   switch (e) {
     case "csv":
       return "text/csv";
@@ -186,7 +262,7 @@ const g = "en-US", c = {}, R = (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" } },
@@ -194,22 +270,22 @@ const g = "en-US", c = {}, R = (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 a of b) t.push({ ...a, label: a.label[e] || a.label[i] || a.id });
+  for (const a of A) t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, f = [
+}, N = [
   { id: `
 `, label: { "en-gb": "Newline" } },
   { id: "\r", label: { "en-gb": "Carriage Return" } },
   { id: `\r
 `, label: { "en-gb": "Carriage Return/Newline" } }
-], V = (e = i) => {
+], re = (e = d) => {
   const t = [];
-  for (const a of f)
-    t.push({ ...a, label: a.label[e] || a.label[i] || a.id });
+  for (const a of N)
+    t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, h = [
+}, $ = [
   { id: ":", label: { "en-gb": "Colon" } },
   { id: ",", label: { "en-gb": "Comma" } },
   { id: "!", label: { "en-gb": "Exclamation Mark" } },
@@ -221,12 +297,12 @@ const g = "en-US", c = {}, R = (e) => {
   { id: "_", label: { "en-gb": "Underscore" } },
   { id: "0x1F", label: { "en-gb": "Unit Separator" } },
   { id: "|", label: { "en-gb": "Vertical Bar" } }
-], W = (e = i) => {
+], te = (e = d) => {
   const t = [];
-  for (const a of h)
-    t.push({ ...a, label: a.label[e] || a.label[i] || a.id });
+  for (const a of $)
+    t.push({ ...a, label: a.label[e] || a.label[d] || a.id });
   return t;
-}, y = [
+}, C = [
   { id: "alpha", color: "red", label: { "en-gb": "alpha" } },
   { id: "beta", color: "amber", label: { "en-gb": "beta" } },
   { id: "generalAvailability", color: "green", label: { "en-gb": "" } },
@@ -236,39 +312,42 @@ const g = "en-US", c = {}, R = (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" } }
-], j = (e, t = i) => {
-  const a = y.find((r) => r.id === e);
-  return a ? { ...a, label: a.label[t] || a.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 {
-  T as APIError,
-  l as ApplicationError,
-  i as DEFAULT_LOCALE_CODE,
-  E as DefaultTimestamp,
-  w as EngineError,
-  u as FetchError,
-  N as OperationalError,
-  p as VueError,
-  v as WindowPromiseRejectionError,
-  S as WindowRuntimeError,
-  $ as buildFetchError,
-  A as concatenateSerialisedErrorMessages,
-  I as convertMillisecondsToTimestamp,
-  R as convertODataTypeIdToUsageTypeId,
-  _ as extractExtensionFromPath,
-  C as extractNameFromPath,
-  o as formatNumberAsDecimalNumber,
-  O as formatNumberAsDuration,
-  B as formatNumberAsSize,
-  M as formatNumberAsStorageSize,
-  d as formatNumberAsWholeNumber,
-  j as getComponentStatus,
-  x as getCurrentTimestamp,
-  U as getDataFormats,
-  V as getRecordDelimiters,
-  W as getValueDelimiters,
-  L as lookupMimeTypeForExtension,
-  F as normalizeToError,
-  D as presentationViewTypeMap,
-  k 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

@@ -37,6 +37,9 @@ 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/package.json

@@ -2,7 +2,7 @@
     "name": "@datapos/datapos-shared",
     "license": "MIT",
     "private": false,
-    "version": "0.3.93",
+    "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",