drizzle-cube 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +24 -2
  2. package/dist/adapters/hono/index.d.ts +5 -1
  3. package/dist/adapters/hono/index.js +187 -93
  4. package/dist/client/client/CubeClient.d.ts +14 -0
  5. package/dist/client/components/AnalyticsDashboard.d.ts +2 -0
  6. package/dist/client/components/AnalyticsPage.d.ts +1 -0
  7. package/dist/client/components/AnalyticsPortlet.d.ts +6 -0
  8. package/dist/client/components/ChartConfigEditor.d.ts +8 -0
  9. package/dist/client/components/ChartErrorBoundary.d.ts +21 -0
  10. package/dist/client/components/DashboardEditModal.d.ts +14 -0
  11. package/dist/client/components/DashboardGrid.d.ts +11 -0
  12. package/dist/client/components/Modal.d.ts +15 -0
  13. package/dist/client/components/PortletContainer.d.ts +10 -0
  14. package/dist/client/components/PortletEditModal.d.ts +12 -0
  15. package/dist/client/components/charts/AreaChart.d.ts +2 -0
  16. package/dist/client/components/charts/BarChart.d.ts +2 -0
  17. package/dist/client/components/charts/ChartContainer.d.ts +7 -0
  18. package/dist/client/components/charts/ChartLegend.d.ts +7 -0
  19. package/dist/client/components/charts/ChartTooltip.d.ts +7 -0
  20. package/dist/client/components/charts/DataTable.d.ts +2 -0
  21. package/dist/client/components/charts/LineChart.d.ts +2 -0
  22. package/dist/client/components/charts/PieChart.d.ts +2 -0
  23. package/dist/client/components/charts/RadarChart.d.ts +2 -0
  24. package/dist/client/components/charts/RadialBarChart.d.ts +2 -0
  25. package/dist/client/components/charts/ScatterChart.d.ts +2 -0
  26. package/dist/client/components/charts/TreeMapChart.d.ts +2 -0
  27. package/dist/client/components/charts/index.d.ts +13 -0
  28. package/dist/client/hooks/useCubeQuery.d.ts +8 -0
  29. package/dist/client/index.d.ts +14 -0
  30. package/dist/client/index.js +23813 -4
  31. package/dist/client/providers/CubeProvider.d.ts +15 -0
  32. package/dist/client/styles.css +1 -0
  33. package/dist/client/types.d.ts +111 -0
  34. package/dist/client/utils/chartConstants.d.ts +15 -0
  35. package/dist/client/utils/chartUtils.d.ts +9 -0
  36. package/dist/client/utils/index.d.ts +87 -0
  37. package/dist/server/index.d.ts +74 -1155
  38. package/dist/server/index.js +1036 -2842
  39. package/package.json +10 -3
package/README.md CHANGED
@@ -4,6 +4,8 @@
4
4
 
5
5
  Transform your Drizzle schema into a powerful, type-safe analytics platform with SQL injection protection and full TypeScript support.
6
6
 
