@sentropic/dataviz-react 0.1.0 → 0.2.0

package/dist/adapter.d.ts

@@ -0,0 +1,25 @@
+/**
+ * React adapter for the framework-agnostic dataviz-core store. Exposes
+ * `useDashboard`, which subscribes a component to the store via React's
+ * `useSyncExternalStore` (concurrent-safe, SSR-safe). All presentation comes
+ * from `@sentropic/design-system-react`; this module only wires state.
+ */
+import { type DashboardState, type DashboardStore } from '@sentropic/dataviz-core';
+export * from '@sentropic/dataviz-core';
+export type { ButtonProps } from '@sentropic/design-system-react';
+export type { TenantTheme } from '@sentropic/design-system-themes';
+/**
+ * Subscribe a React component to a dashboard store.
+ *
+ * Without a selector it returns the whole {@link DashboardState} snapshot.
+ * With a `selector` it returns a derived value; the component re-renders only
+ * when that derived value changes by `Object.is` (the standard
+ * `useSyncExternalStore` semantics). Because the core hands out a new frozen
+ * state object on every mutation, identity comparison is reliable.
+ *
+ * The same `subscribe` reference is used for the server snapshot, so this is
+ * SSR/hydration safe.
+ */
+export declare function useDashboard(store: DashboardStore): DashboardState;
+export declare function useDashboard<T>(store: DashboardStore, selector: (state: DashboardState) => T): T;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGnF,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAAC;AACpE,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC"}

package/dist/adapter.js

@@ -0,0 +1,18 @@
+/**
+ * React adapter for the framework-agnostic dataviz-core store. Exposes
+ * `useDashboard`, which subscribes a component to the store via React's
+ * `useSyncExternalStore` (concurrent-safe, SSR-safe). All presentation comes
+ * from `@sentropic/design-system-react`; this module only wires state.
+ */
+import { useSyncExternalStore } from 'react';
+import {} from '@sentropic/dataviz-core';
+// Re-export the full core surface so consumers need a single import.
+export * from '@sentropic/dataviz-core';
+export function useDashboard(store, selector) {
+    const getSnapshot = () => {
+        const state = store.getState();
+        return selector ? selector(state) : state;
+    };
+    return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+}
+//# sourceMappingURL=adapter.js.map

package/dist/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","sourceRoot":"","sources":["../src/adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAA4C,MAAM,yBAAyB,CAAC;AAEnF,qEAAqE;AACrE,cAAc,yBAAyB,CAAC;AAoBxC,MAAM,UAAU,YAAY,CAC1B,KAAqB,EACrB,QAAuC;IAEvC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,CAAC,CAAC;IACF,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACzE,CAAC"}

package/dist/index.d.ts

@@ -1,27 +1,31 @@
 /**
  * @sentropic/dataviz-react
  *
- * React adapter for the framework-agnostic dataviz-core store. Exposes
- * `useDashboard`, which subscribes a component to the store via React's
- * `useSyncExternalStore` (concurrent-safe, SSR-safe). All presentation comes
- * from `@sentropic/design-system-react`; this package only wires state.
+ * React adapter + dashboard components for @sentropic/dataviz-core, built on
+ * @sentropic/design-system-react. The adapter wires the core's observable store
+ * onto React (`useSyncExternalStore`); the components compose design-system
+ * presentational pieces and bind them to the shared dashboard state. No
+ * presentation is authored here — it all comes from the design system.
  */
-import { type DashboardState, type DashboardStore } from '@sentropic/dataviz-core';
-export * from '@sentropic/dataviz-core';
-export type { ButtonProps } from '@sentropic/design-system-react';
-export type { TenantTheme } from '@sentropic/design-system-themes';
-/**
- * Subscribe a React component to a dashboard store.
- *
- * Without a selector it returns the whole {@link DashboardState} snapshot.
- * With a `selector` it returns a derived value; the component re-renders only
- * when that derived value changes by `Object.is` (the standard
- * `useSyncExternalStore` semantics). Because the core hands out a new frozen
- * state object on every mutation, identity comparison is reliable.
- *
- * The same `subscribe` reference is used for the server snapshot, so this is
- * SSR/hydration safe.
- */
-export declare function useDashboard(store: DashboardStore): DashboardState;
-export declare function useDashboard<T>(store: DashboardStore, selector: (state: DashboardState) => T): T;
+export * from './adapter.js';
+export { DashboardFilterBar } from './lib/DashboardFilterBar.js';
+export type { DashboardFilterBarProps } from './lib/DashboardFilterBar.js';
+export { SelectionLegend } from './lib/SelectionLegend.js';
+export type { SelectionLegendProps } from './lib/SelectionLegend.js';
+export { CrossfilteredBarChart } from './lib/CrossfilteredBarChart.js';
+export type { CrossfilteredBarChartProps } from './lib/CrossfilteredBarChart.js';
+export { SmallMultiples } from './lib/SmallMultiples.js';
+export type { SmallMultiplesProps } from './lib/SmallMultiples.js';
+export { FieldPane } from './lib/FieldPane.js';
+export type { FieldPaneProps } from './lib/FieldPane.js';
+export { PivotDataTable } from './lib/PivotDataTable.js';
+export type { PivotDataTableProps } from './lib/PivotDataTable.js';
+export { KpiCardGroup } from './lib/KpiCardGroup.js';
+export type { KpiCardGroupProps } from './lib/KpiCardGroup.js';
+export { RecordsTable } from './lib/RecordsTable.js';
+export type { RecordsTableProps } from './lib/RecordsTable.js';
+export { DrillBarChart } from './lib/DrillBarChart.js';
+export type { DrillBarChartProps } from './lib/DrillBarChart.js';
+export { DrillBreadcrumb } from './lib/DrillBreadcrumb.js';
+export type { DrillBreadcrumbProps } from './lib/DrillBreadcrumb.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAAC;AACpE,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,20 +1,23 @@
 /**
  * @sentropic/dataviz-react
  *
- * React adapter for the framework-agnostic dataviz-core store. Exposes
- * `useDashboard`, which subscribes a component to the store via React's
- * `useSyncExternalStore` (concurrent-safe, SSR-safe). All presentation comes
- * from `@sentropic/design-system-react`; this package only wires state.
+ * React adapter + dashboard components for @sentropic/dataviz-core, built on
+ * @sentropic/design-system-react. The adapter wires the core's observable store
+ * onto React (`useSyncExternalStore`); the components compose design-system
+ * presentational pieces and bind them to the shared dashboard state. No
+ * presentation is authored here — it all comes from the design system.
  */
