drizzle-cube 0.2.1 → 0.2.3

package/dist/client/hooks.js

@@ -1,8 +1,8 @@
 import { useState as b, useRef as w, useEffect as y, useCallback as C, useMemo as m } from "react";
-import { u as x } from "./chunks/chart-activitygridchart-B5OqLgbD.js";
-import { x as F } from "./chunks/chart-activitygridchart-B5OqLgbD.js";
-function L(e, r = {}) {
-  const { cubeApi: s, batchCoordinator: u, enableBatching: a } = x(), [l, d] = b({
+import { u as L } from "./chunks/chart-activitygridchart-BzL97Vnm.js";
+import { D as F } from "./chunks/chart-activitygridchart-BzL97Vnm.js";
+function W(e, r = {}) {
+  const { cubeApi: s, batchCoordinator: u, enableBatching: a } = L(), [l, d] = b({
     resultSet: null,
     isLoading: !1,
     error: null,
@@ -38,13 +38,13 @@ function L(e, r = {}) {
     });
   }, [e, s, u, a, r.skip, r.resetResultSetOnChange]), l;
 }
-function D(e, r = !0) {
+function O(e, r = !0) {
   const [s, u] = b([]), [a, l] = b(null), d = w(null), f = w(""), {
     resultSet: n,
     isLoading: o,
     error: i,
     queryId: t
-  } = L(a, {
+  } = W(a, {
     skip: !a || !r,
     resetResultSetOnChange: !0
     // Clear old results when query changes
@@ -125,7 +125,7 @@ function Q(e, r) {
     };
   }, [e, r]), s;
 }
-const R = 1200, W = 768;
+const R = 1200, p = 768;
 function k() {
   const [e, r] = b(
     () => typeof window < "u" ? window.innerWidth : R
@@ -153,7 +153,7 @@ function k() {
       window.removeEventListener("resize", n), clearTimeout(o);
     };
   }, []);
-  const l = m(() => e >= R ? "desktop" : e >= W ? "scaled" : "mobile", [e]), d = m(() => l !== "scaled" ? 1 : e / R, [e, l]);
+  const l = m(() => e >= R ? "desktop" : e >= p ? "scaled" : "mobile", [e]), d = m(() => l !== "scaled" ? 1 : e / R, [e, l]);
   return {
     containerRef: a,
     containerWidth: e,
@@ -165,9 +165,9 @@ function k() {
 }
 export {
   F as useCubeMeta,
-  L as useCubeQuery,
+  W as useCubeQuery,
   Q as useDebounce,
-  D as useFilterValues,
+  O as useFilterValues,
   k as useResponsiveDashboard
 };
 //# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1,5 @@
+import { IconRegistry } from './types';
+/**
+ * Default icon registry with all icons used in drizzle-cube
+ */
+export declare const DEFAULT_ICONS: IconRegistry;

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

@@ -0,0 +1,22 @@
+/**
+ * Drizzle Cube Icon System
+ *
+ * Centralized, configurable icon registry following the theme pattern.
+ * All icons can be overridden by users with their own implementations.
+ *
+ * @example
+ * ```typescript
+ * // Get an icon component
+ * import { getIcon } from 'drizzle-cube/client/icons'
+ * const CloseIcon = getIcon('close')
+ * <CloseIcon className="w-4 h-4" />
+ *
+ * // Override icons at app initialization
+ * import { registerIcons } from 'drizzle-cube/client/icons'
+ * import myCloseIcon from '@iconify-icons/mdi/close'
+ * registerIcons({ close: myCloseIcon })
+ * ```
+ */
+export type { IconCategory, IconProps, IconComponent, IconDefinition, IconRegistry, IconName, PartialIconRegistry } from './types';
+export { getIconRegistry, getIcon, getIconData, setIcon, registerIcons, resetIcons, getIconsByCategory, getMeasureTypeIcon, getChartTypeIcon, getFieldTypeIcon } from './registry';
+export { DEFAULT_ICONS } from './defaultIcons';

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

@@ -0,0 +1,58 @@
+import { IconifyIcon } from '@iconify/types';
+import { ComponentType } from 'react';
+import { IconRegistry, IconName, IconCategory, IconProps, PartialIconRegistry } from './types';
+/**
+ * Get the full icon registry
+ */
+export declare function getIconRegistry(): IconRegistry;
+/**
+ * Get a specific icon as a React component
+ * @param name The icon name from the registry
+ * @returns A React component that renders the icon
+ */
+export declare function getIcon(name: IconName): ComponentType<IconProps>;
+/**
+ * Get icon data directly (for use with Iconify's Icon component)
+ * @param name The icon name from the registry
+ * @returns The IconifyIcon data
+ */
+export declare function getIconData(name: IconName): IconifyIcon;
+/**
+ * Override a single icon in the registry
+ * @param name The icon name to override
+ * @param icon The new IconifyIcon data
+ */
+export declare function setIcon(name: IconName, icon: IconifyIcon): void;
+/**
+ * Register multiple icon overrides at once
+ * @param overrides Partial registry with icons to override
+ */
+export declare function registerIcons(overrides: PartialIconRegistry): void;
+/**
+ * Reset the registry to default icons
+ */
+export declare function resetIcons(): void;
+/**
+ * Get all icons in a specific category
+ * @param category The icon category to filter by
+ * @returns Record of icon names to their components
+ */
+export declare function getIconsByCategory(category: IconCategory): Record<string, ComponentType<IconProps>>;
+/**
+ * Helper to get measure type icon component
+ * @param measureType The measure type (count, avg, sum, etc.)
+ * @returns React component for the icon
+ */
+export declare function getMeasureTypeIcon(measureType: string | undefined): ComponentType<IconProps>;
+/**
+ * Helper to get chart type icon component
+ * @param chartType The chart type (bar, line, pie, etc.)
+ * @returns React component for the icon
+ */
+export declare function getChartTypeIcon(chartType: string): ComponentType<IconProps>;
+/**
+ * Helper to get field type icon component
+ * @param fieldType The field type (measure, dimension, timeDimension)
+ * @returns React component for the icon
+ */
+export declare function getFieldTypeIcon(fieldType: string): ComponentType<IconProps>;

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

@@ -0,0 +1,111 @@
+import { IconifyIcon } from '@iconify/types';
+import { ComponentType } from 'react';
+/**
+ * Icon categories for organization and filtering
+ */
+export type IconCategory = 'action' | 'field' | 'chart' | 'measure' | 'state' | 'navigation';
+/**
+ * Standard icon component props
+ */
+export interface IconProps {
+    className?: string;
+    'aria-hidden'?: boolean;
+    style?: React.CSSProperties;
+}
+/**
+ * Icon component type that can be used in JSX
+ */
+export type IconComponent = ComponentType<IconProps>;
+/**
+ * Icon definition with Iconify data and metadata
+ */
+export interface IconDefinition {
+    /** The Iconify icon data */
+    icon: IconifyIcon;
+    /** Category for filtering/organization */
+    category: IconCategory;
+    /** Optional description */
+    description?: string;
+}
+/**
+ * Complete icon registry with all available icons
+ */
+export interface IconRegistry {
+    close: IconDefinition;
+    add: IconDefinition;
+    edit: IconDefinition;
+    delete: IconDefinition;
+    refresh: IconDefinition;
+    copy: IconDefinition;
+    duplicate: IconDefinition;
+    settings: IconDefinition;
+    filter: IconDefinition;
+    share: IconDefinition;
+    expand: IconDefinition;
+    collapse: IconDefinition;
+    search: IconDefinition;
+    menu: IconDefinition;
+    run: IconDefinition;
+    check: IconDefinition;
+    link: IconDefinition;
+    eye: IconDefinition;
+    eyeOff: IconDefinition;
+    adjustments: IconDefinition;
+    desktop: IconDefinition;
+    table: IconDefinition;
+    measure: IconDefinition;
+    dimension: IconDefinition;
+    timeDimension: IconDefinition;
+    segment: IconDefinition;
+    chartBar: IconDefinition;
+    chartLine: IconDefinition;
+    chartArea: IconDefinition;
+    chartPie: IconDefinition;
+    chartScatter: IconDefinition;
+    chartBubble: IconDefinition;
+    chartRadar: IconDefinition;
+    chartRadialBar: IconDefinition;
+    chartTreemap: IconDefinition;
+    chartTable: IconDefinition;
+    chartActivityGrid: IconDefinition;
+    chartKpiNumber: IconDefinition;
+    chartKpiDelta: IconDefinition;
+    chartKpiText: IconDefinition;
+    chartMarkdown: IconDefinition;
+    measureCount: IconDefinition;
+    measureCountDistinct: IconDefinition;
+    measureCountDistinctApprox: IconDefinition;
+    measureSum: IconDefinition;
+    measureAvg: IconDefinition;
+    measureMin: IconDefinition;
+    measureMax: IconDefinition;
+    measureRunningTotal: IconDefinition;
+    measureCalculated: IconDefinition;
+    measureNumber: IconDefinition;
+    success: IconDefinition;
+    warning: IconDefinition;
+    error: IconDefinition;
+    info: IconDefinition;
+    loading: IconDefinition;
+    sparkles: IconDefinition;
+    chevronUp: IconDefinition;
+    chevronDown: IconDefinition;
+    chevronLeft: IconDefinition;
+    chevronRight: IconDefinition;
+    chevronUpDown: IconDefinition;
+    arrowUp: IconDefinition;
+    arrowDown: IconDefinition;
+    arrowRight: IconDefinition;
+    arrowPath: IconDefinition;
+}
+/**
+ * Type for icon registry keys
+ */
+export type IconName = keyof IconRegistry;
+/**
+ * Partial icon registry for user overrides
+ * Users can provide just the IconifyIcon or a full IconDefinition
+ */
+export type PartialIconRegistry = Partial<{
+    [K in keyof IconRegistry]: IconifyIcon | Partial<IconDefinition>;
+}>;

package/dist/client/icons.d.ts

@@ -0,0 +1,2 @@
+export * from './icons/index'
+export {}

package/dist/client/icons.js

@@ -0,0 +1,15 @@
+import { D as a, g as t, h as o, a as c, b as g, d as I, e as n, f as r, r as y, c as p, s as T } from "./chunks/chart-activitygridchart-config-48WqIofo.js";
+export {
+  a as DEFAULT_ICONS,
+  t as getChartTypeIcon,
+  o as getFieldTypeIcon,
+  c as getIcon,
+  g as getIconData,
+  I as getIconRegistry,
+  n as getIconsByCategory,
+  r as getMeasureTypeIcon,
+  y as registerIcons,
+  p as resetIcons,
+  T as setIcon
+};
+//# sourceMappingURL=icons.js.map

package/dist/client/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/client/index.d.ts

@@ -1,19 +1,3 @@
-/**
- * Drizzle Cube Client Components
- *
- * React components for building analytics dashboards with minimal dependencies.
- * Designed to be embedded in existing applications with their own auth/navigation.
- *
- * For modular imports, consider using:
- * - 'drizzle-cube/client/charts' - Chart components only
- * - 'drizzle-cube/client/hooks' - React hooks only
- * - 'drizzle-cube/client/providers' - Context providers only
- * - 'drizzle-cube/client/components' - UI components (no charts)
- * - 'drizzle-cube/client/utils' - Utility functions only
- *
- * IMPORTANT: CSS is NOT auto-imported. Add to your app entry:
- *   import 'drizzle-cube/client/styles.css'
- */
 export { default as AnalyticsPortlet } from './components/AnalyticsPortlet';
 export { default as AnalyticsDashboard } from './components/AnalyticsDashboard';
 export { default as LoadingIndicator } from './components/LoadingIndicator';
@@ -35,3 +19,5 @@ export type { ChartTypeConfig, DisplayOptionConfig, AxisDropZoneConfig } from '.
 export { createDashboardLayout, formatChartData } from './utils/index';
 export { getThemeVariable, setThemeVariable, applyTheme, resetTheme, getTheme, setTheme, isDarkMode, watchThemeChanges, THEME_PRESETS } from './theme';
 export type { ThemeColorTokens, ThemeConfig, Theme } from './theme';
+export { getIcon, getIconData, setIcon, registerIcons, resetIcons, getIconRegistry, getIconsByCategory, getMeasureTypeIcon, getChartTypeIcon, getFieldTypeIcon, DEFAULT_ICONS } from './icons';
+export type { IconCategory, IconProps, IconComponent, IconDefinition, IconRegistry, IconName, PartialIconRegistry } from './icons';