@bicharts/chart-host 0.6.7 → 0.6.8

package/dist/{chunk-RKOFRMS4.mjs → chunk-EPEVGRL6.mjs}

@@ -3848,9 +3848,27 @@ function toSourceRows(rowMap, payloadRowIdxs) {
   if (!rowMap) return payloadRowIdxs.slice();
   return payloadRowIdxs.map((i) => rowMap[i]).filter((i) => i !== void 0);
 }
-function syncMemberSelection(host, selection, id, highlight, incoming) {
+function toPayloadRows(rowMap, sourceRowIdxs) {
+  const at3 = /* @__PURE__ */ new Map();
+  rowMap.forEach((src, k3) => {
+    if (!at3.has(src)) at3.set(src, k3);
+  });
+  return sourceRowIdxs.map((s) => at3.get(s)).filter((k3) => k3 !== void 0);
+}
+var sameRows = (a4, b4) => {
+  if (a4.length !== b4.length) return false;
+  const x2 = a4.slice().sort((p2, q3) => p2 - q3), y5 = b4.slice().sort((p2, q3) => p2 - q3);
+  return x2.every((v4, i) => v4 === y5[i]);
+};
+function syncMemberSelection(host, selection, id, highlight, incoming, rowMap) {
   const mine = selection.sourceId === id && selection.rows.length > 0;
-  if (mine) return;
+  if (mine) {
+    if (rowMap) {
+      const want = toPayloadRows(rowMap, selection.rows);
+      if (!sameRows(want, host.selection.current ?? [])) host.selection.highlight(want);
+    }
+    return;
+  }
   if (highlight && incoming && incoming.length) {
     host.selection.highlight(incoming.slice());
     return;
@@ -3929,7 +3947,7 @@ function createChartGroup(columns, rows, opts = {}) {
         const next = payloadFor(highlight ? null : incoming);
         rowMap = next.rowMap;
         host.setData(next.payload);
-        syncMemberSelection(host, sel, id, highlight, incoming);
+        syncMemberSelection(host, sel, id, highlight, incoming, rowMap);
       });
       const member = {
         get rowMap() {

package/dist/index.mjs

@@ -139,7 +139,7 @@ import {
   unpinScrolledAxis,
   valuePlacementFlag,
   withoutViewOnlyKeys
-} from "./chunk-RKOFRMS4.mjs";
+} from "./chunk-EPEVGRL6.mjs";
 import "./chunk-A2GMXZP7.mjs";
 import "./chunk-GHODWOAL.mjs";
 

package/dist/react.mjs

@@ -7,7 +7,7 @@ import {
   loadGeo,
   syncMemberSelection,
   toSourceRows
-} from "./chunk-RKOFRMS4.mjs";
+} from "./chunk-EPEVGRL6.mjs";
 import "./chunk-A2GMXZP7.mjs";
 import "./chunk-GHODWOAL.mjs";
 
@@ -140,7 +140,7 @@ function BicChart(props) {
   useEffect(() => {
     const host = hostRef.current;
     if (!host || !ctx) return;
-    syncMemberSelection(host, ctx.selection, id, highlightMode, incoming);
+    syncMemberSelection(host, ctx.selection, id, highlightMode, incoming, rowMapRef.current);
   }, [ctx?.selection, id, ctx, highlightMode, incoming && incoming.join(",")]);
   return /* @__PURE__ */ jsx("div", { ref, className, style });
 }

package/dist/types/group.d.ts

@@ -74,13 +74,20 @@ export interface ChartGroup {
 /** Payload row indices -> source row indices, dropping any the map does not cover. */
 export declare function toSourceRows(rowMap: readonly number[] | null | undefined, payloadRowIdxs: readonly number[]): number[];
 /**
- * Make a member's painted selection agree with the group's. A member that made the selection
- * keeps what its host already painted. A highlight member with an incoming selection paints it.
- * Any other member that still shows a selection clears it - a stale highlight left on the origin
- * after the selection moved elsewhere, or after a clear. Both paths notify with source "host",
- * so nothing done here is republished.
+ * Make a member's painted selection agree with the group's. A highlight member with an incoming
+ * selection paints it. Any other member that still shows a selection clears it - a stale
+ * highlight left on the origin after the selection moved elsewhere, or after a clear.
+ *
+ * THE MEMBER THAT MADE THE SELECTION keeps it, repainted in the payload it draws NOW when
+ * `rowMap` (that payload's row map) is given. Its host holds the selection as PAYLOAD rows, and
+ * a member that was filtered when it was clicked stops filtering the moment it becomes the
+ * origin - its payload grows back to the whole table and renumbers, so the payload rows its
+ * host holds would name different records. The group's selection is in source rows, so it is
+ * translated through the new map and repainted when it differs.
+ *
+ * Every path notifies with source "host", so nothing done here is republished.
  */
-export declare function syncMemberSelection(host: ChartHost, selection: ChartGroupSelection, id: string | undefined, highlight: boolean, incoming: readonly number[] | null): void;
+export declare function syncMemberSelection(host: ChartHost, selection: ChartGroupSelection, id: string | undefined, highlight: boolean, incoming: readonly number[] | null, rowMap?: readonly number[] | null): void;
 /**
  * Create a cross-filter group over one source table: `rows` are objects keyed by column name,
  * `columns` the column descriptors (`ingest()` returns both).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bicharts/chart-host",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "description": "Run a BIC-generated D3 chart in any web host: compiles the generated render() function, applies the shared option defaults, resolves mark clicks (through tooltip overlays), owns the selection affordance, and translates row indices between cross-filtered charts. The same contract the BIC Power BI visual implements, minus Power BI. React bindings at @bicharts/chart-host/react.",
   "license": "Apache-2.0",
   "type": "module",