@sentropic/dataviz-react 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -28,4 +28,10 @@ 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';
+export { TopNFilter } from './lib/TopNFilter.js';
+export type { TopNFilterProps } from './lib/TopNFilter.js';
+export { ValueSlicer } from './lib/ValueSlicer.js';
+export type { ValueSlicerProps } from './lib/ValueSlicer.js';
+export { ExportMenu, rowsToCsv } from './lib/ExportMenu.js';
+export type { ExportMenuProps } from './lib/ExportMenu.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;;;;;;;;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"}
+{"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;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -20,4 +20,7 @@ export { KpiCardGroup } from './lib/KpiCardGroup.js';
 export { RecordsTable } from './lib/RecordsTable.js';
 export { DrillBarChart } from './lib/DrillBarChart.js';
 export { DrillBreadcrumb } from './lib/DrillBreadcrumb.js';
+export { TopNFilter } from './lib/TopNFilter.js';
+export { ValueSlicer } from './lib/ValueSlicer.js';
+export { ExportMenu, rowsToCsv } from './lib/ExportMenu.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;;;;;;;;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"}
+{"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;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/lib/ExportMenu.d.ts

@@ -0,0 +1,25 @@
+import { type DashboardStore, type Row } from '@sentropic/dataviz-core';
+export type ExportMenuProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** View whose cross-filtered rows are exported (omit for global filters). */
+    viewId?: string;
+    /** Field ids (and order) to export; defaults to all model fields. */
+    fields?: string[];
+    /** Downloaded file name. */
+    filename?: string;
+    /** Button label. */
+    label?: string;
+    className?: string;
+};
+/** Pure: rows + columns → a CSV string (RFC-4180-ish escaping). */
+export declare function rowsToCsv(rows: readonly Row[], columns: {
+    key: string;
+    label: string;
+}[]): string;
+/**
+ * Exports the current cross-filtered rows of a view as a downloaded CSV, via a
+ * design-system Button. The CSV serialisation is pure and exported for testing.
+ */
+export declare function ExportMenu({ store, viewId, fields, filename, label, className, }: ExportMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=ExportMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.d.ts","sourceRoot":"","sources":["../../src/lib/ExportMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAErF,MAAM,MAAM,eAAe,GAAG;IAC5B,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAOF,mEAAmE;AACnE,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,MAAM,CAIjG;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAuB,EACvB,KAAwB,EACxB,SAAS,GACV,EAAE,eAAe,+BA4BjB"}

package/dist/lib/ExportMenu.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@sentropic/design-system-react';
+import { findMeasure } from '@sentropic/dataviz-core';
+function escapeCsv(value) {
+    const s = value == null ? '' : String(value);
+    return /[",\n\r]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
+}
+/** Pure: rows + columns → a CSV string (RFC-4180-ish escaping). */
+export function rowsToCsv(rows, columns) {
+    const header = columns.map((c) => escapeCsv(c.label)).join(',');
+    const body = rows.map((r) => columns.map((c) => escapeCsv(r[c.key] ?? '')).join(',')).join('\n');
+    return body ? `${header}\n${body}` : header;
+}
+/**
+ * Exports the current cross-filtered rows of a view as a downloaded CSV, via a
+ * design-system Button. The CSV serialisation is pure and exported for testing.
+ */
+export function ExportMenu({ store, viewId, fields, filename = 'export.csv', label = 'Exporter (CSV)', className, }) {
+    const columns = () => {
+        const ids = fields ?? [
+            ...store.model.dimensions.map((d) => d.id),
+            ...store.model.measures.map((m) => m.id),
+        ];
+        return 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 };
+        });
+    };
+    const exportCsv = () => {
+        const csv = rowsToCsv(store.applyCrossfilter(viewId), columns());
+        if (typeof URL === 'undefined' || typeof URL.createObjectURL !== 'function')
+            return;
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        a.click();
+        URL.revokeObjectURL(url);
+    };
+    return (_jsx(Button, { variant: "secondary", className: className, onClick: exportCsv, children: label }));
+}
+//# sourceMappingURL=ExportMenu.js.map

package/dist/lib/ExportMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportMenu.js","sourceRoot":"","sources":["../../src/lib/ExportMenu.tsx"],"names":[],"mappings":"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"}

package/dist/lib/TopNFilter.d.ts

@@ -0,0 +1,20 @@
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type TopNFilterProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Dimension to restrict to its top-N values. */
+    dimension: string;
+    /** Measure used to rank the dimension's values (descending). */
+    measure: string;
+    /** Initial N. Defaults to 5. */
+    defaultN?: number;
+    /** Field label of the number input. */
+    label?: string;
+    className?: string;
+};
+/**
+ * Restricts a dimension to its top-N values by a measure (ranked over the full
+ * dataset), via a design-system NumberInput. Applies on mount and on change.
+ */
+export declare function TopNFilter({ store, dimension, measure, defaultN, label, className, }: TopNFilterProps): import("react").JSX.Element;
+//# sourceMappingURL=TopNFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopNFilter.d.ts","sourceRoot":"","sources":["../../src/lib/TopNFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,cAAc,EAAY,MAAM,yBAAyB,CAAC;AAErG,MAAM,MAAM,eAAe,GAAG;IAC5B,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAY,EACZ,KAAe,EACf,SAAS,GACV,EAAE,eAAe,+BAyBjB"}

