@object-ui/plugin-dashboard 3.0.3 → 3.1.1

package/dist/src/DashboardConfigPanel.d.ts

@@ -0,0 +1,28 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export interface DashboardConfigPanelProps {
+    /** Whether the panel is open */
+    open: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Initial / committed dashboard configuration */
+    config: Record<string, any>;
+    /** Persist the updated config */
+    onSave: (config: Record<string, any>) => void;
+    /** Optional live-update callback */
+    onFieldChange?: (field: string, value: any) => void;
+}
+/**
+ * DashboardConfigPanel — Schema-driven configuration panel for dashboards.
+ *
+ * Built entirely on the generic ConfigPanelRenderer + useConfigDraft,
+ * demonstrating that a full config panel can be expressed in ~60 lines
+ * of declarative schema rather than 1500+ lines of imperative code.
+ */
+export declare function DashboardConfigPanel({ open, onClose, config, onSave, onFieldChange, }: DashboardConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardConfigPanel.d.ts.map

package/dist/src/DashboardConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardConfigPanel.d.ts","sourceRoot":"","sources":["../../src/DashboardConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwGH,MAAM,WAAW,yBAAyB;IACxC,gCAAgC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,iCAAiC;IACjC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC9C,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACrD;AAMD;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAM,EACN,aAAa,GACd,EAAE,yBAAyB,2CAiB3B"}

package/dist/src/DashboardConfigPanel.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const widgetMeta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default widgetMeta;
+type Story = StoryObj<typeof widgetMeta>;
+export declare const WidgetConfig: Story;
+export declare const DashboardWithConfigPanel: Story;
+export declare const DashboardWithConfigClosed: Story;
+//# sourceMappingURL=DashboardConfigPanel.stories.d.ts.map

package/dist/src/DashboardConfigPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardConfigPanel.stories.d.ts","sourceRoot":"","sources":["../../src/DashboardConfigPanel.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAOvD,QAAA,MAAM,UAAU;;;;;;CAMA,CAAC;AAEjB,eAAe,UAAU,CAAC;AAC1B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAmCzC,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AA+EF,eAAO,MAAM,wBAAwB,EAAE,KAEtC,CAAC;AAkBF,eAAO,MAAM,yBAAyB,EAAE,KAEvC,CAAC"}

package/dist/src/DashboardGridLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGridLayout.d.ts","sourceRoot":"","sources":["../../src/DashboardGridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2C,KAAK,UAAU,IAAI,SAAS,EAAuC,MAAM,mBAAmB,CAAC;AAC/I,OAAO,kCAAkC,CAAC;AAI1C,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AA0B/E,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmOlE,CAAC"}
+{"version":3,"file":"DashboardGridLayout.d.ts","sourceRoot":"","sources":["../../src/DashboardGridLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2C,KAAK,UAAU,IAAI,SAAS,EAAuC,MAAM,mBAAmB,CAAC;AAC/I,OAAO,kCAAkC,CAAC;AAI1C,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AA2B/E,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoUlE,CAAC"}

package/dist/src/DashboardRenderer.d.ts

@@ -4,6 +4,20 @@ export interface DashboardRendererProps {
     className?: string;
     /** Callback invoked when dashboard refresh is triggered (manual or auto) */
     onRefresh?: () => void;
+    /** Total record count to display */
+    recordCount?: number;
+    /** User actions configuration */
+    userActions?: {
+        sort?: boolean;
+        search?: boolean;
+        filter?: boolean;
+    };
+    /** Enable design mode — shows selection affordances on widgets */
+    designMode?: boolean;
+    /** Currently selected widget ID (controlled) */
+    selectedWidgetId?: string | null;
+    /** Callback when a widget is clicked in design mode */
+    onWidgetClick?: (widgetId: string | null) => void;
     [key: string]: any;
 }
 export declare const DashboardRenderer: import('react').ForwardRefExoticComponent<Omit<DashboardRendererProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/DashboardRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardRenderer.d.ts","sourceRoot":"","sources":["../../src/DashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AAe/E,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,gIA4K7B,CAAC"}
+{"version":3,"file":"DashboardRenderer.d.ts","sourceRoot":"","sources":["../../src/DashboardRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AAuB/E,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACrE,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,gIA2Y7B,CAAC"}

package/dist/src/DashboardWithConfig.d.ts

@@ -0,0 +1,32 @@
+import { DashboardSchema } from '../../types/src';
+export interface DashboardWithConfigProps {
+    /** Dashboard schema for rendering */
+    schema: DashboardSchema;
+    /** Current dashboard configuration (for the config panel) */
+    config: Record<string, any>;
+    /** Called when config panel saves dashboard-level changes */
+    onConfigSave: (config: Record<string, any>) => void;
+    /** Called when widget config panel saves widget-level changes */
+    onWidgetSave?: (widgetId: string, config: Record<string, any>) => void;
+    /** Callback invoked when dashboard refresh is triggered */
+    onRefresh?: () => void;
+    /** Total record count */
+    recordCount?: number;
+    /** Whether the config panel is open initially */
+    defaultConfigOpen?: boolean;
+    /** Additional CSS class name for the container */
+    className?: string;
+}
+/**
+ * DashboardWithConfig — Composite component combining a DashboardRenderer
+ * with a DashboardConfigPanel sidebar.
+ *
+ * Supports:
+ * - Toggle config panel visibility via a Settings button
+ * - Dashboard-level configuration editing
+ * - Click-to-select a widget → sidebar switches to WidgetConfigPanel
+ * - Back navigation from widget config to dashboard config
+ * - Live preview: widget config changes are reflected in real time
+ */
+export declare function DashboardWithConfig({ schema, config, onConfigSave, onWidgetSave, onRefresh, recordCount, defaultConfigOpen, className, }: DashboardWithConfigProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardWithConfig.d.ts.map

package/dist/src/DashboardWithConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardWithConfig.d.ts","sourceRoot":"","sources":["../../src/DashboardWithConfig.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,kBAAkB,CAAC;AAU/E,MAAM,WAAW,wBAAwB;IACvC,qCAAqC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,6DAA6D;IAC7D,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACpD,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACvE,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,iBAAyB,EACzB,SAAS,GACV,EAAE,wBAAwB,2CAiJ1B"}

package/dist/src/MetricCard.d.ts

@@ -1,11 +1,17 @@
 import { default as React } from 'react';
 export interface MetricCardProps {
-    title?: string;
+    title?: string | {
+        key?: string;
+        defaultValue?: string;
+    };
     value: string | number;
     icon?: string;
     trend?: 'up' | 'down' | 'neutral';
     trendValue?: string;
-    description?: string;
+    description?: string | {
+        key?: string;
+        defaultValue?: string;
+    };
     className?: string;
 }
 /**

package/dist/src/MetricCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../src/MetricCard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAC"}
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../src/MetricCard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAC"}

package/dist/src/MetricWidget.d.ts

@@ -1,15 +1,24 @@
 import { default as React } from 'react';
 export interface MetricWidgetProps {
-    label: string;
+    label: string | {
+        key?: string;
+        defaultValue?: string;
+    };
     value: string | number;
     trend?: {
         value: number;
-        label?: string;
+        label?: string | {
+            key?: string;
+            defaultValue?: string;
+        };
         direction?: 'up' | 'down' | 'neutral';
     };
     icon?: React.ReactNode | string;
     className?: string;
-    description?: string;
+    description?: string | {
+        key?: string;
+        defaultValue?: string;
+    };
 }
 export declare const MetricWidget: ({ label, value, trend, icon, className, description, ...props }: MetricWidgetProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MetricWidget.d.ts.map

package/dist/src/MetricWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricWidget.d.ts","sourceRoot":"","sources":["../../src/MetricWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;KACvC,CAAC;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,iEAQ1B,iBAAiB,4CAyCnB,CAAC"}
+{"version":3,"file":"MetricWidget.d.ts","sourceRoot":"","sources":["../../src/MetricWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAavC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG;YAAE,GAAG,CAAC,EAAE,MAAM,CAAC;YAAC,YAAY,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACzD,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;KACvC,CAAC;IACF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAChE;AAED,eAAO,MAAM,YAAY,GAAI,iEAQ1B,iBAAiB,4CAyCnB,CAAC"}

package/dist/src/ObjectDataTable.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+export interface ObjectDataTableProps {
+    schema: {
+        type: string;
+        objectName?: string;
+        dataProvider?: {
+            provider: string;
+            object?: string;
+        };
+        bind?: string;
+        filter?: any;
+        data?: any[];
+        columns?: any[];
+        searchable?: boolean;
+        pagination?: boolean;
+        className?: string;
+        [key: string]: any;
+    };
+    dataSource?: any;
+    className?: string;
+}
+/**
+ * ObjectDataTable — Async-aware wrapper for data-table.
+ *
+ * When `objectName` is provided and a `dataSource` is available via context
+ * or props, fetches records automatically and passes them to the registered
+ * `data-table` component via SchemaRenderer.
+ *
+ * Also auto-derives columns from fetched data keys when no explicit columns
+ * are configured.
+ *
+ * Lifecycle states:
+ * - **Loading** → skeleton placeholder
+ * - **Error** → error message
+ * - **Empty** → friendly "No data available" message
+ * - **Data** → data-table with fetched rows
+ */
+export declare const ObjectDataTable: React.FC<ObjectDataTableProps>;
+//# sourceMappingURL=ObjectDataTable.d.ts.map

package/dist/src/ObjectDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectDataTable.d.ts","sourceRoot":"","sources":["../../src/ObjectDataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACrD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+I1D,CAAC"}

package/dist/src/ObjectPivotTable.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { PivotTableSchema } from '../../types/src';
+export interface ObjectPivotTableProps {
+    schema: PivotTableSchema & {
+        objectName?: string;
+        dataProvider?: {
+            provider: string;
+            object?: string;
+        };
+        bind?: string;
+        filter?: any;
+    };
+    dataSource?: any;
+    className?: string;
+}
+/**
+ * ObjectPivotTable — Async-aware wrapper around PivotTable.
+ *
+ * When `objectName` is provided and a `dataSource` is available via context
+ * or props, fetches records automatically and passes them to PivotTable.
+ *
+ * Lifecycle states:
+ * - **Loading** → skeleton placeholder
+ * - **Error** → error message
+ * - **Empty** → friendly "No data available" (delegated to PivotTable)
+ * - **Data** → PivotTable with fetched rows
+ */
+export declare const ObjectPivotTable: React.FC<ObjectPivotTableProps>;
+//# sourceMappingURL=ObjectPivotTable.d.ts.map

package/dist/src/ObjectPivotTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectPivotTable.d.ts","sourceRoot":"","sources":["../../src/ObjectPivotTable.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,gBAAgB,GAAG;QACzB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACrD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,GAAG,CAAC;KACd,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyH5D,CAAC"}

package/dist/src/PivotTable.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { PivotTableSchema } from '../../types/src';
+export interface PivotTableProps {
+    schema: PivotTableSchema;
+    className?: string;
+}
+/**
+ * PivotTable – Cross-tabulation / Pivot Table component.
+ *
+ * Renders a matrix where rows correspond to `rowField`, columns to
+ * `columnField`, and cells show the aggregated `valueField`.
+ */
+export declare const PivotTable: React.FC<PivotTableProps>;
+//# sourceMappingURL=PivotTable.d.ts.map

package/dist/src/PivotTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotTable.d.ts","sourceRoot":"","sources":["../../src/PivotTable.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAoB,MAAM,kBAAkB,CAAC;AAG3E,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2KhD,CAAC"}

package/dist/src/WidgetConfigPanel.d.ts

@@ -0,0 +1,43 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from 'react';
+export type SelectOption = {
+    value: string;
+    label: string;
+};
+export interface WidgetConfigPanelProps {
+    /** Whether the panel is open */
+    open: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Widget configuration (flattened: layout.w → layoutW, layout.h → layoutH) */
+    config: Record<string, any>;
+    /** Persist the updated widget config */
+    onSave: (config: Record<string, any>) => void;
+    /** Optional live-update callback */
+    onFieldChange?: (field: string, value: any) => void;
+    /** Extra content rendered in the header row (e.g. delete button) */
+    headerExtra?: React.ReactNode;
+    /** Available data-source objects for dropdown selection */
+    availableObjects?: SelectOption[];
+    /** Available fields of the currently selected object for dropdown selection */
+    availableFields?: SelectOption[];
+}
+/**
+ * WidgetConfigPanel — Schema-driven configuration panel for individual
+ * dashboard widgets.
+ *
+ * Supports editing: title, description, type, data binding (object,
+ * categoryField, valueField, aggregate), layout (width, height),
+ * appearance (colorVariant, actionUrl).
+ *
+ * Sections are context-aware: pivot, table, and chart types each show
+ * their own dedicated config sections via `visibleWhen` predicates.
+ */
+export declare function WidgetConfigPanel({ open, onClose, config, onSave, onFieldChange, headerExtra, availableObjects, availableFields, }: WidgetConfigPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WidgetConfigPanel.d.ts.map

package/dist/src/WidgetConfigPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetConfigPanel.d.ts","sourceRoot":"","sources":["../../src/WidgetConfigPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwE/B,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAuX5D,MAAM,WAAW,sBAAsB;IACrC,gCAAgC;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,wCAAwC;IACxC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC9C,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpD,oEAAoE;IACpE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAC;IAClC,+EAA+E;IAC/E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC;AAiBD;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,EAAE,sBAAsB,2CA8BxB"}

package/dist/src/index.d.ts

@@ -2,11 +2,23 @@ import { DashboardRenderer } from './DashboardRenderer';
 import { DashboardGridLayout } from './DashboardGridLayout';
 import { MetricWidget } from './MetricWidget';
 import { MetricCard } from './MetricCard';
-export { DashboardRenderer, DashboardGridLayout, MetricWidget, MetricCard };
+import { PivotTable } from './PivotTable';
+import { ObjectPivotTable } from './ObjectPivotTable';
+import { ObjectDataTable } from './ObjectDataTable';
+import { DashboardConfigPanel } from './DashboardConfigPanel';
+import { WidgetConfigPanel } from './WidgetConfigPanel';
+import { DashboardWithConfig } from './DashboardWithConfig';
+export { DashboardRenderer, DashboardGridLayout, MetricWidget, MetricCard, PivotTable, ObjectPivotTable, ObjectDataTable, DashboardConfigPanel, WidgetConfigPanel, DashboardWithConfig };
 export declare const dashboardComponents: {
     DashboardRenderer: import('react').ForwardRefExoticComponent<Omit<import('./DashboardRenderer').DashboardRendererProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     DashboardGridLayout: import('react').FC<import('./DashboardGridLayout').DashboardGridLayoutProps>;
     MetricWidget: ({ label, value, trend, icon, className, description, ...props }: import('./MetricWidget').MetricWidgetProps) => import("react/jsx-runtime").JSX.Element;
     MetricCard: import('react').FC<import('./MetricCard').MetricCardProps>;
+    PivotTable: import('react').FC<import('./PivotTable').PivotTableProps>;
+    ObjectPivotTable: import('react').FC<import('./ObjectPivotTable').ObjectPivotTableProps>;
+    ObjectDataTable: import('react').FC<import('./ObjectDataTable').ObjectDataTableProps>;
+    DashboardConfigPanel: typeof DashboardConfigPanel;
+    WidgetConfigPanel: typeof WidgetConfigPanel;
+    DashboardWithConfig: typeof DashboardWithConfig;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC;AAwF5E,eAAO,MAAM,mBAAmB;;;;;CAK/B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,CAAC;AAsLzL,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAW/B,CAAC"}

package/dist/src/utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/** Returns true when the widget data config uses provider: 'object' (async data source). */
+export declare function isObjectProvider(widgetData: unknown): widgetData is {
+    provider: 'object';
+    object?: string;
+    aggregate?: any;
+    filter?: any;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,IAAI;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,GAAG,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAA;CAAE,CAO1I"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-dashboard",
-  "version": "3.0.3",
+  "version": "3.1.1",
   "type": "module",
   "license": "MIT",
   "description": "Dashboard plugin for Object UI",
@@ -16,15 +16,15 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^0.576.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-grid-layout": "^2.2.2",
-    "tailwind-merge": "^2.6.1",
-    "@object-ui/components": "3.0.3",
-    "@object-ui/core": "3.0.3",
-    "@object-ui/react": "3.0.3",
-    "@object-ui/types": "3.0.3"
+    "tailwind-merge": "^3.5.0",
+    "@object-ui/components": "3.1.1",
+    "@object-ui/core": "3.1.1",
+    "@object-ui/react": "3.1.1",
+    "@object-ui/types": "3.1.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/DashboardConfigPanel.stories.tsx

@@ -0,0 +1,164 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import React, { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { WidgetConfigPanel } from './WidgetConfigPanel';
+import { DashboardWithConfig } from './DashboardWithConfig';
+import type { DashboardSchema } from '@object-ui/types';
+
+// ─── WidgetConfigPanel Stories ──────────────────────────────────────────────
+
+const widgetMeta = {
+  title: 'Plugins/DashboardConfigPanel',
+  parameters: {
+    layout: 'padded',
+  },
+  tags: ['autodocs'],
+} satisfies Meta;
+
+export default widgetMeta;
+type Story = StoryObj<typeof widgetMeta>;
+
+// --- WidgetConfigPanel ---
+
+const widgetConfig = {
+  title: 'Revenue Chart',
+  description: 'Monthly revenue by region',
+  type: 'bar',
+  object: 'orders',
+  categoryField: 'region',
+  valueField: 'amount',
+  aggregate: 'sum',
+  colorVariant: 'blue',
+  actionUrl: '',
+  layoutW: 2,
+  layoutH: 1,
+};
+
+function WidgetConfigStory() {
+  const [config, setConfig] = useState(widgetConfig);
+  return (
+    <div style={{ position: 'relative', height: 600, width: 320, border: '1px solid #e5e7eb', borderRadius: 8, overflow: 'hidden' }}>
+      <WidgetConfigPanel
+        open={true}
+        onClose={() => alert('Close clicked')}
+        config={config}
+        onSave={(newConfig) => {
+          setConfig(newConfig as typeof widgetConfig);
+          alert('Saved: ' + JSON.stringify(newConfig, null, 2));
+        }}
+      />
+    </div>
+  );
+}
+
+export const WidgetConfig: Story = {
+  render: () => <WidgetConfigStory />,
+};
+
+// --- DashboardWithConfig ---
+
+const dashboardSchema: DashboardSchema = {
+  type: 'dashboard',
+  title: 'Sales Dashboard',
+  columns: 3,
+  gap: 4,
+  widgets: [
+    {
+      id: 'mc-1',
+      component: {
+        type: 'metric-card',
+        title: 'Total Revenue',
+        value: '$128,430',
+        icon: 'DollarSign',
+        trend: 'up',
+        trendValue: '+14.2%',
+      },
+      layout: { x: 0, y: 0, w: 1, h: 1 },
+    },
+    {
+      id: 'mc-2',
+      component: {
+        type: 'metric-card',
+        title: 'Active Users',
+        value: '3,842',
+        icon: 'Users',
+        trend: 'up',
+        trendValue: '+8.1%',
+      },
+      layout: { x: 1, y: 0, w: 1, h: 1 },
+    },
+    {
+      id: 'mc-3',
+      component: {
+        type: 'metric-card',
+        title: 'Churn Rate',
+        value: '1.8%',
+        icon: 'TrendingDown',
+        trend: 'down',
+        trendValue: '-0.3%',
+      },
+      layout: { x: 2, y: 0, w: 1, h: 1 },
+    },
+  ],
+  header: {
+    showTitle: true,
+    showDescription: true,
+  },
+};
+
+const dashboardConfig = {
+  columns: 3,
+  gap: 4,
+  rowHeight: '120',
+  refreshInterval: '0',
+  title: 'Sales Dashboard',
+  showDescription: true,
+  theme: 'auto',
+};
+
+function DashboardWithConfigStory() {
+  const [config, setConfig] = useState(dashboardConfig);
+  return (
+    <div style={{ height: 600, width: '100%', border: '1px solid #e5e7eb', borderRadius: 8, overflow: 'hidden' }}>
+      <DashboardWithConfig
+        schema={dashboardSchema}
+        config={config}
+        onConfigSave={(newConfig) => {
+          setConfig(newConfig as typeof dashboardConfig);
+        }}
+        defaultConfigOpen={true}
+      />
+    </div>
+  );
+}
+
+export const DashboardWithConfigPanel: Story = {
+  render: () => <DashboardWithConfigStory />,
+};
+
+function DashboardWithConfigClosedStory() {
+  const [config, setConfig] = useState(dashboardConfig);
+  return (
+    <div style={{ height: 600, width: '100%', border: '1px solid #e5e7eb', borderRadius: 8, overflow: 'hidden' }}>
+      <DashboardWithConfig
+        schema={dashboardSchema}
+        config={config}
+        onConfigSave={(newConfig) => {
+          setConfig(newConfig as typeof dashboardConfig);
+        }}
+        defaultConfigOpen={false}
+      />
+    </div>
+  );
+}
+
+export const DashboardWithConfigClosed: Story = {
+  render: () => <DashboardWithConfigClosedStory />,
+};