-import { useSyncExternalStore } from 'react';
-import {} from '@sentropic/dataviz-core';
-// Re-export the full core surface so consumers need a single import.
-export * from '@sentropic/dataviz-core';
-export function useDashboard(store, selector) {
-    const getSnapshot = () => {
-        const state = store.getState();
-        return selector ? selector(state) : state;
-    };
-    return useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
-}
+// Adapter + full core surface re-export (incl. the core's `describeFilterSpec`).
+export * from './adapter.js';
+// Dashboard components (state consumers built on the design system).
+export { DashboardFilterBar } from './lib/DashboardFilterBar.js';
+export { SelectionLegend } from './lib/SelectionLegend.js';
+export { CrossfilteredBarChart } from './lib/CrossfilteredBarChart.js';
+export { SmallMultiples } from './lib/SmallMultiples.js';
+export { FieldPane } from './lib/FieldPane.js';
+export { PivotDataTable } from './lib/PivotDataTable.js';
+export { KpiCardGroup } from './lib/KpiCardGroup.js';
+export { RecordsTable } from './lib/RecordsTable.js';
+export { DrillBarChart } from './lib/DrillBarChart.js';
+export { DrillBreadcrumb } from './lib/DrillBreadcrumb.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAGN,MAAM,yBAAyB,CAAC;AAEjC,qEAAqE;AACrE,cAAc,yBAAyB,CAAC;AAoBxC,MAAM,UAAU,YAAY,CAC1B,KAAqB,EACrB,QAAuC;IAEvC,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAC5C,CAAC,CAAC;IACF,OAAO,oBAAoB,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACzE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,iFAAiF;AACjF,cAAc,cAAc,CAAC;AAE7B,qEAAqE;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/lib/CrossfilteredBarChart.d.ts

@@ -0,0 +1,35 @@
+import { type BarChartTone } from '@sentropic/design-system-react';
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type CrossfilteredBarChartProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** This chart's view id in the cross-filter graph. */
+    viewId: string;
+    /** Dimension id to group rows by (one bar per distinct value). */
+    dimension: string;
+    /** Measure id to aggregate into each bar's value. */
+    measure: string;
+    /** Accessible label of the chart (required by the design-system BarChart). */
+    label: string;
+    /** Bar colour tone from the design system. */
+    tone?: BarChartTone;
+    /**
+     * When true (default) clicking a bar toggles this view's selection (brushing
+     * input → `store.toggleSelection`); selected bars are highlighted. Set false
+     * for an output-only facet.
+     */
+    selectable?: boolean;
+    /** Fixed value-axis domain `[min, max]` for a shared scale across facets. */
+    domain?: [number, number];
+    orientation?: 'vertical' | 'horizontal';
+    width?: number;
+    height?: number;
+    className?: string;
+};
+/**
+ * A design-system `BarChart` whose data is the cross-filtered, aggregated view
+ * of the shared store. Clicking a bar brushes this view's selection (unless
+ * `selectable` is false), and the chart re-aggregates as the shared state moves.
+ */
+export declare function CrossfilteredBarChart({ store, viewId, dimension, measure, label, tone, selectable, domain, orientation, width, height, className, }: CrossfilteredBarChartProps): import("react").JSX.Element;
+//# sourceMappingURL=CrossfilteredBarChart.d.ts.map

package/dist/lib/CrossfilteredBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossfilteredBarChart.d.ts","sourceRoot":"","sources":["../../src/lib/CrossfilteredBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,0BAA0B,GAAG;IACvC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,UAAiB,EACjB,MAAM,EACN,WAAwB,EACxB,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,0BAA0B,+BAuB5B"}

