drizzle-cube 0.1.43 → 0.1.44
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.
- package/dist/adapters/{compiler-B57cLx38.js → compiler-DdaSPwZs.js} +25 -8
- package/dist/adapters/express/index.js +84 -63
- package/dist/adapters/fastify/index.js +108 -73
- package/dist/adapters/hono/index.js +62 -44
- package/dist/adapters/nextjs/index.d.ts +6 -0
- package/dist/adapters/nextjs/index.js +145 -108
- package/dist/adapters/utils.d.ts +46 -0
- package/dist/client/charts.js +1 -1
- package/dist/client/chunks/{charts-DgmZAw3A.js → charts-CfbqkXfS.js} +415 -425
- package/dist/client/chunks/charts-CfbqkXfS.js.map +1 -0
- package/dist/client/chunks/{components-BI1Xc4js.js → components-B0Wk5TCQ.js} +6623 -6483
- package/dist/client/chunks/components-B0Wk5TCQ.js.map +1 -0
- package/dist/client/chunks/providers-aaWIe5KD.js +304 -0
- package/dist/client/chunks/providers-aaWIe5KD.js.map +1 -0
- package/dist/client/client/BatchCoordinator.d.ts +35 -0
- package/dist/client/client/CubeClient.d.ts +5 -0
- package/dist/client/components/DashboardFilterPanel.d.ts +1 -1
- package/dist/client/components/DashboardFilters/EditModeFilterList.d.ts +12 -0
- package/dist/client/components/DashboardFilters/FilterEditModal.d.ts +15 -0
- package/dist/client/components/DashboardFilters/ReadOnlyFilterList.d.ts +13 -0
- package/dist/client/components/QueryBuilder/DateRangeSelector.d.ts +2 -0
- package/dist/client/components/QueryBuilder/types.d.ts +3 -0
- package/dist/client/components.js +2 -2
- package/dist/client/hooks.js +62 -62
- package/dist/client/hooks.js.map +1 -1
- package/dist/client/index.js +3 -3
- package/dist/client/providers/CubeProvider.d.ts +5 -0
- package/dist/client/providers.js +1 -1
- package/dist/client/styles.css +1 -1
- package/dist/client/types.d.ts +4 -0
- package/dist/client-bundle-stats.html +1 -1
- package/package.json +1 -1
- package/dist/client/chunks/charts-DgmZAw3A.js.map +0 -1
- package/dist/client/chunks/components-BI1Xc4js.js.map +0 -1
- package/dist/client/chunks/providers-ChcxFwXu.js +0 -210
- package/dist/client/chunks/providers-ChcxFwXu.js.map +0 -1
package/dist/client/hooks.js
CHANGED
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import { u as
|
|
3
|
-
import { a as
|
|
4
|
-
function
|
|
5
|
-
const { cubeApi:
|
|
1
|
+
import { useState as b, useRef as E, useEffect as C, useCallback as V } from "react";
|
|
2
|
+
import { u as R } from "./chunks/providers-aaWIe5KD.js";
|
|
3
|
+
import { a as v } from "./chunks/providers-aaWIe5KD.js";
|
|
4
|
+
function I(r, t = {}) {
|
|
5
|
+
const { cubeApi: g, batchCoordinator: u, enableBatching: c } = R(), [S, l] = b({
|
|
6
6
|
resultSet: null,
|
|
7
7
|
isLoading: !1,
|
|
8
8
|
error: null,
|
|
9
9
|
queryId: null
|
|
10
|
-
}),
|
|
10
|
+
}), i = E("");
|
|
11
11
|
return C(() => {
|
|
12
12
|
if (!r || t.skip)
|
|
13
13
|
return;
|
|
14
|
-
const
|
|
15
|
-
if (
|
|
14
|
+
const y = JSON.stringify(r);
|
|
15
|
+
if (y === i.current && !t.resetResultSetOnChange)
|
|
16
16
|
return;
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
|
|
17
|
+
i.current = y;
|
|
18
|
+
const s = `${Date.now()}_${Math.random().toString(36).substring(7)}`;
|
|
19
|
+
l((n) => ({
|
|
20
20
|
resultSet: t.resetResultSetOnChange ? null : n.resultSet,
|
|
21
21
|
isLoading: !0,
|
|
22
22
|
error: null,
|
|
23
|
-
queryId:
|
|
24
|
-
})),
|
|
25
|
-
|
|
23
|
+
queryId: s
|
|
24
|
+
})), (c && u ? u.register(r) : g.load(r)).then((n) => {
|
|
25
|
+
l((o) => o.queryId === s ? {
|
|
26
26
|
resultSet: n,
|
|
27
27
|
isLoading: !1,
|
|
28
28
|
error: null,
|
|
29
|
-
queryId:
|
|
30
|
-
} :
|
|
29
|
+
queryId: s
|
|
30
|
+
} : o);
|
|
31
31
|
}).catch((n) => {
|
|
32
|
-
|
|
32
|
+
l((o) => o.queryId === s ? {
|
|
33
33
|
resultSet: null,
|
|
34
34
|
isLoading: !1,
|
|
35
35
|
error: n instanceof Error ? n : new Error(String(n)),
|
|
36
|
-
queryId:
|
|
37
|
-
} :
|
|
36
|
+
queryId: s
|
|
37
|
+
} : o);
|
|
38
38
|
});
|
|
39
|
-
}, [r,
|
|
39
|
+
}, [r, g, u, c, t.skip, t.resetResultSetOnChange]), S;
|
|
40
40
|
}
|
|
41
41
|
function m(r, t = !0) {
|
|
42
|
-
const [
|
|
43
|
-
resultSet:
|
|
42
|
+
const [g, u] = b([]), [c, S] = b(null), l = E(null), i = E(""), {
|
|
43
|
+
resultSet: y,
|
|
44
44
|
isLoading: s,
|
|
45
|
-
error:
|
|
46
|
-
queryId:
|
|
47
|
-
} =
|
|
45
|
+
error: a,
|
|
46
|
+
queryId: n
|
|
47
|
+
} = I(c, {
|
|
48
48
|
skip: !c || !t,
|
|
49
49
|
resetResultSetOnChange: !0
|
|
50
50
|
// Clear old results when query changes
|
|
51
|
-
}),
|
|
51
|
+
}), o = V((e) => {
|
|
52
52
|
if (!e || !r)
|
|
53
53
|
return [];
|
|
54
54
|
try {
|
|
55
|
-
const
|
|
56
|
-
return
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
}), Array.from(
|
|
60
|
-
} catch (
|
|
61
|
-
return console.error("Error extracting values from result set:",
|
|
55
|
+
const d = e.tablePivot(), f = /* @__PURE__ */ new Set();
|
|
56
|
+
return d.forEach((Q) => {
|
|
57
|
+
const h = Q[r];
|
|
58
|
+
h != null && h !== "" && f.add(h);
|
|
59
|
+
}), Array.from(f);
|
|
60
|
+
} catch (d) {
|
|
61
|
+
return console.error("Error extracting values from result set:", d), [];
|
|
62
62
|
}
|
|
63
63
|
}, [r]);
|
|
64
64
|
C(() => {
|
|
65
|
-
if (
|
|
66
|
-
if (
|
|
67
|
-
|
|
68
|
-
else if (
|
|
69
|
-
const e =
|
|
70
|
-
|
|
65
|
+
if (n && n !== l.current && !s)
|
|
66
|
+
if (l.current = n, a)
|
|
67
|
+
u([]);
|
|
68
|
+
else if (y) {
|
|
69
|
+
const e = o(y);
|
|
70
|
+
u(e);
|
|
71
71
|
} else
|
|
72
|
-
|
|
73
|
-
}, [
|
|
74
|
-
(!r || !t) && (
|
|
72
|
+
u([]);
|
|
73
|
+
}, [y, s, a, n, o]), C(() => {
|
|
74
|
+
(!r || !t) && (u([]), S(null), l.current = null, i.current = "");
|
|
75
75
|
}, [r, t]);
|
|
76
|
-
const
|
|
76
|
+
const q = V(() => {
|
|
77
77
|
if (r) {
|
|
78
|
-
|
|
78
|
+
i.current = "";
|
|
79
79
|
try {
|
|
80
80
|
const e = {
|
|
81
81
|
dimensions: [r],
|
|
82
82
|
limit: 25,
|
|
83
83
|
order: { [r]: "asc" }
|
|
84
84
|
};
|
|
85
|
-
|
|
85
|
+
S(e);
|
|
86
86
|
} catch (e) {
|
|
87
87
|
console.error("Error creating query:", e);
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
}, [r]),
|
|
91
|
-
if (r && !(!
|
|
92
|
-
|
|
90
|
+
}, [r]), x = V((e, d = !1) => {
|
|
91
|
+
if (r && !(!d && e === i.current)) {
|
|
92
|
+
i.current = e;
|
|
93
93
|
try {
|
|
94
|
-
const
|
|
94
|
+
const f = {
|
|
95
95
|
dimensions: [r],
|
|
96
96
|
limit: 25,
|
|
97
97
|
order: { [r]: "asc" }
|
|
98
98
|
};
|
|
99
|
-
e && e.trim() && (
|
|
99
|
+
e && e.trim() && (f.filters = [{
|
|
100
100
|
member: r,
|
|
101
101
|
operator: "contains",
|
|
102
102
|
values: [e.trim()]
|
|
103
|
-
}]),
|
|
104
|
-
} catch (
|
|
105
|
-
console.error("Error creating search query:",
|
|
103
|
+
}]), S(f);
|
|
104
|
+
} catch (f) {
|
|
105
|
+
console.error("Error creating search query:", f);
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
}, [r]);
|
|
109
109
|
return {
|
|
110
|
-
values:
|
|
110
|
+
values: g,
|
|
111
111
|
loading: s,
|
|
112
|
-
error:
|
|
113
|
-
refetch:
|
|
114
|
-
searchValues:
|
|
112
|
+
error: a ? a instanceof Error ? a.message : String(a) : null,
|
|
113
|
+
refetch: q,
|
|
114
|
+
searchValues: x
|
|
115
115
|
};
|
|
116
116
|
}
|
|
117
117
|
function p(r, t) {
|
|
118
|
-
const [
|
|
118
|
+
const [g, u] = b(r);
|
|
119
119
|
return C(() => {
|
|
120
120
|
const c = setTimeout(() => {
|
|
121
|
-
|
|
121
|
+
u(r);
|
|
122
122
|
}, t);
|
|
123
123
|
return () => {
|
|
124
124
|
clearTimeout(c);
|
|
125
125
|
};
|
|
126
|
-
}, [r, t]),
|
|
126
|
+
}, [r, t]), g;
|
|
127
127
|
}
|
|
128
128
|
export {
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
v as useCubeMeta,
|
|
130
|
+
I as useCubeQuery,
|
|
131
131
|
p as useDebounce,
|
|
132
132
|
m as useFilterValues
|
|
133
133
|
};
|
package/dist/client/hooks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hooks.js","sources":["../../src/client/hooks/useCubeQuery.ts","../../src/client/hooks/useFilterValues.ts","../../src/client/hooks/useDebounce.ts"],"sourcesContent":["/**\n * React hook for executing Cube queries\n * Replaces @cubejs-client/react useCubeQuery\n */\n\nimport { useState, useEffect, useRef } from 'react'\nimport { useCubeContext } from '../providers/CubeProvider'\nimport type { CubeQuery, CubeQueryOptions, CubeResultSet } from '../types'\n\ninterface UseCubeQueryResult {\n resultSet: CubeResultSet | null\n isLoading: boolean\n error: Error | null\n queryId: string | null\n}\n\nexport function useCubeQuery(\n query: CubeQuery | null, \n options: CubeQueryOptions = {}\n): UseCubeQueryResult {\n const { cubeApi } = useCubeContext()\n \n // Use a single state object to ensure atomic updates\n const [state, setState] = useState<UseCubeQueryResult>({\n resultSet: null,\n isLoading: false,\n error: null,\n queryId: null\n })\n \n // Track the last query to avoid unnecessary re-fetches\n const lastQueryRef = useRef<string>('')\n \n useEffect(() => {\n // Skip if query is null or skip option is true\n if (!query || options.skip) {\n return\n }\n\n // Create a stable query string for comparison\n const queryString = JSON.stringify(query)\n \n // Skip if query hasn't changed (unless resetResultSetOnChange is true)\n if (queryString === lastQueryRef.current && !options.resetResultSetOnChange) {\n return\n }\n\n lastQueryRef.current = queryString\n \n // Create a unique ID for this query execution\n const queryId = `${Date.now()}_${Math.random().toString(36).substring(7)}`\n\n // Update state atomically with new query ID and loading state\n setState(prevState => ({\n resultSet: options.resetResultSetOnChange ? null : prevState.resultSet,\n isLoading: true,\n error: null,\n queryId\n }))\n\n console.log('useCubeQuery - Sending query to API:', JSON.stringify(query, null, 2))\n\n cubeApi.load(query)\n .then((result) => {\n setState(prevState => {\n // Only update if this is still the current query\n if (prevState.queryId === queryId) {\n return {\n resultSet: result,\n isLoading: false,\n error: null,\n queryId\n }\n }\n return prevState\n })\n })\n .catch((err) => {\n setState(prevState => {\n // Only update if this is still the current query\n if (prevState.queryId === queryId) {\n return {\n resultSet: null,\n isLoading: false,\n error: err instanceof Error ? err : new Error(String(err)),\n queryId\n }\n }\n return prevState\n })\n })\n }, [query, cubeApi, options.skip, options.resetResultSetOnChange])\n\n return state\n}","/**\n * Hook for fetching distinct field values for filter dropdowns\n * Uses the /load API to get actual data values\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport { useCubeQuery } from '../hooks/useCubeQuery'\nimport type { CubeQuery } from '../types'\n\ninterface UseFilterValuesResult {\n values: any[]\n loading: boolean\n error: string | null\n refetch: () => void\n searchValues: (searchTerm: string, force?: boolean) => void\n}\n\n/**\n * Custom hook to fetch distinct values for a field\n */\nexport function useFilterValues(\n fieldName: string | null, \n enabled: boolean = true\n): UseFilterValuesResult {\n const [values, setValues] = useState<any[]>([])\n const [currentQuery, setCurrentQuery] = useState<CubeQuery | null>(null)\n const lastProcessedQueryId = useRef<string | null>(null)\n const lastSearchTerm = useRef<string>('')\n \n // Use cube query hook for actual data fetching\n const { \n resultSet, \n isLoading,\n error: queryError,\n queryId\n } = useCubeQuery(currentQuery, {\n skip: !currentQuery || !enabled,\n resetResultSetOnChange: true // Clear old results when query changes\n })\n \n // Extract unique values from result set\n const extractValuesFromResultSet = useCallback((rs: any): any[] => {\n if (!rs || !fieldName) {\n return []\n }\n \n try {\n const data = rs.tablePivot()\n \n const uniqueValues = new Set<any>()\n \n data.forEach((row: any) => {\n const value = row[fieldName]\n if (value !== null && value !== undefined && value !== '') {\n uniqueValues.add(value)\n }\n })\n \n // Convert to array - already sorted by query\n const sortedValues = Array.from(uniqueValues)\n \n return sortedValues\n } catch (err) {\n console.error('Error extracting values from result set:', err)\n return []\n }\n }, [fieldName])\n \n // Process results only when we have a new matching query result\n useEffect(() => {\n // Skip if no query ID\n if (!queryId) {\n return\n }\n \n // Skip if we've already processed this query\n if (queryId === lastProcessedQueryId.current) {\n return\n }\n \n // Skip if still loading\n if (isLoading) {\n return\n }\n \n // Mark as processed\n lastProcessedQueryId.current = queryId\n \n if (queryError) {\n setValues([])\n } else if (resultSet) {\n const extractedValues = extractValuesFromResultSet(resultSet)\n setValues(extractedValues)\n } else {\n setValues([])\n }\n }, [resultSet, isLoading, queryError, queryId, extractValuesFromResultSet])\n \n // Reset values when fieldName becomes null or enabled changes\n useEffect(() => {\n if (!fieldName || !enabled) {\n setValues([])\n setCurrentQuery(null)\n lastProcessedQueryId.current = null\n lastSearchTerm.current = ''\n }\n }, [fieldName, enabled])\n \n // Refetch function\n const refetch = useCallback(() => {\n if (!fieldName) return\n \n lastSearchTerm.current = ''\n \n try {\n const query: CubeQuery = {\n dimensions: [fieldName], \n limit: 25,\n order: { [fieldName]: 'asc' }\n }\n setCurrentQuery(query)\n } catch (err) {\n console.error('Error creating query:', err)\n }\n }, [fieldName])\n\n // Search function for server-side filtering\n const searchValues = useCallback((searchTerm: string, force: boolean = false) => {\n if (!fieldName) {\n return\n }\n \n // Don't create a new query if the search term hasn't changed (unless forced)\n if (!force && searchTerm === lastSearchTerm.current) {\n return\n }\n \n lastSearchTerm.current = searchTerm\n \n try {\n // Create query inline to avoid dependency issues\n const query: CubeQuery = {\n dimensions: [fieldName], \n limit: 25,\n order: { [fieldName]: 'asc' }\n }\n \n if (searchTerm && searchTerm.trim()) {\n query.filters = [{\n member: fieldName,\n operator: 'contains',\n values: [searchTerm.trim()]\n }]\n }\n \n setCurrentQuery(query)\n } catch (err) {\n console.error('Error creating search query:', err)\n }\n }, [fieldName])\n \n return {\n values,\n loading: isLoading,\n error: queryError ? (queryError instanceof Error ? queryError.message : String(queryError)) : null,\n refetch,\n searchValues\n }\n}","/**\n * Custom hook for debouncing values\n * Delays updating the value until after the specified delay has passed\n * since the last change\n */\n\nimport { useState, useEffect } from 'react'\n\n/**\n * Debounces a value by the specified delay\n * @param value The value to debounce\n * @param delay The delay in milliseconds\n * @returns The debounced value\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n const [debouncedValue, setDebouncedValue] = useState(value)\n\n useEffect(() => {\n // Set up a timer to update the debounced value after the delay\n const handler = setTimeout(() => {\n setDebouncedValue(value)\n }, delay)\n\n // Clean up the timer if the value changes before the delay\n return () => {\n clearTimeout(handler)\n }\n }, [value, delay])\n\n return debouncedValue\n}"],"names":["useCubeQuery","query","options","cubeApi","useCubeContext","state","setState","useState","lastQueryRef","useRef","useEffect","queryString","queryId","prevState","result","err","useFilterValues","fieldName","enabled","values","setValues","currentQuery","setCurrentQuery","lastProcessedQueryId","lastSearchTerm","resultSet","isLoading","queryError","extractValuesFromResultSet","useCallback","rs","data","uniqueValues","row","value","extractedValues","refetch","searchValues","searchTerm","force","useDebounce","delay","debouncedValue","setDebouncedValue","handler"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"hooks.js","sources":["../../src/client/hooks/useCubeQuery.ts","../../src/client/hooks/useFilterValues.ts","../../src/client/hooks/useDebounce.ts"],"sourcesContent":["/**\n * React hook for executing Cube queries\n * Replaces @cubejs-client/react useCubeQuery\n */\n\nimport { useState, useEffect, useRef } from 'react'\nimport { useCubeContext } from '../providers/CubeProvider'\nimport type { CubeQuery, CubeQueryOptions, CubeResultSet } from '../types'\n\ninterface UseCubeQueryResult {\n resultSet: CubeResultSet | null\n isLoading: boolean\n error: Error | null\n queryId: string | null\n}\n\nexport function useCubeQuery(\n query: CubeQuery | null,\n options: CubeQueryOptions = {}\n): UseCubeQueryResult {\n const { cubeApi, batchCoordinator, enableBatching } = useCubeContext()\n \n // Use a single state object to ensure atomic updates\n const [state, setState] = useState<UseCubeQueryResult>({\n resultSet: null,\n isLoading: false,\n error: null,\n queryId: null\n })\n \n // Track the last query to avoid unnecessary re-fetches\n const lastQueryRef = useRef<string>('')\n \n useEffect(() => {\n // Skip if query is null or skip option is true\n if (!query || options.skip) {\n return\n }\n\n // Create a stable query string for comparison\n const queryString = JSON.stringify(query)\n \n // Skip if query hasn't changed (unless resetResultSetOnChange is true)\n if (queryString === lastQueryRef.current && !options.resetResultSetOnChange) {\n return\n }\n\n lastQueryRef.current = queryString\n \n // Create a unique ID for this query execution\n const queryId = `${Date.now()}_${Math.random().toString(36).substring(7)}`\n\n // Update state atomically with new query ID and loading state\n setState(prevState => ({\n resultSet: options.resetResultSetOnChange ? null : prevState.resultSet,\n isLoading: true,\n error: null,\n queryId\n }))\n\n // Use batch coordinator if enabled, otherwise use direct API call\n const executeQuery = enableBatching && batchCoordinator\n ? batchCoordinator.register(query)\n : cubeApi.load(query)\n\n executeQuery\n .then((result) => {\n setState(prevState => {\n // Only update if this is still the current query\n if (prevState.queryId === queryId) {\n return {\n resultSet: result,\n isLoading: false,\n error: null,\n queryId\n }\n }\n return prevState\n })\n })\n .catch((err) => {\n setState(prevState => {\n // Only update if this is still the current query\n if (prevState.queryId === queryId) {\n return {\n resultSet: null,\n isLoading: false,\n error: err instanceof Error ? err : new Error(String(err)),\n queryId\n }\n }\n return prevState\n })\n })\n }, [query, cubeApi, batchCoordinator, enableBatching, options.skip, options.resetResultSetOnChange])\n\n return state\n}","/**\n * Hook for fetching distinct field values for filter dropdowns\n * Uses the /load API to get actual data values\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport { useCubeQuery } from '../hooks/useCubeQuery'\nimport type { CubeQuery } from '../types'\n\ninterface UseFilterValuesResult {\n values: any[]\n loading: boolean\n error: string | null\n refetch: () => void\n searchValues: (searchTerm: string, force?: boolean) => void\n}\n\n/**\n * Custom hook to fetch distinct values for a field\n */\nexport function useFilterValues(\n fieldName: string | null, \n enabled: boolean = true\n): UseFilterValuesResult {\n const [values, setValues] = useState<any[]>([])\n const [currentQuery, setCurrentQuery] = useState<CubeQuery | null>(null)\n const lastProcessedQueryId = useRef<string | null>(null)\n const lastSearchTerm = useRef<string>('')\n \n // Use cube query hook for actual data fetching\n const { \n resultSet, \n isLoading,\n error: queryError,\n queryId\n } = useCubeQuery(currentQuery, {\n skip: !currentQuery || !enabled,\n resetResultSetOnChange: true // Clear old results when query changes\n })\n \n // Extract unique values from result set\n const extractValuesFromResultSet = useCallback((rs: any): any[] => {\n if (!rs || !fieldName) {\n return []\n }\n \n try {\n const data = rs.tablePivot()\n \n const uniqueValues = new Set<any>()\n \n data.forEach((row: any) => {\n const value = row[fieldName]\n if (value !== null && value !== undefined && value !== '') {\n uniqueValues.add(value)\n }\n })\n \n // Convert to array - already sorted by query\n const sortedValues = Array.from(uniqueValues)\n \n return sortedValues\n } catch (err) {\n console.error('Error extracting values from result set:', err)\n return []\n }\n }, [fieldName])\n \n // Process results only when we have a new matching query result\n useEffect(() => {\n // Skip if no query ID\n if (!queryId) {\n return\n }\n \n // Skip if we've already processed this query\n if (queryId === lastProcessedQueryId.current) {\n return\n }\n \n // Skip if still loading\n if (isLoading) {\n return\n }\n \n // Mark as processed\n lastProcessedQueryId.current = queryId\n \n if (queryError) {\n setValues([])\n } else if (resultSet) {\n const extractedValues = extractValuesFromResultSet(resultSet)\n setValues(extractedValues)\n } else {\n setValues([])\n }\n }, [resultSet, isLoading, queryError, queryId, extractValuesFromResultSet])\n \n // Reset values when fieldName becomes null or enabled changes\n useEffect(() => {\n if (!fieldName || !enabled) {\n setValues([])\n setCurrentQuery(null)\n lastProcessedQueryId.current = null\n lastSearchTerm.current = ''\n }\n }, [fieldName, enabled])\n \n // Refetch function\n const refetch = useCallback(() => {\n if (!fieldName) return\n \n lastSearchTerm.current = ''\n \n try {\n const query: CubeQuery = {\n dimensions: [fieldName], \n limit: 25,\n order: { [fieldName]: 'asc' }\n }\n setCurrentQuery(query)\n } catch (err) {\n console.error('Error creating query:', err)\n }\n }, [fieldName])\n\n // Search function for server-side filtering\n const searchValues = useCallback((searchTerm: string, force: boolean = false) => {\n if (!fieldName) {\n return\n }\n \n // Don't create a new query if the search term hasn't changed (unless forced)\n if (!force && searchTerm === lastSearchTerm.current) {\n return\n }\n \n lastSearchTerm.current = searchTerm\n \n try {\n // Create query inline to avoid dependency issues\n const query: CubeQuery = {\n dimensions: [fieldName], \n limit: 25,\n order: { [fieldName]: 'asc' }\n }\n \n if (searchTerm && searchTerm.trim()) {\n query.filters = [{\n member: fieldName,\n operator: 'contains',\n values: [searchTerm.trim()]\n }]\n }\n \n setCurrentQuery(query)\n } catch (err) {\n console.error('Error creating search query:', err)\n }\n }, [fieldName])\n \n return {\n values,\n loading: isLoading,\n error: queryError ? (queryError instanceof Error ? queryError.message : String(queryError)) : null,\n refetch,\n searchValues\n }\n}","/**\n * Custom hook for debouncing values\n * Delays updating the value until after the specified delay has passed\n * since the last change\n */\n\nimport { useState, useEffect } from 'react'\n\n/**\n * Debounces a value by the specified delay\n * @param value The value to debounce\n * @param delay The delay in milliseconds\n * @returns The debounced value\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n const [debouncedValue, setDebouncedValue] = useState(value)\n\n useEffect(() => {\n // Set up a timer to update the debounced value after the delay\n const handler = setTimeout(() => {\n setDebouncedValue(value)\n }, delay)\n\n // Clean up the timer if the value changes before the delay\n return () => {\n clearTimeout(handler)\n }\n }, [value, delay])\n\n return debouncedValue\n}"],"names":["useCubeQuery","query","options","cubeApi","batchCoordinator","enableBatching","useCubeContext","state","setState","useState","lastQueryRef","useRef","useEffect","queryString","queryId","prevState","result","err","useFilterValues","fieldName","enabled","values","setValues","currentQuery","setCurrentQuery","lastProcessedQueryId","lastSearchTerm","resultSet","isLoading","queryError","extractValuesFromResultSet","useCallback","rs","data","uniqueValues","row","value","extractedValues","refetch","searchValues","searchTerm","force","useDebounce","delay","debouncedValue","setDebouncedValue","handler"],"mappings":"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"}
|
package/dist/client/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { a as r, A as s, c as t, D as h, M as o, P as C, b as c, Q as d, T as i, d as l, e as T, g as b, i as m, r as R, f as u, s as D, w as n } from "./chunks/components-
|
|
2
|
-
import { C as f, c as p, u as M } from "./chunks/providers-
|
|
1
|
+
import { a as r, A as s, c as t, D as h, M as o, P as C, b as c, Q as d, T as i, d as l, e as T, g as b, i as m, r as R, f as u, s as D, w as n } from "./chunks/components-B0Wk5TCQ.js";
|
|
2
|
+
import { C as f, c as p, u as M } from "./chunks/providers-aaWIe5KD.js";
|
|
3
3
|
import { useCubeQuery as E } from "./hooks.js";
|
|
4
|
-
import { D as A, A as g, B, L as S, P as L, R as Q, a as w, S as V, T as k, c as v, f as G } from "./chunks/charts-
|
|
4
|
+
import { D as A, A as g, B, L as S, P as L, R as Q, a as w, S as V, T as k, c as v, f as G } from "./chunks/charts-CfbqkXfS.js";
|
|
5
5
|
export {
|
|
6
6
|
r as AnalyticsDashboard,
|
|
7
7
|
s as AnalyticsPortlet,
|
|
@@ -2,6 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { CubeClient } from '../client/CubeClient';
|
|
3
3
|
import { CubeQueryOptions, CubeApiOptions, FeaturesConfig } from '../types';
|
|
4
4
|
import { CubeMeta, FieldLabelMap } from '../hooks/useCubeMeta';
|
|
5
|
+
import { BatchCoordinator } from '../client/BatchCoordinator';
|
|
5
6
|
interface CubeContextValue {
|
|
6
7
|
cubeApi: CubeClient;
|
|
7
8
|
options?: CubeQueryOptions;
|
|
@@ -13,6 +14,8 @@ interface CubeContextValue {
|
|
|
13
14
|
refetchMeta: () => void;
|
|
14
15
|
updateApiConfig: (apiOptions: CubeApiOptions, token?: string) => void;
|
|
15
16
|
features: FeaturesConfig;
|
|
17
|
+
batchCoordinator: BatchCoordinator | null;
|
|
18
|
+
enableBatching: boolean;
|
|
16
19
|
}
|
|
17
20
|
interface CubeProviderProps {
|
|
18
21
|
cubeApi?: CubeClient;
|
|
@@ -20,9 +23,11 @@ interface CubeProviderProps {
|
|
|
20
23
|
token?: string;
|
|
21
24
|
options?: CubeQueryOptions;
|
|
22
25
|
features?: FeaturesConfig;
|
|
26
|
+
enableBatching?: boolean;
|
|
23
27
|
children: React.ReactNode;
|
|
24
28
|
}
|
|
25
29
|
export declare function CubeProvider({ cubeApi: initialCubeApi, apiOptions: initialApiOptions, token: initialToken, options, features, // Default to AI enabled for backward compatibility
|
|
30
|
+
enableBatching, // Default to batching enabled
|
|
26
31
|
children }: CubeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
27
32
|
export declare function useCubeContext(): CubeContextValue;
|
|
28
33
|
export {};
|
package/dist/client/providers.js
CHANGED