drizzle-cube 0.6.7 → 0.7.0

package/dist/cjs/client/stores/dashboardStore.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { StoreApi } from 'zustand';
 import { LayoutItem } from 'react-grid-layout';
-import { PortletConfig, RowLayout, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../types.js';
+import { PortletConfig, RowLayout, PortletGroup, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../types.js';
 import { FlowChartData } from '../types/flow.js';
 import { RetentionChartData } from '../types/retention.js';
 /**
@@ -50,12 +50,16 @@ export interface DashboardStoreState {
     filterConfigPortlet: PortletConfig | null;
     /** Portlet ID pending delete confirmation (null = no confirmation active) */
     deleteConfirmPortletId: string | null;
+    /** Group ID pending delete confirmation (null = no confirmation active) */
+    deleteConfirmGroupId: string | null;
     /** Whether text portlet modal is open */
     isTextModalOpen: boolean;
     /** Portlet being edited in text modal (null = adding new) */
     editingTextPortlet: PortletConfig | null;
     /** Draft row layout during drag operations (rows mode) */
     draftRows: RowLayout[] | null;
+    /** Draft group layout during drag/resize operations (rows mode) */
+    draftGroups: PortletGroup[] | null;
     /** Whether a portlet is currently being dragged */
     isDraggingPortlet: boolean;
     /** Last known layout for change detection */
@@ -95,10 +99,12 @@ export interface DashboardStoreActions {
     closeTextModal: () => void;
     /** Open delete confirmation for a portlet */
     openDeleteConfirm: (portletId: string) => void;
+    openDeleteGroupConfirm: (groupId: string) => void;
     /** Close delete confirmation */
     closeDeleteConfirm: () => void;
     /** Set draft rows during drag operations */
     setDraftRows: (rows: RowLayout[] | null) => void;
+    setDraftGroups: (groups: PortletGroup[] | null) => void;
     /** Set whether a portlet is being dragged */
     setIsDraggingPortlet: (isDragging: boolean) => void;
     /** Set last known layout for change detection */
@@ -206,6 +212,7 @@ export declare const selectModalState: (state: DashboardStore) => {
  */
 export declare const selectLayoutState: (state: DashboardStore) => {
     draftRows: RowLayout[] | null;
+    draftGroups: PortletGroup[] | null;
     isDraggingPortlet: boolean;
     lastKnownLayout: LayoutItem[];
     isInitialized: boolean;
@@ -239,6 +246,7 @@ export declare const selectModalActions: (state: DashboardStore) => {
     openFilterConfigModal: (portlet: PortletConfig) => void;
     closeFilterConfigModal: () => void;
     openDeleteConfirm: (portletId: string) => void;
+    openDeleteGroupConfirm: (groupId: string) => void;
     closeDeleteConfirm: () => void;
 };
 /**
@@ -246,6 +254,7 @@ export declare const selectModalActions: (state: DashboardStore) => {
  */
 export declare const selectLayoutActions: (state: DashboardStore) => {
     setDraftRows: (rows: RowLayout[] | null) => void;
+    setDraftGroups: (groups: PortletGroup[] | null) => void;
     setIsDraggingPortlet: (isDragging: boolean) => void;
     setLastKnownLayout: (layout: LayoutItem[]) => void;
     setIsInitialized: (initialized: boolean) => void;
@@ -278,6 +287,7 @@ export declare const selectAllActions: (state: DashboardStore) => {
     openFilterConfigModal: (portlet: PortletConfig) => void;
     closeFilterConfigModal: () => void;
     openDeleteConfirm: (portletId: string) => void;
+    openDeleteGroupConfirm: (groupId: string) => void;
     closeDeleteConfirm: () => void;
     setDraftRows: (rows: RowLayout[] | null) => void;
     setIsDraggingPortlet: (isDragging: boolean) => void;

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

@@ -238,8 +238,36 @@ export interface DashboardGridSettings {
     minW: number;
     minH: number;
 }
+/**
+ * One cell along a group's main axis. `portletIds` are stacked perpendicular to
+ * the group's `direction`. Cells share the main axis equally and stacks share
+ * the cross axis equally - a group is an evenly divided frame, with no
+ * per-cell sizing to set or drag.
+ */
+export interface PortletGroupCell {
+    portletIds: string[];
+}
+/**
+ * A "combination portlet": several portlets snapped together so they render
+ * inside one card. Layout-only - the portlets themselves stay flat in
+ * `DashboardConfig.portlets` and are referenced by id from here.
+ *
+ * Depth is deliberately capped at two (cells along one axis, a stack inside
+ * each). Snapping perpendicular onto an already-stacked portlet joins that
+ * stack rather than creating a third level.
+ */
+export interface PortletGroup {
+    id: string;
+    /** When absent or empty, no title bar is rendered. */
+    title?: string;
+    direction: 'row' | 'column';
+    cells: PortletGroupCell[];
+}
 export interface RowLayoutColumn {
-    portletId: string;
+    /** Exactly one of `portletId` / `groupId` is set. */
+    portletId?: string;
+    /** Set when this column hosts a PortletGroup instead of a single portlet. */
+    groupId?: string;
     w: number;
 }
 export interface RowLayout {
@@ -252,6 +280,7 @@ export interface DashboardConfig {
     layoutMode?: DashboardLayoutMode;
     grid?: DashboardGridSettings;
     rows?: RowLayout[];
+    groups?: PortletGroup[];
     layouts?: {
         [key: string]: any;
     };

package/dist/client/charts.js

@@ -1,14 +1,14 @@
-import { ct as e, dt as t, ft as n, lt as r, mt as i, pt as a, st as o, t as s, ut as c } from "./chunks/chart-data-table-D6Cu86m_.js";
-import { d as l, l as u, s as d, u as f } from "./chunks/chart-activity-grid-CyVDJSAI.js";
-import { t as p } from "./chunks/chart-funnel-CLRYMbFj.js";
-import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "./chunks/charts-loader-FXj1JiQZ.js";
-import { t as x } from "./chunks/chart-area-b5UAS6NZ.js";
+import { ct as e, dt as t, ft as n, lt as r, mt as i, pt as a, st as o, t as s, ut as c } from "./chunks/chart-data-table-SNSqZj9B.js";
+import { d as l, l as u, s as d, u as f } from "./chunks/chart-activity-grid-DVOhLgxv.js";
+import { t as p } from "./chunks/chart-funnel-CkHSXp6h.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y, t as b } from "./chunks/charts-loader-0avVzeDd.js";
+import { t as x } from "./chunks/chart-area-C-5ATxvi.js";
 import { i as S } from "./chunks/utils-CToHkuhU.js";
-import { t as C } from "./chunks/chart-bar-aVNonvWw.js";
-import { t as w } from "./chunks/chart-line-BM_DrpQW.js";
-import { t as T } from "./chunks/chart-pie-D7pxCMll.js";
-import { t as E } from "./chunks/chart-scatter-DD5v7r4K.js";
-import { t as D } from "./chunks/chart-radar-sUnyHn3a.js";
-import { t as O } from "./chunks/chart-radial-bar-Df9zbhst.js";
-import { t as k } from "./chunks/chart-tree-map-DK-pNvh4.js";
+import { t as C } from "./chunks/chart-bar-CPiLaXHP.js";
+import { t as w } from "./chunks/chart-line-CzvVL3Be.js";
+import { t as T } from "./chunks/chart-pie-CwRfwWWZ.js";
+import { t as E } from "./chunks/chart-scatter-BtLfAsZb.js";
+import { t as D } from "./chunks/chart-radar-Dfql2E7i.js";
+import { t as O } from "./chunks/chart-radial-bar-oE9OZ1IX.js";
+import { t as k } from "./chunks/chart-tree-map-DU5M3-qe.js";
 export { d as CHART_COLORS, u as CHART_MARGINS, s as DataTable, p as FunnelChart, b as LazyChart, f as NEGATIVE_COLOR, l as POSITIVE_COLOR, x as RechartsAreaChart, C as RechartsBarChart, w as RechartsLineChart, T as RechartsPieChart, D as RechartsRadarChart, O as RechartsRadialBarChart, E as RechartsScatterChart, k as RechartsTreeMapChart, o as clearChartConfigCache, S as formatChartData, g as getAvailableChartTypes, e as getChartConfigAsync, r as getChartConfigSync, v as getUnavailableChartTypes, c as isChartConfigLoaded, h as isChartTypeAvailable, m as isValidChartType, t as loadAllChartConfigs, _ as preloadChart, n as preloadChartConfig, a as preloadChartConfigs, y as preloadCharts, i as useChartConfig };