package/dist/lib/CrossfilteredBarChart.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BarChart, } from '@sentropic/design-system-react';
+import { findDimension, findMeasure, groupAggregate, } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * A design-system `BarChart` whose data is the cross-filtered, aggregated view
+ * of the shared store. Clicking a bar brushes this view's selection (unless
+ * `selectable` is false), and the chart re-aggregates as the shared state moves.
+ */
+export function CrossfilteredBarChart({ store, viewId, dimension, measure, label, tone, selectable = true, domain, orientation = 'vertical', width, height, className, }) {
+    const state = useDashboard(store);
+    const dim = findDimension(store.model, dimension);
+    const m = findMeasure(store.model, measure);
+    const data = dim && m
+        ? groupAggregate(store.applyCrossfilter(viewId), dimension, m).map(({ key, value }) => tone ? { label: key, value, tone } : { label: key, value })
+        : [];
+    return (_jsx(BarChart, { data: data, label: label, orientation: orientation, width: width, height: height, domain: domain, className: className, selectedKeys: selectable ? (state.selections[viewId] ?? []) : [], onSelect: selectable ? (key) => store.toggleSelection(viewId, key) : undefined }));
+}
+//# sourceMappingURL=CrossfilteredBarChart.js.map

package/dist/lib/CrossfilteredBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossfilteredBarChart.js","sourceRoot":"","sources":["../../src/lib/CrossfilteredBarChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,GAGT,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,aAAa,EACb,WAAW,EACX,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA6B7C;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,UAAU,GAAG,IAAI,EACjB,MAAM,EACN,WAAW,GAAG,UAAU,EACxB,KAAK,EACL,MAAM,EACN,SAAS,GACkB;IAC3B,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC5C,MAAM,IAAI,GACR,GAAG,IAAI,CAAC;QACN,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CAClF,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAC3D;QACH,CAAC,CAAC,EAAE,CAAC;IACT,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAChE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,GAC9E,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/DashboardFilterBar.d.ts

@@ -0,0 +1,16 @@
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type DashboardFilterBarProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Aria-label of the filter group. */
+    label?: string;
+    /** Label of the "clear all" button (design-system default otherwise). */
+    clearAllLabel?: string;
+    className?: string;
+};
+/**
+ * Active filters rendered as design-system `FilterPill`s wired to the store.
+ * "Clear all" clears only the filters, leaving any selections intact.
+ */
+export declare function DashboardFilterBar({ store, label, clearAllLabel, className, }: DashboardFilterBarProps): import("react").JSX.Element;
+//# sourceMappingURL=DashboardFilterBar.d.ts.map

package/dist/lib/DashboardFilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilterBar.d.ts","sourceRoot":"","sources":["../../src/lib/DashboardFilterBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqC,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGjG,MAAM,MAAM,uBAAuB,GAAG;IACpC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAwB,EACxB,aAAa,EACb,SAAS,GACV,EAAE,uBAAuB,+BA6BzB"}

package/dist/lib/DashboardFilterBar.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FilterBar, FilterPill } from '@sentropic/design-system-react';
+import { describeFilterSpec, findDimension } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * Active filters rendered as design-system `FilterPill`s wired to the store.
+ * "Clear all" clears only the filters, leaving any selections intact.
+ */
+export function DashboardFilterBar({ store, label = 'Filtres actifs', clearAllLabel, className, }) {
+    const state = useDashboard(store);
+    const entries = Object.entries(state.filters);
+    return (_jsx(FilterBar, { label: label, clearAllLabel: clearAllLabel, className: className, onClearAll: entries.length > 0
+            ? () => {
+                for (const id of Object.keys(store.getState().filters))
+                    store.clearFilter(id);
+            }
+            : undefined, children: entries.map(([dimensionId, spec]) => {
+            const dimension = findDimension(store.model, dimensionId);
+            return (_jsx(FilterPill, { field: dimension?.label ?? dimensionId, value: describeFilterSpec(spec, dimension), onRemove: () => store.clearFilter(dimensionId) }, dimensionId));
+        }) }));
+}
+//# sourceMappingURL=DashboardFilterBar.js.map

package/dist/lib/DashboardFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilterBar.js","sourceRoot":"","sources":["../../src/lib/DashboardFilterBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAuB,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAY7C;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,GAAG,gBAAgB,EACxB,aAAa,EACb,SAAS,GACe;IACxB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EACR,OAAO,CAAC,MAAM,GAAG,CAAC;YAChB,CAAC,CAAC,GAAG,EAAE;gBACH,KAAK,MAAM,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC;oBAAE,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;YAChF,CAAC;YACH,CAAC,CAAC,SAAS,YAGd,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;YACnC,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YAC1D,OAAO,CACL,KAAC,UAAU,IAET,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,WAAW,EACtC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,IAHzC,WAAW,CAIhB,CACH,CAAC;QACJ,CAAC,CAAC,GACQ,CACb,CAAC;AACJ,CAAC"}

package/dist/lib/DrillBarChart.d.ts