7
+ 📖 **[Documentation](https://www.drizzle-cube.dev/)** • 🚀 **[Try the Sandbox](https://try.drizzle-cube.dev/)**
8
+
7
9
  > **⚠️ DEVELOPMENT WARNING**
8
10
  > **This project is under active development and is not yet fully functional. I will update here when we reach an alpha/working version!**
9
11
  > Feel free to star ⭐ the repo to stay updated on progress.
@@ -318,11 +320,31 @@ Supports all Cube.js filter operators with Drizzle safety:
318
320
 
319
321
  ## Documentation
320
322
 
321
- Coming soon! 📚
323
+ 📚 **[Full Documentation](https://drizzle-cube.dev/help)** - Complete guides and API reference
324
+
325
+ ### Quick Links
326
+ - [Getting Started](https://drizzle-cube.dev/help/getting-started) - Installation and first steps
327
+ - [Core Concepts](https://drizzle-cube.dev/help/getting-started/concepts) - Cubes, dimensions, and measures
328
+ - [Semantic Layer](https://drizzle-cube.dev/help/semantic-layer) - Advanced semantic layer features
329
+ - [React Client](https://drizzle-cube.dev/help/client) - Dashboard and chart components
330
+ - [Hono Adapter](https://drizzle-cube.dev/help/adapters/hono) - Web framework integration
331
+ - [Security](https://drizzle-cube.dev/help/semantic-layer/security) - Multi-tenant security patterns
332
+
333
+ ### Local Development
334
+ ```bash
335
+ # Run documentation site locally
336
+ npm run dev:help
337
+
338
+ # Build documentation site
339
+ npm run build:help
340
+ ```
322
341
 
323
342
  ## Examples
324
343
 
325
- Coming soon! Check the test files for usage patterns in the meantime.
344
+ 🚀 **[Live Examples](https://github.com/cliftonc/drizzle-cube/tree/main/examples)**
345
+
346
+ - **[Basic Example](https://github.com/cliftonc/drizzle-cube/tree/main/examples/basic)** - Simple semantic layer setup
347
+ - **[Hono Example](https://github.com/cliftonc/drizzle-cube/tree/main/examples/hono)** - Full-featured dashboard with Cloudflare Workers
326
348
 
327
349
  ## Contributing
328
350
 
@@ -1,5 +1,8 @@
1
1
  import { Hono } from 'hono';
2
2
  import { SemanticLayerCompiler, SemanticQuery, SecurityContext, DatabaseExecutor, DrizzleDatabase } from '../../server';
3
+ import { PostgresJsDatabase } from 'drizzle-orm/postgres-js';
4
+ import { MySql2Database } from 'drizzle-orm/mysql2';
5
+ import { BetterSQLite3Database } from 'drizzle-orm/better-sqlite3';
3
6
  export interface HonoAdapterOptions<TSchema extends Record<string, any> = Record<string, any>> {
4
7
  /**
5
8
  * The semantic layer instance to use
@@ -8,8 +11,9 @@ export interface HonoAdapterOptions<TSchema extends Record<string, any> = Record
8
11
  /**
9
12
  * Drizzle database instance (REQUIRED)
10
13
  * This is the core of drizzle-cube - Drizzle ORM integration
14
+ * Accepts PostgreSQL, MySQL, or SQLite database instances
11
15
  */
12
- drizzle: DrizzleDatabase<TSchema>;
16
+ drizzle: PostgresJsDatabase<TSchema> | MySql2Database<TSchema> | BetterSQLite3Database<TSchema> | DrizzleDatabase<TSchema>;
13
17
  /**
14
18
  * Database schema for type inference (RECOMMENDED)
15
19
  * Provides full type safety for cube definitions
@@ -1,35 +1,35 @@
1
- import { Hono as w } from "hono";
2
- var j = (f) => {
3
- const u = {
1
+ import { Hono as v } from "hono";
2
+ var A = (y) => {
3
+ const c = {
4
4
  ...{
5
5
  origin: "*",
6
6
  allowMethods: ["GET", "HEAD", "PUT", "POST", "DELETE", "PATCH"],
7
7
  allowHeaders: [],
8
8
  exposeHeaders: []
9
9
  },
10
- ...f
11
- }, q = /* @__PURE__ */ ((a) => typeof a == "string" ? a === "*" ? () => a : (t) => a === t ? t : null : typeof a == "function" ? a : (t) => a.includes(t) ? t : null)(u.origin), m = ((a) => typeof a == "function" ? a : Array.isArray(a) ? () => a : () => [])(u.allowMethods);
12
- return async function(t, d) {
13
- var i;
14
- function e(r, n) {
15
- t.res.headers.set(r, n);
10
+ ...y
11
+ }, q = /* @__PURE__ */ ((u) => typeof u == "string" ? u === "*" ? () => u : (n) => u === n ? n : null : typeof u == "function" ? u : (n) => u.includes(n) ? n : null)(c.origin), g = ((u) => typeof u == "function" ? u : Array.isArray(u) ? () => u : () => [])(c.allowMethods);
12
+ return async function(n, d) {
13
+ var e;
14
+ function f(r, s) {
15
+ n.res.headers.set(r, s);
16
16
  }
17
- const o = q(t.req.header("origin") || "", t);
18
- if (o && e("Access-Control-Allow-Origin", o), u.origin !== "*") {
19
- const r = t.req.header("Vary");
20
- r ? e("Vary", r) : e("Vary", "Origin");
17
+ const w = q(n.req.header("origin") || "", n);
18
+ if (w && f("Access-Control-Allow-Origin", w), c.origin !== "*") {
19
+ const r = n.req.header("Vary");
20
+ r ? f("Vary", r) : f("Vary", "Origin");
21
21
  }
22
- if (u.credentials && e("Access-Control-Allow-Credentials", "true"), (i = u.exposeHeaders) != null && i.length && e("Access-Control-Expose-Headers", u.exposeHeaders.join(",")), t.req.method === "OPTIONS") {
23
- u.maxAge != null && e("Access-Control-Max-Age", u.maxAge.toString());
24
- const r = m(t.req.header("origin") || "", t);
25
- r.length && e("Access-Control-Allow-Methods", r.join(","));
26
- let n = u.allowHeaders;
27
- if (!(n != null && n.length)) {
28
- const s = t.req.header("Access-Control-Request-Headers");
29
- s && (n = s.split(/\s*,\s*/));
22
+ if (c.credentials && f("Access-Control-Allow-Credentials", "true"), (e = c.exposeHeaders) != null && e.length && f("Access-Control-Expose-Headers", c.exposeHeaders.join(",")), n.req.method === "OPTIONS") {
23
+ c.maxAge != null && f("Access-Control-Max-Age", c.maxAge.toString());
24
+ const r = g(n.req.header("origin") || "", n);
25
+ r.length && f("Access-Control-Allow-Methods", r.join(","));
26
+ let s = c.allowHeaders;
27
+ if (!(s != null && s.length)) {
28
+ const t = n.req.header("Access-Control-Request-Headers");
29
+ t && (s = t.split(/\s*,\s*/));
30
30
  }
31
- return n != null && n.length && (e("Access-Control-Allow-Headers", n.join(",")), t.res.headers.append("Vary", "Access-Control-Request-Headers")), t.res.headers.delete("Content-Length"), t.res.headers.delete("Content-Type"), new Response(null, {
32
- headers: t.res.headers,
31
+ return s != null && s.length && (f("Access-Control-Allow-Headers", s.join(",")), n.res.headers.append("Vary", "Access-Control-Request-Headers")), n.res.headers.delete("Content-Length"), n.res.headers.delete("Content-Type"), new Response(null, {
32
+ headers: n.res.headers,
33
33
  status: 204,
34
34
  statusText: "No Content"
35
35
  });
@@ -37,28 +37,27 @@ var j = (f) => {
37
37
  await d();
38
38
  };
39
39
  };
40
- function C(f) {
40
+ function E(y) {
41
41
  const {
42
- semanticLayer: l,
43
- drizzle: u,
42
+ semanticLayer: a,
43
+ drizzle: c,
44
44
  schema: q,
45
- getSecurityContext: m,
46
- cors: a,
47
- basePath: t = "/cubejs-api/v1"
48
- } = f, d = new w();
49
- return a && d.use("/*", j(a)), l.hasExecutor() || l.setDrizzle(u, q), d.post(`${t}/load`, async (e) => {
50
- var o, i;
45
+ getSecurityContext: g,
46
+ cors: u,
47
+ basePath: n = "/cubejs-api/v1"
48
+ } = y, d = new v();
49
+ u && d.use("/*", A(u)), a.hasExecutor() || a.setDrizzle(c, q), d.post(`${n}/load`, async (e) => {
51
50
  try {
52
- const r = await e.req.json(), n = await m(e);
53
- if (!((o = r.measures) != null && o.length) && !((i = r.dimensions) != null && i.length))
51
+ const r = await e.req.json(), s = r.query || r, t = await g(e), o = a.validateQuery(s);
52
+ if (!o.isValid)
54
53
  return e.json({
55
- error: "Query must specify at least one measure or dimension"
54
+ error: `Query validation failed: ${o.errors.join(", ")}`
56
55
  }, 400);
57
- const s = await l.executeMultiCubeQuery(r, n);
56
+ const i = await a.executeMultiCubeQuery(s, t);
58
57
  return e.json({
59
- data: s.data,
60
- annotation: s.annotation,
61
- query: r,
58
+ data: i.data,
59
+ annotation: i.annotation,
60
+ query: s,
62
61
  slowQuery: !1
63
62
  });
64
63
  } catch (r) {
@@ -66,24 +65,23 @@ function C(f) {
66
65
  error: r instanceof Error ? r.message : "Query execution failed"
67
66
  }, 500);
68
67
  }
69
- }), d.get(`${t}/load`, async (e) => {
70
- var o, i;
68
+ }), d.get(`${n}/load`, async (e) => {
71
69
  try {
72
70
  const r = e.req.query("query");
73
71
  if (!r)
74
72
  return e.json({
75
73
  error: "Query parameter is required"
76
74
  }, 400);
77
- const n = JSON.parse(r), s = await m(e);
78
- if (!((o = n.measures) != null && o.length) && !((i = n.dimensions) != null && i.length))
75
+ const s = JSON.parse(r), t = await g(e), o = a.validateQuery(s);
76
+ if (!o.isValid)
79
77
  return e.json({
80
- error: "Query must specify at least one measure or dimension"
78
+ error: `Query validation failed: ${o.errors.join(", ")}`
81
79
  }, 400);
82
- const c = await l.executeMultiCubeQuery(n, s);
80
+ const i = await a.executeMultiCubeQuery(s, t);
83
81
  return e.json({
84
- data: c.data,
85
- annotation: c.annotation,
86
- query: n,
82
+ data: i.data,
83
+ annotation: i.annotation,
84
+ query: s,
87
85
  slowQuery: !1
88
86
  });
89
87
  } catch (r) {
@@ -91,82 +89,178 @@ function C(f) {
91
89
  error: r instanceof Error ? r.message : "Query execution failed"
92
90
  }, 500);
93
91
  }
94
- }), d.get(`${t}/meta`, async (e) => {
92
+ }), d.get(`${n}/meta`, async (e) => {
95
93
  try {
96
- const o = l.getMetadata();
94
+ const r = a.getMetadata();
97
95
  return e.json({
98
- cubes: o
96
+ cubes: r
99
97
  });
100
- } catch (o) {
101
- return console.error("Metadata error:", o), e.json({
102
- error: o instanceof Error ? o.message : "Failed to fetch metadata"
98
+ } catch (r) {
99
+ return console.error("Metadata error:", r), e.json({
100
+ error: r instanceof Error ? r.message : "Failed to fetch metadata"
103
101
  }, 500);
104
102
  }
105
- }), d.post(`${t}/sql`, async (e) => {
106
- var o, i, r, n;
103
+ }), d.post(`${n}/sql`, async (e) => {
104
+ var r, s;
107
105
  try {
108
- const s = await e.req.json(), c = await m(e);
109
- if (!((o = s.measures) != null && o.length) && !((i = s.dimensions) != null && i.length))
106
+ const t = await e.req.json(), o = await g(e), i = a.validateQuery(t);
107
+ if (!i.isValid)
110
108
  return e.json({
111
- error: "Query must specify at least one measure or dimension"
109
+ error: `Query validation failed: ${i.errors.join(", ")}`
112
110
  }, 400);
113
- const y = ((r = s.measures) == null ? void 0 : r[0]) || ((n = s.dimensions) == null ? void 0 : n[0]);
114
- if (!y)
111
+ const p = ((r = t.measures) == null ? void 0 : r[0]) || ((s = t.dimensions) == null ? void 0 : s[0]);
112
+ if (!p)
115
113
  return e.json({
116
114
  error: "No measures or dimensions specified"
117
115
  }, 400);
118
- const g = y.split(".")[0], h = await l.generateSQL(g, s, c);
116
+ const h = p.split(".")[0], j = await a.generateSQL(h, t, o);
119
117
  return e.json({
120
- sql: h.sql,
121
- params: h.params || [],
122
- query: s
118
+ sql: j.sql,
119
+ params: j.params || [],
120
+ query: t
123
121
  });
124
- } catch (s) {
125
- return console.error("SQL generation error:", s), e.json({
126
- error: s instanceof Error ? s.message : "SQL generation failed"
122
+ } catch (t) {
123
+ return console.error("SQL generation error:", t), e.json({
124
+ error: t instanceof Error ? t.message : "SQL generation failed"
127
125
  }, 500);
128
126
  }
129
- }), d.get(`${t}/sql`, async (e) => {
130
- var o, i, r, n;
127
+ }), d.get(`${n}/sql`, async (e) => {
128
+ var r, s;
131
129
  try {
132
- const s = e.req.query("query");
133
- if (!s)
130
+ const t = e.req.query("query");
131
+ if (!t)
134
132
  return e.json({
135
133
  error: "Query parameter is required"
136
134
  }, 400);
137
- const c = JSON.parse(s), y = await m(e);
138
- if (!((o = c.measures) != null && o.length) && !((i = c.dimensions) != null && i.length))
135
+ const o = JSON.parse(t), i = await g(e), p = a.validateQuery(o);
136
+ if (!p.isValid)
139
137
  return e.json({
140
- error: "Query must specify at least one measure or dimension"
138
+ error: `Query validation failed: ${p.errors.join(", ")}`
141
139
  }, 400);
142
- const g = ((r = c.measures) == null ? void 0 : r[0]) || ((n = c.dimensions) == null ? void 0 : n[0]);
143
- if (!g)
140
+ const h = ((r = o.measures) == null ? void 0 : r[0]) || ((s = o.dimensions) == null ? void 0 : s[0]);
141
+ if (!h)
144
142
  return e.json({
145
143
  error: "No measures or dimensions specified"
146
144
  }, 400);
147
- const h = g.split(".")[0], p = await l.generateSQL(h, c, y);
145
+ const j = h.split(".")[0], Q = await a.generateSQL(j, o, i);
148
146
  return e.json({
149
- sql: p.sql,
150
- params: p.params || [],
151
- query: c
147
+ sql: Q.sql,
148
+ params: Q.params || [],
149
+ query: o
152
150
  });
153
- } catch (s) {
154
- return console.error("SQL generation error:", s), e.json({
155
- error: s instanceof Error ? s.message : "SQL generation failed"
151
+ } catch (t) {
152
+ return console.error("SQL generation error:", t), e.json({
153
+ error: t instanceof Error ? t.message : "SQL generation failed"
156
154
  }, 500);
157
155
  }
156
+ });
157
+ function f(e) {
158
+ var s, t, o, i;
159
+ let r = 0;
160
+ return r += (((s = e.measures) == null ? void 0 : s.length) || 0) * 1, r += (((t = e.dimensions) == null ? void 0 : t.length) || 0) * 1, r += (((o = e.filters) == null ? void 0 : o.length) || 0) * 2, r += (((i = e.timeDimensions) == null ? void 0 : i.length) || 0) * 3, r <= 5 ? "low" : r <= 15 ? "medium" : "high";
161
+ }
162
+ async function w(e, r) {
163
+ var h, j, Q, b;
164
+ const s = a.validateQuery(e);
165
+ if (!s.isValid)
166
+ throw new Error(`Query validation failed: ${s.errors.join(", ")}`);
167
+ const t = /* @__PURE__ */ new Set();
168
+ (h = e.measures) == null || h.forEach((l) => {
169
+ const m = l.split(".")[0];
170
+ t.add(m);
171
+ }), (j = e.dimensions) == null || j.forEach((l) => {
172
+ const m = l.split(".")[0];
173
+ t.add(m);
174
+ }), (Q = e.timeDimensions) == null || Q.forEach((l) => {
175
+ const m = l.dimension.split(".")[0];
176
+ t.add(m);
177
+ }), (b = e.filters) == null || b.forEach((l) => {
178
+ if ("member" in l) {
179
+ const m = l.member.split(".")[0];
180
+ t.add(m);
181
+ }
182
+ });
183
+ const o = t.size > 1;
184
+ let i;
185
+ if (o)
186
+ i = await a.generateMultiCubeSQL(e, r);
187
+ else {
188
+ const l = Array.from(t)[0];
189
+ i = await a.generateSQL(l, e, r);
190
+ }
191
+ const p = Array.from(t).map((l) => {
192
+ var m, x;
193
+ return {
194
+ cube: l,
195
+ query: {
196
+ measures: ((m = e.measures) == null ? void 0 : m.filter((C) => C.startsWith(l + "."))) || [],
197
+ dimensions: ((x = e.dimensions) == null ? void 0 : x.filter((C) => C.startsWith(l + "."))) || [],
198
+ filters: e.filters || [],
199
+ timeDimensions: e.timeDimensions || [],
200
+ order: e.order || {},
201
+ limit: e.limit,
202
+ offset: e.offset
203
+ }
204
+ };
205
+ });
206
+ return {
207
+ queryType: "regularQuery",
208
+ normalizedQueries: p,
209
+ queryOrder: Array.from(t),
210
+ transformedQueries: p,
211
+ pivotQuery: {
212
+ query: e,
213
+ cubes: Array.from(t)
214
+ },
215
+ sql: {
216
+ sql: [i.sql],
217
+ params: i.params || []
218
+ },
219
+ complexity: f(e),
220
+ valid: !0,
221
+ cubesUsed: Array.from(t),
222
+ joinType: o ? "multi_cube_join" : "single_cube",
223
+ query: e
224
+ };
225
+ }
226
+ return d.post(`${n}/dry-run`, async (e) => {
227
+ try {
228
+ const r = await e.req.json(), s = r.query || r, t = await g(e), o = await w(s, t);
229
+ return e.json(o);
230
+ } catch (r) {
231
+ return console.error("Dry-run error:", r), e.json({
232
+ error: r instanceof Error ? r.message : "Dry-run validation failed",
233
+ valid: !1
234
+ }, 400);
235
+ }
236
+ }), d.get(`${n}/dry-run`, async (e) => {
237
+ try {
238
+ const r = e.req.query("query");
239
+ if (!r)
240
+ return e.json({
241
+ error: "Query parameter is required",
242
+ valid: !1
243
+ }, 400);
244
+ const s = JSON.parse(r), t = await g(e), o = await w(s, t);
245
+ return e.json(o);
246
+ } catch (r) {
247
+ return console.error("Dry-run error:", r), e.json({
248
+ error: r instanceof Error ? r.message : "Dry-run validation failed",
249
+ valid: !1
250
+ }, 400);
251
+ }
158
252
  }), d;
159
253
  }
160
- function x(f, l) {
161
- const u = C(l);
162
- return f.route("/", u), f;
254
+ function S(y, a) {
255
+ const c = E(a);
256
+ return y.route("/", c), y;
163
257
  }
164
- function A(f) {
165
- const l = new w();
166
- return x(l, f);
258
+ function D(y) {
259
+ const a = new v();
260
+ return S(a, y);
167
261
  }
168
262
  export {
169
- A as createCubeApp,
170
- C as createCubeRoutes,
171
- x as mountCubeRoutes
263
+ D as createCubeApp,
264
+ E as createCubeRoutes,
265
+ S as mountCubeRoutes
172
266
  };
@@ -0,0 +1,14 @@
1
+ import { CubeQuery, CubeApiOptions, CubeResultSet } from '../types';
2
+ export declare class CubeClient {
3
+ private apiUrl;
4
+ private headers;
5
+ constructor(token?: string, options?: CubeApiOptions);
6
+ load(query: CubeQuery): Promise<CubeResultSet>;
7
+ meta(): Promise<any>;
8
+ sql(query: CubeQuery): Promise<any>;
9
+ }
10
+ /**
11
+ * Factory function to create a cube client
12
+ */
13
+ export declare function createCubeClient(token?: string, options?: CubeApiOptions): CubeClient;
14
+ export declare function cube(token?: string, options?: CubeApiOptions): CubeClient;
@@ -0,0 +1,2 @@
1
+ import { AnalyticsDashboardProps } from '../types';
2
+ export default function AnalyticsDashboard({ config, apiUrl, apiOptions, editable, onConfigChange, onSave, onDirtyStateChange }: AnalyticsDashboardProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export declare function AnalyticsPage(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { AnalyticsPortletProps } from '../types';
2
+ interface AnalyticsPortletRef {
3
+ refresh: () => void;
4
+ }
5
+ declare const AnalyticsPortlet: import('react').ForwardRefExoticComponent<AnalyticsPortletProps & import('react').RefAttributes<AnalyticsPortletRef>>;
6
+ export default AnalyticsPortlet;
@@ -0,0 +1,8 @@
1
+ import { ChartAxisConfig, ChartDisplayConfig } from '../types';
2
+ interface ChartConfigEditorProps {
3
+ chartConfig: ChartAxisConfig;
4
+ displayConfig?: ChartDisplayConfig;
5
+ onConfigChange: (chartConfig: ChartAxisConfig, displayConfig: ChartDisplayConfig) => void;
6
+ }
7
+ export default function ChartConfigEditor({ chartConfig, displayConfig, onConfigChange }: ChartConfigEditorProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
@@ -0,0 +1,21 @@
1
+ import { default as React, Component, ReactNode } from 'react';
2
+ interface Props {
3
+ children: ReactNode;
4
+ fallback?: ReactNode;
5
+ portletTitle?: string;
6
+ portletConfig?: any;
7
+ cubeQuery?: string;
8
+ }
9
+ interface State {
10
+ hasError: boolean;
11
+ error: Error | null;
12
+ errorInfo: string | null;
13
+ }
14
+ export default class ChartErrorBoundary extends Component<Props, State> {
15
+ constructor(props: Props);
16
+ static getDerivedStateFromError(error: Error): State;
17
+ componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
18
+ handleReset: () => void;
19
+ render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
20
+ }
21
+ export {};
@@ -0,0 +1,14 @@
1
+ interface DashboardEditModalProps {
2
+ isOpen: boolean;
3
+ onClose: () => void;
4
+ onSave: (data: {
5
+ name: string;
6
+ description?: string;
7
+ }) => Promise<void> | void;
8
+ title: string;
9
+ submitText: string;
10
+ initialName?: string;
11
+ initialDescription?: string;
12
+ }
13
+ export default function DashboardEditModal({ isOpen, onClose, onSave, title, submitText, initialName, initialDescription }: DashboardEditModalProps): import("react/jsx-runtime").JSX.Element;
14
+ export {};
@@ -0,0 +1,11 @@
1
+ import { DashboardConfig } from '../types';
2
+ interface DashboardGridProps {
3
+ config: DashboardConfig;
4
+ editable?: boolean;
5
+ onConfigChange?: (config: DashboardConfig) => void;
6
+ onPortletRefresh?: (portletId: string) => void;
7
+ onSave?: (config: DashboardConfig) => Promise<void> | void;
8
+ apiUrl?: string;
9
+ }
10
+ export default function DashboardGrid({ config, editable, onConfigChange, onPortletRefresh, onSave, apiUrl }: DashboardGridProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
@@ -0,0 +1,15 @@
1
+ import { default as React } from 'react';
2
+ export interface ModalProps {
3
+ isOpen: boolean;
4
+ onClose: () => void;
5
+ title?: string;
6
+ size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
7
+ closeOnBackdropClick?: boolean;
8
+ closeOnEscape?: boolean;
9
+ showCloseButton?: boolean;
10
+ className?: string;
11
+ children: React.ReactNode;
12
+ footer?: React.ReactNode;
13
+ }
14
+ declare const Modal: React.FC<ModalProps>;
15
+ export default Modal;
@@ -0,0 +1,10 @@
1
+ import { PortletConfig } from '../types';
2
+ interface PortletContainerProps {
3
+ portlet: PortletConfig;
4
+ editable?: boolean;
5
+ onEdit?: (portlet: PortletConfig) => void;
6
+ onDelete?: (portletId: string) => void;
7
+ onRefresh?: (portletId: string) => void;
8
+ }
9
+ export default function PortletContainer({ portlet, editable, onEdit, onDelete, onRefresh }: PortletContainerProps): import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,12 @@
1
+ import { PortletConfig } from '../types';
2
+ interface PortletEditModalProps {
3
+ isOpen: boolean;
4
+ onClose: () => void;
5
+ onSave: (portlet: PortletConfig | Omit<PortletConfig, 'id' | 'x' | 'y'>) => void;
6
+ portlet?: PortletConfig | null;
7
+ title: string;
8
+ submitText: string;
9
+ apiUrl?: string;
10
+ }
11
+ export default function PortletEditModal({ isOpen, onClose, onSave, portlet, title, submitText, apiUrl }: PortletEditModalProps): import("react/jsx-runtime").JSX.Element;
12
+ export {};
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function AreaChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function BarChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { ReactElement } from 'react';
2
+ interface ChartContainerProps {
3
+ children: ReactElement;
4
+ height?: string | number;
5
+ }
6
+ export default function ChartContainer({ children, height }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,7 @@
1
+ interface ChartLegendProps {
2
+ onMouseEnter?: (o: any, i: any) => void;
3
+ onMouseLeave?: () => void;
4
+ showLegend?: boolean;
5
+ }
6
+ export default function ChartLegend({ onMouseEnter, onMouseLeave, showLegend }: ChartLegendProps): import("react/jsx-runtime").JSX.Element | null;
7
+ export {};
@@ -0,0 +1,7 @@
1
+ import { default as React } from 'react';
2
+ interface ChartTooltipProps {
3
+ formatter?: (value: any, name: any, props: any) => [React.ReactText, React.ReactText];
4
+ labelFormatter?: (label: any) => React.ReactText;
5
+ }
6
+ export default function ChartTooltip({ formatter, labelFormatter }: ChartTooltipProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function DataTable({ data, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function LineChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function PieChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function RadarChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function RadialBarChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function ScatterChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { ChartProps } from '../../types';
2
+ export default function TreeMapChart({ data, chartConfig, displayConfig, queryObject, height }: ChartProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Chart components for drizzle-cube client
3
+ * Minimal Recharts-based components with Tailwind styling
4
+ */
5
+ export { default as RechartsBarChart } from './BarChart';
6
+ export { default as RechartsLineChart } from './LineChart';
7
+ export { default as RechartsAreaChart } from './AreaChart';
8
+ export { default as RechartsPieChart } from './PieChart';
9
+ export { default as RechartsScatterChart } from './ScatterChart';
10
+ export { default as RechartsRadarChart } from './RadarChart';
11
+ export { default as RechartsRadialBarChart } from './RadialBarChart';
12
+ export { default as RechartsTreeMapChart } from './TreeMapChart';
13
+ export { default as DataTable } from './DataTable';