drizzle-cube 0.2.19 → 0.2.23

package/dist/client/components/AnalysisBuilder/types.d.ts

@@ -27,6 +27,8 @@ export interface BreakdownItem {
     granularity?: string;
     /** Whether this is a time dimension */
     isTimeDimension: boolean;
+    /** Enable period comparison for time dimensions (compares current filter period vs prior period) */
+    enableComparison?: boolean;
 }
 /** Validation status for query building */
 export type ValidationStatus = 'idle' | 'validating' | 'valid' | 'invalid';
@@ -168,6 +170,7 @@ export interface AnalysisQueryPanelProps {
     onAddBreakdown: () => void;
     onRemoveBreakdown: (id: string) => void;
     onBreakdownGranularityChange: (id: string, granularity: string) => void;
+    onBreakdownComparisonToggle?: (id: string) => void;
     onReorderBreakdowns?: (fromIndex: number, toIndex: number) => void;
     onFiltersChange: (filters: Filter[]) => void;
     onDropFieldToFilter?: (field: string) => void;
@@ -284,6 +287,8 @@ export interface BreakdownSectionProps {
     onRemove: (id: string) => void;
     /** Change granularity for time dimension */
     onGranularityChange: (id: string, granularity: string) => void;
+    /** Toggle comparison for time dimension */
+    onComparisonToggle?: (id: string) => void;
     /** Whether the section is expanded */
     isExpanded?: boolean;
     /** Toggle expansion */
@@ -340,6 +345,10 @@ export interface BreakdownItemCardProps {
     onRemove: () => void;
     /** Granularity change handler (for time dimensions) */
     onGranularityChange?: (granularity: string) => void;
+    /** Toggle comparison for time dimensions */
+    onComparisonToggle?: () => void;
+    /** Whether another time dimension already has comparison enabled */
+    comparisonDisabled?: boolean;
     /** Current sort direction for this field */
     sortDirection?: 'asc' | 'desc' | null;
     /** Sort priority (1, 2, 3...) if sorted */

package/dist/client/components/FloatingEditToolbar.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { DashboardLayoutMode } from '../types';
+interface FloatingEditToolbarProps {
+    /** Whether the static edit bar is visible (toolbar hidden when true) */
+    isEditBarVisible: boolean;
+    /** Position of the floating toolbar */
+    position: 'left' | 'right';
+    /** Whether currently in edit mode */
+    isEditMode: boolean;
+    /** Toggle edit mode on/off */
+    onEditModeToggle: () => void;
+    /** Current layout mode */
+    layoutMode: DashboardLayoutMode;
+    /** Change layout mode */
+    onLayoutModeChange: (mode: DashboardLayoutMode) => void;
+    /** Available layout modes */
+    allowedModes: DashboardLayoutMode[];
+    /** Whether layout mode can be changed */
+    canChangeLayoutMode: boolean;
+    /** Current color palette name */
+    currentPalette: string;
+    /** Change color palette */
+    onPaletteChange: (palette: string) => void;
+    /** Add new portlet */
+    onAddPortlet: () => void;
+}
+export default function FloatingEditToolbar({ isEditBarVisible, position, isEditMode, onEditModeToggle, layoutMode, onLayoutModeChange, allowedModes, canChangeLayoutMode, currentPalette, onPaletteChange, onAddPortlet }: FloatingEditToolbarProps): React.ReactPortal | null;
+export {};

package/dist/client/components/charts/ChartTooltip.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface ChartTooltipProps {
     formatter?: (value: any, name: any, props: any) => [React.ReactText, React.ReactText];
-    labelFormatter?: (label: any) => React.ReactText;
+    labelFormatter?: (label: any, payload?: readonly any[]) => React.ReactText;
 }
 export default function ChartTooltip({ formatter, labelFormatter }: ChartTooltipProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/client/components.js

@@ -1,5 +1,5 @@
-import { a as t, A as s, d as o, D as r, M as d, P as l, b as i, Q as n } from "./chunks/components-K3xrnHN-.js";
-import { c as b, j as u, h as y, e as c, d as h, v as D } from "./chunks/charts-amt7VOyw.js";
+import { a as t, A as s, d as o, D as r, M as d, P as l, b as i, Q as n } from "./chunks/components-D7wTB56l.js";
+import { c as b, j as u, h as y, e as c, d as h, v as D } from "./chunks/charts-DboFPJFN.js";
 export {
   t as AnalyticsDashboard,
   s as AnalyticsPortlet,

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

@@ -0,0 +1,30 @@
+import { RefObject } from 'react';
+interface UseElementVisibilityOptions {
+    /** Threshold in pixels - element considered out of view when this much scrolls past top */
+    threshold?: number;
+    /** Debounce delay in milliseconds */
+    debounceMs?: number;
+    /** Custom scroll container ref (uses viewport if not provided) */
+    containerRef?: RefObject<HTMLElement | null>;
+    /** Optional state value to trigger re-initialization when container is found */
+    container?: HTMLElement | null;
+}
+/**
+ * Hook to detect whether an element is visible in the viewport/container
+ *
+ * @param elementRef - Ref to the element to track
+ * @param options - Configuration options
+ * @returns Boolean indicating if the element is visible (true when in view, false when scrolled out)
+ *
+ * @example
+ * const editBarRef = useRef<HTMLDivElement>(null)
+ * const isEditBarVisible = useElementVisibility(editBarRef, {
+ *   threshold: 80,
+ *   containerRef: scrollContainerRef
+ * })
+ *
+ * // Show floating toolbar when edit bar scrolls out of view
+ * {!isEditBarVisible && <FloatingToolbar />}
+ */
+export declare function useElementVisibility(elementRef: RefObject<HTMLElement | null>, { threshold, debounceMs, containerRef, container }?: UseElementVisibilityOptions): boolean;
+export {};

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

@@ -4,6 +4,8 @@ interface UseScrollDetectionOptions {
     threshold?: number;
     /** Debounce delay in milliseconds (default: 150) */
     debounceMs?: number;
+    /** Optional container state to trigger re-initialization when found */
+    container?: HTMLElement | null;
 }
 /**
  * Hook to detect scroll position in a container
@@ -23,5 +25,5 @@ interface UseScrollDetectionOptions {
  *   {isScrolled && <div>Shadow visible</div>}
  * </div>
  */
-export declare function useScrollDetection(containerRef: RefObject<HTMLElement>, { threshold, debounceMs }?: UseScrollDetectionOptions): boolean;
+export declare function useScrollDetection(containerRef: RefObject<HTMLElement | null>, { threshold, debounceMs, container }?: UseScrollDetectionOptions): boolean;
 export {};

package/dist/client/hooks.js

@@ -1,6 +1,6 @@
 import { useState as b, useRef as w, useEffect as y, useCallback as C, useMemo as m } from "react";
-import { u as L } from "./chunks/charts-B8YMw1mi.js";
-import { K as F } from "./chunks/charts-B8YMw1mi.js";
+import { u as L } from "./chunks/charts--hFH-bsu.js";
+import { K as F } from "./chunks/charts--hFH-bsu.js";
 function W(e, r = {}) {
   const { cubeApi: s, batchCoordinator: u, enableBatching: a } = L(), [l, d] = b({
     resultSet: null,

package/dist/client/icons/types.d.ts

@@ -59,6 +59,7 @@ export interface IconRegistry {
     documentText: IconDefinition;
     bookOpen: IconDefinition;
     codeBracket: IconDefinition;
+    swatch: IconDefinition;
     measure: IconDefinition;
     dimension: IconDefinition;
     timeDimension: IconDefinition;

package/dist/client/icons.js

@@ -1,4 +1,4 @@
-import { D as a, x as t, y as o, l as n, m as I, q as c, t as g, v as r, o as y, p, n as T } from "./chunks/charts-B8YMw1mi.js";
+import { D as a, x as t, y as o, l as n, m as I, q as c, t as g, v as r, o as y, p, n as T } from "./chunks/charts--hFH-bsu.js";
 export {
   a as DEFAULT_ICONS,
   t as getChartTypeIcon,

package/dist/client/index.d.ts

@@ -21,6 +21,7 @@ export { useCubeFieldLabel } from './hooks/useCubeFieldLabel';
 export { createCubeClient } from './client/CubeClient';
 export { useTheme } from './hooks/useTheme';
 export { useScrollDetection } from './hooks/useScrollDetection';
+export { useElementVisibility } from './hooks/useElementVisibility';
 export type { PortletConfig, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery, CubeQueryOptions, CubeApiOptions, DashboardConfig } from './types';
 export type { ChartTypeConfig, DisplayOptionConfig, AxisDropZoneConfig } from './charts/chartConfigs';
 export { createDashboardLayout, formatChartData, highlightCodeBlocks } from './utils/index';

package/dist/client/index.js

@@ -1,59 +1,60 @@
-import { e as s, a as t, A as r, d as o, D as l, M as i, c as n, P as d, b as h, Q as u, h as C, u as c } from "./chunks/components-K3xrnHN-.js";
-import { C as b, D as y, L as p, T, h as m, e as I, x as D, y as M, l as f, m as A, q as P, t as x, v as E, i as L, g as S, k as v, o as B, p as F, r as k, n as Q, j as V, s as w, a as R, u as _, c as j, d as q, b as z, f as G, w as H } from "./chunks/charts-B8YMw1mi.js";
-import { L as O, c as U, f as J, g as K, i as W, p as X, a as Y } from "./chunks/charts-amt7VOyw.js";
-import { ScrollContainerProvider as $, useScrollContainer as aa } from "./providers.js";
-import { useCubeQuery as sa } from "./hooks.js";
+import { e as s, a as t, A as r, d as o, D as i, M as l, c as n, P as u, b as d, Q as h, h as C, f as c, u as b } from "./chunks/components-D7wTB56l.js";
+import { C as y, D as p, L as T, T as m, h as I, e as D, x as f, y as M, l as A, m as E, q as P, t as x, v as L, i as S, g as v, k as B, o as F, p as V, r as k, n as Q, j as w, s as R, a as _, u as j, c as q, d as z, b as G, f as H, w as N } from "./chunks/charts--hFH-bsu.js";
+import { L as U, c as J, f as K, g as W, i as X, p as Y, a as Z } from "./chunks/charts-DboFPJFN.js";
+import { ScrollContainerProvider as aa, useScrollContainer as ea } from "./providers.js";
+import { useCubeQuery as ta } from "./hooks.js";
 export {
   s as AnalysisBuilder,
   t as AnalyticsDashboard,
   r as AnalyticsPortlet,
-  b as CubeProvider,
-  y as DEFAULT_ICONS,
+  y as CubeProvider,
+  p as DEFAULT_ICONS,
   o as DashboardEditModal,
-  l as DashboardGrid,
-  O as LazyChart,
-  p as LoadingIndicator,
-  i as Modal,
+  i as DashboardGrid,
+  U as LazyChart,
+  T as LoadingIndicator,
+  l as Modal,
   n as PortletAnalysisModal,
-  d as PortletContainer,
-  h as PortletEditModal,
-  u as QueryBuilder,
-  $ as ScrollContainerProvider,
-  T as THEME_PRESETS,
-  m as applyTheme,
-  I as createCubeClient,
-  U as createDashboardLayout,
-  J as formatChartData,
-  K as getAvailableChartTypes,
-  D as getChartTypeIcon,
+  u as PortletContainer,
+  d as PortletEditModal,
+  h as QueryBuilder,
+  aa as ScrollContainerProvider,
+  m as THEME_PRESETS,
+  I as applyTheme,
+  D as createCubeClient,
+  J as createDashboardLayout,
+  K as formatChartData,
+  W as getAvailableChartTypes,
+  f as getChartTypeIcon,
   M as getFieldTypeIcon,
-  f as getIcon,
-  A as getIconData,
+  A as getIcon,
+  E as getIconData,
   P as getIconRegistry,
   x as getIconsByCategory,
-  E as getMeasureTypeIcon,
-  L as getTheme,
-  S as getThemeVariable,
+  L as getMeasureTypeIcon,
+  S as getTheme,
+  v as getThemeVariable,
   C as highlightCodeBlocks,
-  v as isDarkMode,
-  W as isValidChartType,
-  X as preloadChart,
-  Y as preloadCharts,
-  B as registerIcons,
-  F as resetIcons,
+  B as isDarkMode,
+  X as isValidChartType,
+  Y as preloadChart,
+  Z as preloadCharts,
+  F as registerIcons,
+  V as resetIcons,
   k as resetTheme,
   Q as setIcon,
-  V as setTheme,
-  w as setThemeVariable,
-  R as useCubeApi,
-  _ as useCubeContext,
-  j as useCubeFeatures,
-  q as useCubeFieldLabel,
-  z as useCubeMeta,
-  sa as useCubeQuery,
-  aa as useScrollContainer,
-  c as useScrollDetection,
-  G as useTheme,
-  H as watchThemeChanges
+  w as setTheme,
+  R as setThemeVariable,
+  _ as useCubeApi,
+  j as useCubeContext,
+  q as useCubeFeatures,
+  z as useCubeFieldLabel,
+  G as useCubeMeta,
+  ta as useCubeQuery,
+  c as useElementVisibility,
+  ea as useScrollContainer,
+  b as useScrollDetection,
+  H as useTheme,
+  N as watchThemeChanges
 };
 //# sourceMappingURL=index.js.map

package/dist/client/providers.js

@@ -1,4 +1,4 @@
-import { C as a, e as c, u as i } from "./chunks/charts-B8YMw1mi.js";
+import { C as a, e as c, u as i } from "./chunks/charts--hFH-bsu.js";
 import { createContext as o, useContext as t } from "react";
 const e = o(null), n = e.Provider, C = () => t(e);
 export {

package/dist/client/shared/components/CodeBlock.d.ts

@@ -4,6 +4,7 @@ interface CodeBlockProps {
     language: 'json' | 'sql';
     title?: string;
     maxHeight?: string;
+    height?: string;
     className?: string;
 }
 export declare const CodeBlock: React.FC<CodeBlockProps>;