@@ -0,0 +1,26 @@
+import { type BarChartTone } from '@sentropic/design-system-react';
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type DrillBarChartProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** This view's id (drill state + cross-filter scope live under it). */
+    viewId: string;
+    /** Ordered dimension hierarchy; bars group by the current drill level. */
+    hierarchy: string[];
+    /** Measure id aggregated into each bar's value. */
+    measure: string;
+    /** Accessible label of the chart. */
+    label: string;
+    tone?: BarChartTone;
+    orientation?: 'vertical' | 'horizontal';
+    width?: number;
+    height?: number;
+    className?: string;
+};
+/**
+ * A bar chart that drills through a dimension hierarchy: clicking a bar filters
+ * the clicked value and pushes the next level as group-by. At the deepest level
+ * a click toggles this view's selection (brushing) instead.
+ */
+export declare function DrillBarChart({ store, viewId, hierarchy, measure, label, tone, orientation, width, height, className, }: DrillBarChartProps): import("react").JSX.Element;
+//# sourceMappingURL=DrillBarChart.d.ts.map

package/dist/lib/DrillBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillBarChart.d.ts","sourceRoot":"","sources":["../../src/lib/DrillBarChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAA+B,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG3F,MAAM,MAAM,kBAAkB,GAAG;IAC/B,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAwB,EACxB,KAAK,EACL,MAAM,EACN,SAAS,GACV,EAAE,kBAAkB,+BAgCpB"}

package/dist/lib/DrillBarChart.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BarChart, } from '@sentropic/design-system-react';
+import { findMeasure, groupAggregate } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * A bar chart that drills through a dimension hierarchy: clicking a bar filters
+ * the clicked value and pushes the next level as group-by. At the deepest level
+ * a click toggles this view's selection (brushing) instead.
+ */
+export function DrillBarChart({ store, viewId, hierarchy, measure, label, tone, orientation = 'vertical', width, height, className, }) {
+    const state = useDashboard(store);
+    const level = Math.min((state.drill[viewId] ?? []).length, Math.max(hierarchy.length - 1, 0));
+    const currentDim = hierarchy[level];
+    const canDrill = level < hierarchy.length - 1;
+    const m = findMeasure(store.model, measure);
+    const data = m && currentDim
+        ? groupAggregate(store.applyCrossfilter(viewId), currentDim, m).map(({ key, value }) => tone ? { label: key, value, tone } : { label: key, value })
+        : [];
+    const onSelect = (key) => {
+        if (canDrill) {
+            store.setFilter(currentDim, { kind: 'include', values: [key] });
+            store.drillDown(viewId, hierarchy[level + 1]);
+        }
+        else {
+            store.toggleSelection(viewId, key);
+        }
+    };
+    return (_jsx(BarChart, { data: data, label: label, orientation: orientation, width: width, height: height, className: className, selectedKeys: canDrill ? [] : (state.selections[viewId] ?? []), onSelect: onSelect }));
+}
+//# sourceMappingURL=DrillBarChart.js.map

package/dist/lib/DrillBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillBarChart.js","sourceRoot":"","sources":["../../src/lib/DrillBarChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,GAGT,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,cAAc,EAAuB,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAoB7C;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,UAAU,EACxB,KAAK,EACL,MAAM,EACN,SAAS,GACU;IACnB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9F,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC5C,MAAM,IAAI,GACR,CAAC,IAAI,UAAU;QACb,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,CACnF,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,CAC3D;QACH,CAAC,CAAC,EAAE,CAAC;IACT,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE;QAC/B,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAChE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAC9D,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/DrillBreadcrumb.d.ts

@@ -0,0 +1,20 @@
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type DrillBreadcrumbProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** This view's id (must match the DrillBarChart it accompanies). */
+    viewId: string;
+    /** The same ordered dimension hierarchy used by the DrillBarChart. */
+    hierarchy: string[];
+    /** Aria-label of the breadcrumb trail. */
+    label?: string;
+    /** Label of the "go up one level" button. */
+    backLabel?: string;
+    className?: string;
+};
+/**
+ * Drill trail (design-system Breadcrumb) plus a "go up one level" button that
+ * pops the drill path and clears the value-filter applied at that level.
+ */
+export declare function DrillBreadcrumb({ store, viewId, hierarchy, label, backLabel, className, }: DrillBreadcrumbProps): import("react").JSX.Element;
+//# sourceMappingURL=DrillBreadcrumb.d.ts.map

package/dist/lib/DrillBreadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillBreadcrumb.d.ts","sourceRoot":"","sources":["../../src/lib/DrillBreadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,oBAAoB,GAAG;IACjC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAyB,EACzB,SAAsB,EACtB,SAAS,GACV,EAAE,oBAAoB,+BAuBtB"}