package/dist/lib/TopNFilter.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { NumberInput } from '@sentropic/design-system-react';
+import { findMeasure, groupAggregate } from '@sentropic/dataviz-core';
+/**
+ * Restricts a dimension to its top-N values by a measure (ranked over the full
+ * dataset), via a design-system NumberInput. Applies on mount and on change.
+ */
+export function TopNFilter({ store, dimension, measure, defaultN = 5, label = 'Top N', className, }) {
+    const [n, setN] = useState(defaultN);
+    useEffect(() => {
+        const m = findMeasure(store.model, measure);
+        if (!m || !Number.isFinite(n) || n < 1)
+            return;
+        const ranked = groupAggregate([...store.data], dimension, m)
+            .slice()
+            .sort((a, b) => b.value - a.value)
+            .slice(0, n)
+            .map((r) => r.key);
+        store.setFilter(dimension, { kind: 'include', values: ranked });
+    }, [store, dimension, measure, n]);
+    return (_jsx(NumberInput, { label: label, value: n, min: 1, step: 1, className: className, onChange: (e) => {
+            const v = Number(e.target.value);
+            if (Number.isFinite(v))
+                setN(v);
+        } }));
+}
+//# sourceMappingURL=TopNFilter.js.map

package/dist/lib/TopNFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNFilter.js","sourceRoot":"","sources":["../../src/lib/TopNFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAiC,MAAM,yBAAyB,CAAC;AAgBrG;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,CAAC,EACZ,KAAK,GAAG,OAAO,EACf,SAAS,GACO;IAChB,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC5C,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YAAE,OAAO;QAC/C,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,GAAI,KAAK,CAAC,IAAuB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;aAC7E,KAAK,EAAE;aACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;aACjC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACrB,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;IACnC,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,MAAM,CAAC,GAAG,MAAM,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;YACvD,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/ValueSlicer.d.ts

@@ -0,0 +1,17 @@
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type ValueSlicerProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Dimension whose distinct values become the slicer's checkboxes. */
+    dimension: string;
+    /** Legend; defaults to the dimension label. */
+    legend?: string;
+    orientation?: 'vertical' | 'horizontal';
+    className?: string;
+};
+/**
+ * A checkbox slicer over a dimension's distinct values: checked values become an
+ * `include` filter (an OR within the dimension). Design-system CheckboxGroup.
+ */
+export declare function ValueSlicer({ store, dimension, legend, orientation, className, }: ValueSlicerProps): import("react").JSX.Element;
+//# sourceMappingURL=ValueSlicer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValueSlicer.d.ts","sourceRoot":"","sources":["../../src/lib/ValueSlicer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,MAAM,EACN,WAAwB,EACxB,SAAS,GACV,EAAE,gBAAgB,+BA4BlB"}

package/dist/lib/ValueSlicer.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckboxGroup } from '@sentropic/design-system-react';
+import { findDimension } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+const keyOf = (v) => (v == null ? 'null' : String(v));
+/**
+ * A checkbox slicer over a dimension's distinct values: checked values become an
+ * `include` filter (an OR within the dimension). Design-system CheckboxGroup.
+ */
+export function ValueSlicer({ store, dimension, legend, orientation = 'vertical', className, }) {
+    const state = useDashboard(store);
+    const resolvedLegend = legend ?? findDimension(store.model, dimension)?.label ?? dimension;
+    const seen = new Set();
+    const options = [];
+    for (const row of store.data) {
+        const k = keyOf(row[dimension]);
+        if (!seen.has(k)) {
+            seen.add(k);
+            options.push({ label: k, value: k });
+        }
+    }
+    const f = state.filters[dimension];
+    const value = f && f.kind === 'include' ? [...f.values] : [];
+    const onChange = (values) => {
+        if (values.length)
+            store.setFilter(dimension, { kind: 'include', values });
+        else
+            store.clearFilter(dimension);
+    };
+    return (_jsx(CheckboxGroup, { legend: resolvedLegend, options: options, value: value, orientation: orientation, className: className, onChange: onChange }));
+}
+//# sourceMappingURL=ValueSlicer.js.map

package/dist/lib/ValueSlicer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueSlicer.js","sourceRoot":"","sources":["../../src/lib/ValueSlicer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA4B,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,aAAa,EAAuB,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAa7C,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;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,MAAM,EACN,WAAW,GAAG,UAAU,EACxB,SAAS,GACQ;IACjB,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,cAAc,GAAG,MAAM,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,IAAI,SAAS,CAAC;IAC3F,MAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,MAAM,OAAO,GAA0B,EAAE,CAAC;IAC1C,KAAK,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YACZ,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7D,MAAM,QAAQ,GAAG,CAAC,MAAgB,EAAE,EAAE;QACpC,IAAI,MAAM,CAAC,MAAM;YAAE,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC;;YACtE,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,CAAC;IACF,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AACJ,CAAC"}

package/package.json

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