drizzle-cube 0.1.21 → 0.1.24

package/dist/client/hooks/useCubeMeta.d.ts

@@ -25,5 +25,6 @@ interface UseCubeMetaResult {
     refetch: () => void;
     getFieldLabel: (fieldName: string) => string;
 }
+export declare function clearMetaCache(): void;
 export declare function useCubeMeta(cubeApi: CubeClient): UseCubeMetaResult;
 export {};

package/dist/client/hooks.js

@@ -1,77 +1,79 @@
-import { useState as h, useRef as C, useEffect as V, useCallback as b } from "react";
-import { u as x } from "./chunks/providers-DI5zeeEU.js";
-import { a as v } from "./chunks/providers-DI5zeeEU.js";
-function I(r, n = {}) {
-  const { cubeApi: a } = x(), [c, o] = h({
+import { useState as h, useRef as b, useEffect as C, useCallback as V } from "react";
+import { u as I } from "./chunks/providers-B7MVnAAt.js";
+import { a as v } from "./chunks/providers-B7MVnAAt.js";
+function L(r, t = {}) {
+  const { cubeApi: i } = I(), [o, c] = h({
     resultSet: null,
     isLoading: !1,
     error: null,
     queryId: null
-  }), f = C("");
-  return V(() => {
-    if (!r || n.skip)
+  }), a = b("");
+  return C(() => {
+    if (!r || t.skip)
       return;
-    const g = JSON.stringify(r);
-    if (g === f.current && !n.resetResultSetOnChange)
+    const f = JSON.stringify(r);
+    if (f === a.current && !t.resetResultSetOnChange)
       return;
-    f.current = g;
+    a.current = f;
     const u = `${Date.now()}_${Math.random().toString(36).substring(7)}`;
-    o((t) => ({
-      resultSet: n.resetResultSetOnChange ? null : t.resultSet,
+    c((n) => ({
+      resultSet: t.resetResultSetOnChange ? null : n.resultSet,
       isLoading: !0,
       error: null,
       queryId: u
-    })), a.load(r).then((t) => {
-      o((s) => s.queryId === u ? {
-        resultSet: t,
+    })), i.load(r).then((n) => {
+      c((s) => s.queryId === u ? {
+        resultSet: n,
         isLoading: !1,
         error: null,
         queryId: u
       } : s);
-    }).catch((t) => {
-      o((s) => s.queryId === u ? {
+    }).catch((n) => {
+      c((s) => s.queryId === u ? {
         resultSet: null,
         isLoading: !1,
-        error: t instanceof Error ? t : new Error(String(t)),
+        error: n instanceof Error ? n : new Error(String(n)),
         queryId: u
       } : s);
     });
-  }, [r, a, n.skip, n.resetResultSetOnChange]), c;
+  }, [r, i, t.skip, t.resetResultSetOnChange]), o;
 }
-function k(r, n = !0) {
-  const [a, c] = h([]), [o, f] = h(null), g = C(null), u = C(""), {
-    resultSet: t,
+function m(r, t = !0) {
+  const [i, o] = h([]), [c, a] = h(null), f = b(null), u = b(""), {
+    resultSet: n,
     isLoading: s,
-    error: i,
-    queryId: S
-  } = I(o, {
-    skip: !o || !n,
+    error: g,
+    queryId: y
+  } = L(c, {
+    skip: !c || !t,
     resetResultSetOnChange: !0
     // Clear old results when query changes
-  }), q = b((e) => {
+  }), q = V((e) => {
     if (!e || !r)
       return [];
     try {
-      const d = e.tablePivot(), l = /* @__PURE__ */ new Set();
-      return d.forEach((m) => {
-        const y = m[r];
-        y != null && y !== "" && l.add(y);
+      const S = e.tablePivot(), l = /* @__PURE__ */ new Set();
+      return S.forEach((x) => {
+        const d = x[r];
+        d != null && d !== "" && l.add(d);
       }), Array.from(l);
-    } catch (d) {
-      return console.error("Error extracting values from result set:", d), [];
+    } catch (S) {
+      return console.error("Error extracting values from result set:", S), [];
     }
   }, [r]);
-  V(() => {
-    if (S && S !== g.current && !s)
-      if (g.current = S, i)
-        c([]);
-      else if (t) {
-        const e = q(t);
-        c(e);
+  C(() => {
+    if (y && y !== f.current && !s)
+      if (f.current = y, g)
+        o([]);
+      else if (n) {
+        const e = q(n);
+        o(e);
       } else
-        c([]);
-  }, [t, s, i, S, q]);
-  const E = b(() => {
+        o([]);
+  }, [n, s, g, y, q]), C(() => {
+    (!r || !t) && (o([]), a(null), f.current = null, u.current = "");
+  }, [r, t]);
+  const E = V(() => {
     if (r) {
       u.current = "";
       try {
@@ -80,13 +82,13 @@ function k(r, n = !0) {
           limit: 25,
           order: { [r]: "asc" }
         };
-        f(e);
+        a(e);
       } catch (e) {
         console.error("Error creating query:", e);
       }
     }
-  }, [r]), R = b((e, d = !1) => {
-    if (r && !(!d && e === u.current)) {
+  }, [r]), R = V((e, S = !1) => {
+    if (r && !(!S && e === u.current)) {
       u.current = e;
       try {
         const l = {
@@ -98,35 +100,35 @@ function k(r, n = !0) {
           member: r,
           operator: "contains",
           values: [e.trim()]
-        }]), f(l);
+        }]), a(l);
       } catch (l) {
         console.error("Error creating search query:", l);
       }
     }
   }, [r]);
   return {
-    values: a,
+    values: i,
     loading: s,
-    error: i ? i instanceof Error ? i.message : String(i) : null,
+    error: g ? g instanceof Error ? g.message : String(g) : null,
     refetch: E,
     searchValues: R
   };
 }
-function p(r, n) {
-  const [a, c] = h(r);
-  return V(() => {
-    const o = setTimeout(() => {
-      c(r);
-    }, n);
+function p(r, t) {
+  const [i, o] = h(r);
+  return C(() => {
+    const c = setTimeout(() => {
+      o(r);
+    }, t);
     return () => {
-      clearTimeout(o);
+      clearTimeout(c);
     };
-  }, [r, n]), a;
+  }, [r, t]), i;
 }
 export {
   v as useCubeMeta,
-  I as useCubeQuery,
+  L as useCubeQuery,
   p as useDebounce,
-  k as useFilterValues
+  m as useFilterValues
 };
 //# sourceMappingURL=hooks.js.map

package/dist/client/hooks.js.map

@@ -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    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  // 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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"}
+{"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    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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"}

package/dist/client/index.d.ts

@@ -11,4 +11,5 @@ export { CubeProvider, useCubeContext } from './providers/CubeProvider';
 export { useCubeQuery } from './hooks/useCubeQuery';
 export { createCubeClient } from './client/CubeClient';
 export type { PortletConfig, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery, CubeQueryOptions, CubeApiOptions, DashboardConfig } from './types';
+export type { ChartTypeConfig, DisplayOptionConfig, AxisDropZoneConfig } from './charts/chartConfigs';
 export { createDashboardLayout, formatChartData } from './utils/index';

package/dist/client/index.js

@@ -1,7 +1,7 @@
 import { AnalyticsDashboard as t, AnalyticsPortlet as e, DashboardEditModal as s, DashboardGrid as o, Modal as h, PortletContainer as C, PortletEditModal as c, QueryBuilder as d } from "./components.js";
-import { C as l, c as u, u as R } from "./chunks/providers-DI5zeeEU.js";
+import { C as l, c as u, u as R } from "./chunks/providers-B7MVnAAt.js";
 import { useCubeQuery as n } from "./hooks.js";
-import { D as f, A as P, B as m, L as p, P as x, R as y, a as A, S as B, T as M, c as L, f as T } from "./chunks/charts-BadAUMmd.js";
+import { D as f, A as P, B as m, L as p, P as x, R as y, a as A, S as B, T as M, c as L, f as T } from "./chunks/charts-Dx3asDBi.js";
 export {
   t as AnalyticsDashboard,
   e as AnalyticsPortlet,

package/dist/client/providers.js

@@ -1,4 +1,4 @@
-import { C as r, c as t, u } from "./chunks/providers-DI5zeeEU.js";
+import { C as r, c as t, u } from "./chunks/providers-B7MVnAAt.js";
 export {
   r as CubeProvider,
   t as createCubeClient,

package/dist/client/types.d.ts

@@ -1,14 +1,15 @@
-/**
- * Type definitions for drizzle-cube client components
- */
+import { ColorPalette } from './utils/colorPalettes';
 export type { CubeMeta, CubeMetaCube, CubeMetaField, FieldLabelMap } from './hooks/useCubeMeta';
-export type ChartType = 'line' | 'bar' | 'pie' | 'table' | 'area' | 'scatter' | 'radar' | 'radialBar' | 'treemap' | 'bubble';
+export type { ColorPalette } from './utils/colorPalettes';
+export type ChartType = 'line' | 'bar' | 'pie' | 'table' | 'area' | 'scatter' | 'radar' | 'radialBar' | 'treemap' | 'bubble' | 'activityGrid' | 'kpiNumber' | 'kpiText';
 export interface ChartAxisConfig {
     xAxis?: string[];
     yAxis?: string[];
     series?: string[];
     sizeField?: string;
     colorField?: string;
+    dateField?: string[];
+    valueField?: string[];
     x?: string;
     y?: string[];
 }
@@ -22,6 +23,14 @@ export interface ChartDisplayConfig {
     minBubbleSize?: number;
     maxBubbleSize?: number;
     bubbleOpacity?: number;
+    showLabels?: boolean;
+    colorIntensity?: 'low' | 'medium' | 'high';
+    template?: string;
+    prefix?: string;
+    suffix?: string;
+    decimals?: number;
+    valueColor?: string;
+    valueColorIndex?: number;
 }
 export interface PortletConfig {
     id: string;
@@ -40,8 +49,9 @@ export interface DashboardConfig {
     layouts?: {
         [key: string]: any;
     };
+    colorPalette?: string;
 }
-export type FilterOperator = 'equals' | 'notEquals' | 'contains' | 'notContains' | 'startsWith' | 'endsWith' | 'gt' | 'gte' | 'lt' | 'lte' | 'set' | 'notSet' | 'inDateRange' | 'beforeDate' | 'afterDate';
+export type FilterOperator = 'equals' | 'notEquals' | 'contains' | 'notContains' | 'startsWith' | 'notStartsWith' | 'endsWith' | 'notEndsWith' | 'like' | 'notLike' | 'ilike' | 'gt' | 'gte' | 'lt' | 'lte' | 'between' | 'notBetween' | 'in' | 'notIn' | 'set' | 'notSet' | 'isEmpty' | 'isNotEmpty' | 'inDateRange' | 'beforeDate' | 'afterDate' | 'regex' | 'notRegex';
 export interface SimpleFilter {
     member: string;
     operator: FilterOperator;
@@ -92,6 +102,7 @@ export interface AnalyticsPortletProps {
     displayConfig?: ChartDisplayConfig;
     height?: string | number;
     title?: string;
+    colorPalette?: ColorPalette;
     onDebugDataReady?: (debugData: {
         chartConfig: ChartAxisConfig;
         displayConfig: ChartDisplayConfig;
@@ -113,6 +124,7 @@ export interface ChartProps {
     displayConfig?: ChartDisplayConfig;
     queryObject?: CubeQuery;
     height?: string | number;
+    colorPalette?: ColorPalette;
 }
 export interface FeaturesConfig {
     enableAI?: boolean;

package/dist/client/utils/colorPalettes.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Unified Color Palette System
+ * Each palette contains coordinated series and gradient colors that work well together
+ */
+export interface ColorPalette {
+    name: string;
+    label: string;
+    colors: string[];
+    gradient: string[];
+}
+export declare const COLOR_PALETTES: ColorPalette[];
+/**
+ * Get a color palette by name, with fallback to default
+ */
+export declare function getColorPalette(paletteName?: string): ColorPalette;
+/**
+ * Get just the series colors for a palette
+ */
+export declare function getSeriesColors(paletteName?: string): string[];
+/**
+ * Get just the gradient colors for a palette
+ */
+export declare function getGradientColors(paletteName?: string): string[];
+/**
+ * Chart types that use series colors (discrete categories)
+ */
+export declare const SERIES_CHART_TYPES: readonly ["bar", "line", "area", "pie", "scatter", "radar", "radialBar", "treeMap"];
+/**
+ * Chart types that use gradient colors (continuous values)
+ */
+export declare const GRADIENT_CHART_TYPES: readonly ["bubble", "activityGrid"];
+/**
+ * Determine if a chart type uses gradient colors
+ */
+export declare function usesGradientColors(chartType: string): boolean;