package/dist/lib/DrillBreadcrumb.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumb, Button, Inline } from '@sentropic/design-system-react';
+import { findDimension } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * Drill trail (design-system Breadcrumb) plus a "go up one level" button that
+ * pops the drill path and clears the value-filter applied at that level.
+ */
+export function DrillBreadcrumb({ store, viewId, hierarchy, label = 'Chemin de drill', backLabel = 'Remonter', className, }) {
+    const state = useDashboard(store);
+    const path = state.drill[viewId] ?? [];
+    const dimLabel = (id) => findDimension(store.model, id)?.label ?? id;
+    const items = hierarchy
+        .slice(0, path.length + 1)
+        .map((dim, i) => ({ label: dimLabel(dim), current: i === path.length }));
+    const back = () => {
+        const p = store.getState().drill[viewId] ?? [];
+        if (p.length === 0)
+            return;
+        store.drillUp(viewId);
+        store.clearFilter(hierarchy[p.length - 1]);
+    };
+    return (_jsxs(Inline, { gap: 2, className: className, children: [_jsx(Breadcrumb, { items: items, label: label }), path.length > 0 && (_jsx(Button, { variant: "ghost", onClick: back, children: backLabel }))] }));
+}
+//# sourceMappingURL=DrillBreadcrumb.js.map

package/dist/lib/DrillBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrillBreadcrumb.js","sourceRoot":"","sources":["../../src/lib/DrillBreadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAuB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAgB7C;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,GAAG,iBAAiB,EACzB,SAAS,GAAG,UAAU,EACtB,SAAS,GACY;IACrB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAC7E,MAAM,KAAK,GAAG,SAAS;SACpB,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;SACzB,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC3E,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC/C,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAC3B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtB,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,CAAC;IACF,OAAO,CACL,MAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,aAClC,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,EACzC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAClB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,YAClC,SAAS,GACH,CACV,IACM,CACV,CAAC;AACJ,CAAC"}

package/dist/lib/FieldPane.d.ts

@@ -0,0 +1,13 @@
+import { type TreeViewProps } from '@sentropic/design-system-react';
+import { type DataModel, type FieldId } from '@sentropic/dataviz-core';
+export type FieldPaneProps = Omit<TreeViewProps, 'nodes' | 'selectedId' | 'expandedIds' | 'defaultExpandedIds'> & {
+    model: DataModel;
+    includeDimensions?: boolean;
+    includeMeasures?: boolean;
+    selectedId?: FieldId | string;
+    expandedIds?: TreeViewProps['expandedIds'];
+    defaultExpandedIds?: TreeViewProps['defaultExpandedIds'];
+    label?: string;
+};
+export declare function FieldPane({ model, includeDimensions, includeMeasures, selectedId, expandedIds, defaultExpandedIds, label, ...rest }: FieldPaneProps): import("react").JSX.Element;
+//# sourceMappingURL=FieldPane.d.ts.map

package/dist/lib/FieldPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPane.d.ts","sourceRoot":"","sources":["../../src/lib/FieldPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,OAAO,EACb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,aAAa,EACb,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,oBAAoB,CAC9D,GAAG;IACF,KAAK,EAAE,SAAS,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,kBAAkB,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,KAAgB,EAChB,GAAG,IAAI,EACR,EAAE,cAAc,+BAahB"}

package/dist/lib/FieldPane.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TreeView, } from '@sentropic/design-system-react';
+import { buildFieldPaneTree, } from '@sentropic/dataviz-core';
+export function FieldPane({ model, includeDimensions, includeMeasures, selectedId, expandedIds, defaultExpandedIds, label = 'Fields', ...rest }) {
+    const tree = buildFieldPaneTree(model, { includeDimensions, includeMeasures });
+    return (_jsx(TreeView, { ...rest, nodes: tree.nodes, selectedId: selectedId, expandedIds: expandedIds, defaultExpandedIds: defaultExpandedIds ?? tree.defaultExpandedIds, "aria-label": rest['aria-label'] ?? label }));
+}
+//# sourceMappingURL=FieldPane.js.map

package/dist/lib/FieldPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPane.js","sourceRoot":"","sources":["../../src/lib/FieldPane.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,GAET,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,kBAAkB,GAGnB,MAAM,yBAAyB,CAAC;AAejC,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,eAAe,EACf,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,KAAK,GAAG,QAAQ,EAChB,GAAG,IAAI,EACQ;IACf,MAAM,IAAI,GAAG,kBAAkB,CAAC,KAAK,EAAE,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC,CAAC;IAE/E,OAAO,CACL,KAAC,QAAQ,OACH,IAAI,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,IAAI,IAAI,CAAC,kBAAkB,gBACrD,IAAI,CAAC,YAAY,CAAC,IAAI,KAAK,GACvC,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/KpiCardGroup.d.ts

@@ -0,0 +1,15 @@
+import { type KpiCardDeltaFormat, type KpiCardFormat, type KpiCardSize, type KpiCardTone } from '@sentropic/design-system-react';
+import { type DashboardStore, type KpiCardConfig, type Row } from '@sentropic/dataviz-core';
+export type KpiCardGroupProps = {
+    store: DashboardStore;
+    viewId?: string;
+    configs: KpiCardConfig[];
+    comparisonData?: readonly Row[];
+    format?: KpiCardFormat;
+    deltaFormat?: KpiCardDeltaFormat;
+    size?: KpiCardSize;
+    tone?: KpiCardTone;
+    className?: string;
+};
+export declare function KpiCardGroup({ store, viewId, configs, comparisonData, format, deltaFormat, size, tone, className, }: KpiCardGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=KpiCardGroup.d.ts.map

package/dist/lib/KpiCardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiCardGroup.d.ts","sourceRoot":"","sources":["../../src/lib/KpiCardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,GAAG,EACT,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,OAAO,EACP,cAAc,EACd,MAAM,EACN,WAAuB,EACvB,IAAI,EACJ,IAAI,EACJ,SAAS,GACV,EAAE,iBAAiB,+BAuBnB"}

package/dist/lib/KpiCardGroup.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { KpiCard, } from '@sentropic/design-system-react';
+import { buildKpiCards, } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+function finite(value) {
+    return value === undefined || !Number.isFinite(value) ? undefined : value;
+}
+export function KpiCardGroup({ store, viewId, configs, comparisonData, format, deltaFormat = 'percent', size, tone, className, }) {
+    useDashboard(store);
+    const cards = buildKpiCards(store.model, store.applyCrossfilter(viewId), configs, {
+        comparisonData,
+    });
+    return (_jsx("div", { className: className, children: cards.map((card) => (_jsx(KpiCard, { value: card.value, label: card.label, delta: finite(deltaFormat === 'absolute' ? card.delta : card.deltaPercent), deltaFormat: deltaFormat, format: format, size: size, tone: tone, sparkline: card.sparkline?.map((point) => point.value) }, card.id))) }));
+}
+//# sourceMappingURL=KpiCardGroup.js.map

package/dist/lib/KpiCardGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiCardGroup.js","sourceRoot":"","sources":["../../src/lib/KpiCardGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,OAAO,GAKR,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,aAAa,GAId,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAc7C,SAAS,MAAM,CAAC,KAAyB;IACvC,OAAO,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;AAC5E,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,OAAO,EACP,cAAc,EACd,MAAM,EACN,WAAW,GAAG,SAAS,EACvB,IAAI,EACJ,IAAI,EACJ,SAAS,GACS;IAClB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,MAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE;QAChF,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,OAAO,IAEN,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,EAC1E,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IARjD,IAAI,CAAC,EAAE,CASZ,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/PivotDataTable.d.ts

@@ -0,0 +1,14 @@
+import { type DataTableProps } from '@sentropic/design-system-react';
+import { type DashboardStore, type PivotConfig } from '@sentropic/dataviz-core';
+export type PivotDataTableProps = {
+    store: DashboardStore;
+    viewId?: string;
+    rows: PivotConfig['rows'];
+    columns?: PivotConfig['columns'];
+    measures: PivotConfig['measures'];
+    caption?: DataTableProps['caption'];
+    size?: DataTableProps['size'];
+    className?: string;
+};
+export declare function PivotDataTable({ store, viewId, rows, columns, measures, caption, size, className, }: PivotDataTableProps): import("react").JSX.Element;
+//# sourceMappingURL=PivotDataTable.d.ts.map

package/dist/lib/PivotDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotDataTable.d.ts","sourceRoot":"","sources":["../../src/lib/PivotDataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,+BAuBrB"}

package/dist/lib/PivotDataTable.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTable, } from '@sentropic/design-system-react';
+import { buildPivotTable, } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+function toColumns(columns) {
+    return columns.map((column) => ({
+        key: column.key,
+        label: column.label,
+        sortable: true,
+        align: column.kind === 'value' ? 'end' : 'start',
+    }));
+}
+export function PivotDataTable({ store, viewId, rows, columns, measures, caption, size, className, }) {
+    useDashboard(store);
+    let table;
+    try {
+        const pivot = buildPivotTable(store.model, store.applyCrossfilter(viewId), {
+            rows,
+            columns,
+            measures,
+        });
+        table = { columns: toColumns(pivot.columns), rows: pivot.rows };
+    }
+    catch {
+        table = { columns: [], rows: [] };
+    }
+    return (_jsx(DataTable, { columns: table.columns, rows: table.rows, caption: caption, size: size, className: className }));
+}
+//# sourceMappingURL=PivotDataTable.js.map

package/dist/lib/PivotDataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotDataTable.js","sourceRoot":"","sources":["../../src/lib/PivotDataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,GAIV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,GAIhB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAa7C,SAAS,SAAS,CAAC,OAAsD;IACvE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE,MAAM,CAAC,GAAG;QACf,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;KACjD,CAAC,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,SAAS,GACW;IACpB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,IAAI,KAA2D,CAAC;IAChE,IAAI,CAAC;QACH,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;YACzE,IAAI;YACJ,OAAO;YACP,QAAQ;SACT,CAAC,CAAC;QACH,KAAK,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAuB,EAAE,CAAC;IACrF,CAAC;IAAC,MAAM,CAAC;QACP,KAAK,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACpC,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/RecordsTable.d.ts

@@ -0,0 +1,19 @@
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type RecordsTableProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** This view's id in the cross-filter graph (rows shown are its visible rows). */
+    viewId?: string;
+    /** Field ids (and order) to show as columns; defaults to all model fields. */
+    fields?: string[];
+    caption?: string;
+    size?: 'sm' | 'md' | 'lg';
+    pageSize?: number;
+    className?: string;
+};
+/**
+ * The underlying ("show records") rows for a view — the cross-filtered data
+ * rendered as a design-system DataTable. Columns come from the data model.
+ */
+export declare function RecordsTable({ store, viewId, fields, caption, size, pageSize, className, }: RecordsTableProps): import("react").JSX.Element;
+//# sourceMappingURL=RecordsTable.d.ts.map

package/dist/lib/RecordsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordsTable.d.ts","sourceRoot":"","sources":["../../src/lib/RecordsTable.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG3E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,+BA2BnB"}

package/dist/lib/RecordsTable.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTable, } from '@sentropic/design-system-react';
+import { findMeasure } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * The underlying ("show records") rows for a view — the cross-filtered data
+ * rendered as a design-system DataTable. Columns come from the data model.
+ */
+export function RecordsTable({ store, viewId, fields, caption, size, pageSize, className, }) {
+    useDashboard(store);
+    const ids = fields ?? [
+        ...store.model.dimensions.map((d) => d.id),
+        ...store.model.measures.map((m) => m.id),
+    ];
+    const columns = ids.map((id) => {
+        const dim = store.model.dimensions.find((d) => d.id === id);
+        const meas = findMeasure(store.model, id);
+        return {
+            key: id,
+            label: dim?.label ?? meas?.label ?? id,
+            sortable: true,
+            align: meas ? 'end' : 'start',
+        };
+    });
+    const rows = store.applyCrossfilter(viewId).map((row, i) => ({ ...row, id: String(i) }));
+    return (_jsx(DataTable, { columns: columns, rows: rows, caption: caption, size: size, pageSize: pageSize, className: className }));
+}
+//# sourceMappingURL=RecordsTable.js.map

package/dist/lib/RecordsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordsTable.js","sourceRoot":"","sources":["../../src/lib/RecordsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,GAGV,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,WAAW,EAAuB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAe7C;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,GACS;IAClB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,MAAM,GAAG,GAAG,MAAM,IAAI;QACpB,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1C,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACzC,CAAC;IACF,MAAM,OAAO,GAAsB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;QAChD,MAAM,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;QAC5D,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC1C,OAAO;YACL,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,IAAI,EAAE;YACtC,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;SAC9B,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,IAAI,GAAmB,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACzG,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/SelectionLegend.d.ts

@@ -0,0 +1,16 @@
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type SelectionLegendProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Map of viewId -> human label for the legend chips (falls back to the id). */
+    labels?: Record<string, string>;
+    /** Aria-label of the legend group. */
+    label?: string;
+    className?: string;
+};
+/**
+ * Per-view selections rendered as design-system `SelectionChip`s. Renders
+ * nothing while there is no active selection.
+ */
+export declare function SelectionLegend({ store, labels, label, className, }: SelectionLegendProps): import("react").JSX.Element | null;
+//# sourceMappingURL=SelectionLegend.d.ts.map

package/dist/lib/SelectionLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionLegend.d.ts","sourceRoot":"","sources":["../../src/lib/SelectionLegend.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,MAAM,MAAM,oBAAoB,GAAG;IACjC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,MAAW,EACX,KAA4B,EAC5B,SAAS,GACV,EAAE,oBAAoB,sCAgBtB"}

package/dist/lib/SelectionLegend.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Inline, SelectionChip } from '@sentropic/design-system-react';
+import {} from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * Per-view selections rendered as design-system `SelectionChip`s. Renders
+ * nothing while there is no active selection.
+ */
+export function SelectionLegend({ store, labels = {}, label = 'Sélections actives', className, }) {
+    const state = useDashboard(store);
+    const entries = Object.entries(state.selections).filter(([, keys]) => keys.length > 0);
+    if (entries.length === 0)
+        return null;
+    return (_jsx(Inline, { role: "group", "aria-label": label, gap: 2, wrap: true, className: className, children: entries.map(([viewId, keys]) => (_jsx(SelectionChip, { label: labels[viewId] ?? viewId, count: keys.length, onClear: () => store.clearSelection(viewId) }, viewId))) }));
+}
+//# sourceMappingURL=SelectionLegend.js.map

package/dist/lib/SelectionLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionLegend.js","sourceRoot":"","sources":["../../src/lib/SelectionLegend.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAY7C;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,oBAAoB,EAC5B,SAAS,GACY;IACrB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACvF,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACtC,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,gBAAa,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,QAAC,SAAS,EAAE,SAAS,YACtE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAC/B,KAAC,aAAa,IAEZ,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,MAAM,EAC/B,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAHtC,MAAM,CAIX,CACH,CAAC,GACK,CACV,CAAC;AACJ,CAAC"}

package/dist/lib/SmallMultiples.d.ts

@@ -0,0 +1,28 @@
+import { type BarChartTone } from '@sentropic/design-system-react';
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type SmallMultiplesProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** This view's id in the cross-filter graph. */
+    viewId: string;
+    /** Dimension whose distinct values each produce one facet (panel). */
+    facetBy: string;
+    /** Dimension to group rows by inside each facet (bar categories). */
+    dimension: string;
+    /** Measure id aggregated into each bar's value. */
+    measure: string;
+    /** Accessible label; each facet chart is "<label> — <facet key>". */
+    label: string;
+    /** Number of grid columns (design-system Grid). Defaults to 2. */
+    columns?: number;
+    /** Bar colour tone from the design system. */
+    tone?: BarChartTone;
+    className?: string;
+};
+/**
+ * Faceting / trellis: one design-system `BarChart` per distinct `facetBy`
+ * value, laid out in a `Grid`, all sharing a single value `domain` so the
+ * facets are visually comparable.
+ */
+export declare function SmallMultiples({ store, viewId, facetBy, dimension, measure, label, columns, tone, className, }: SmallMultiplesProps): import("react").JSX.Element;
+//# sourceMappingURL=SmallMultiples.d.ts.map

package/dist/lib/SmallMultiples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallMultiples.d.ts","sourceRoot":"","sources":["../../src/lib/SmallMultiples.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAClB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,gDAAgD;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,OAAO,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAW,EACX,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,+BAoCrB"}

package/dist/lib/SmallMultiples.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Grid, BarChart, } from '@sentropic/design-system-react';
+import { findDimension, findMeasure, groupAggregate, } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+const keyOf = (v) => (v == null ? 'null' : String(v));
+/**
+ * Faceting / trellis: one design-system `BarChart` per distinct `facetBy`
+ * value, laid out in a `Grid`, all sharing a single value `domain` so the
+ * facets are visually comparable.
+ */
+export function SmallMultiples({ store, viewId, facetBy, dimension, measure, label, columns = 2, tone, className, }) {
+    useDashboard(store);
+    const fdim = findDimension(store.model, facetBy);
+    const dim = findDimension(store.model, dimension);
+    const m = findMeasure(store.model, measure);
+    let panels = [];
+    let domain;
+    if (fdim && dim && m) {
+        const rows = store.applyCrossfilter(viewId);
+        const keys = [];
+        const seen = new Set();
+        for (const row of rows) {
+            const k = keyOf(row[facetBy]);
+            if (!seen.has(k)) {
+                seen.add(k);
+                keys.push(k);
+            }
+        }
+        let max = 0;
+        panels = keys.map((k) => {
+            const facetRows = rows.filter((row) => keyOf(row[facetBy]) === k);
+            const data = groupAggregate(facetRows, dimension, m).map(({ key: barKey, value }) => {
+                if (value > max)
+                    max = value;
+                return tone ? { label: barKey, value, tone } : { label: barKey, value };
+            });
+            return { key: k, data };
+        });
+        domain = panels.length ? [0, max] : undefined;
+    }
+    return (_jsx(Grid, { columns: columns, gap: 4, className: className, role: "group", "aria-label": label, children: panels.map((panel) => (_jsx(BarChart, { data: panel.data, label: `${label} — ${panel.key}`, domain: domain }, panel.key))) }));
+}
+//# sourceMappingURL=SmallMultiples.js.map

package/dist/lib/SmallMultiples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallMultiples.js","sourceRoot":"","sources":["../../src/lib/SmallMultiples.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EACJ,QAAQ,GAGT,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,aAAa,EACb,WAAW,EACX,cAAc,GAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAsB7C,MAAM,KAAK,GAAG,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/D;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,GAAG,CAAC,EACX,IAAI,EACJ,SAAS,GACW;IACpB,YAAY,CAAC,KAAK,CAAC,CAAC;IACpB,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAC5C,IAAI,MAAM,GAA6C,EAAE,CAAC;IAC1D,IAAI,MAAoC,CAAC;IACzC,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAa,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;QAC/B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACZ,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACf,CAAC;QACH,CAAC;QACD,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACtB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAClE,MAAM,IAAI,GAAG,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;gBAClF,IAAI,KAAK,GAAG,GAAG;oBAAE,GAAG,GAAG,KAAK,CAAC;gBAC7B,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;YAC1E,CAAC,CAAC,CAAC;YACH,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;QAC1B,CAAC,CAAC,CAAC;QACH,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,CAAC;IACD,OAAO,CACL,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,OAAO,gBAAa,KAAK,YACjF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,QAAQ,IAAiB,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,MAAM,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,IAA7E,KAAK,CAAC,GAAG,CAAwE,CACjG,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentropic/dataviz-react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "React adapter for @sentropic/dataviz-core, built on @sentropic/design-system-react.",
   "type": "module",
   "license": "MIT",
@@ -27,8 +27,8 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@sentropic/dataviz-core": "0.1.0",
-    "@sentropic/design-system-react": "0.16.0",
+    "@sentropic/dataviz-core": "0.2.0",
+    "@sentropic/design-system-react": "0.18.0",
     "@sentropic/design-system-themes": "0.11.0"
   },
   "peerDependencies": {