@bicharts/chart-host 0.6.7 → 0.6.9

package/dist/{chunk-RKOFRMS4.mjs → chunk-GJF6V6BZ.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;
@@ -3918,18 +3936,24 @@ function createChartGroup(columns, rows, opts = {}) {
     attach(id, host, o = {}) {
       const highlight = o.respondsWith === "highlight";
       let rowMap = memberPayload(id, o).rowMap;
+      const filterKey = (incoming) => highlight || !incoming ? "*" : incoming.join(",");
+      let drawnUnder = filterKey(incomingFor(id, o.filteredBy));
       const offHost = host.selection.onChange((payloadIdxs, source) => {
         if (source === "host") return;
         const sourceIdxs = toSourceRows(rowMap, payloadIdxs);
         if (id) group.publish(id, sourceIdxs);
         o.onSelect?.(sourceIdxs);
       });
-      const offGroup = group.onChange((sel) => {
+      const offGroup = group.onChange((sel, change) => {
         const incoming = incomingFor(id, o.filteredBy);
-        const next = payloadFor(highlight ? null : incoming);
-        rowMap = next.rowMap;
-        host.setData(next.payload);
-        syncMemberSelection(host, sel, id, highlight, incoming);
+        const key = filterKey(incoming);
+        if (change === "source" || key !== drawnUnder) {
+          const next = payloadFor(highlight ? null : incoming);
+          rowMap = next.rowMap;
+          drawnUnder = key;
+          host.setData(next.payload);
+        }
+        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-GJF6V6BZ.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-GJF6V6BZ.mjs";
 import "./chunk-A2GMXZP7.mjs";
 import "./chunk-GHODWOAL.mjs";
 
@@ -35,11 +35,7 @@ function BicChartGroup({ rows, columns, geo, point, children }) {
   useEffect(() => group.onChange((s, change) => {
     if (change !== "source") setSel(s);
   }), [group]);
-  const value = useMemo(
-    () => ({ group, selection: sel }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [group, sel, source]
-  );
+  const value = useMemo(() => ({ group, selection: sel, source }), [group, sel, source]);
   return /* @__PURE__ */ jsx(Ctx.Provider, { value, children });
 }
 function BicChart(props) {
@@ -71,9 +67,11 @@ function BicChart(props) {
   const built = useMemo(() => {
     if (!group) return null;
     return group.payloadFor(filterSel);
-  }, [ctx, filterSel && filterSel.join(",")]);
+  }, [group, ctx?.source, filterSel && filterSel.join(",")]);
   const data = built ? built.payload : props.data;
   rowMapRef.current = built ? built.rowMap : null;
+  const optKey = useMemo(() => JSON.stringify(options ?? {}), [options]);
+  const builtWithRef = useRef(null);
   const onSelectRef = useRef(onSelect);
   onSelectRef.current = onSelect;
   const onLabelContrastRef = useRef(onLabelContrast);
@@ -124,23 +122,29 @@ function BicChart(props) {
       onSelectRef.current?.(sourceIdxs);
     });
     host.render();
+    builtWithRef.current = { data, optKey };
     return () => {
       off();
       host.destroy();
       hostRef.current = null;
     };
   }, [code, renderFn, d3, geoKind, labelContrast]);
-  const optKey = useMemo(() => JSON.stringify(options ?? {}), [options]);
   useEffect(() => {
-    if (hostRef.current && options) hostRef.current.setOptions(options);
+    if (!hostRef.current || !options) return;
+    if (builtWithRef.current?.optKey === optKey) return;
+    builtWithRef.current = { ...builtWithRef.current, optKey };
+    hostRef.current.setOptions(options);
   }, [optKey]);
   useEffect(() => {
-    if (hostRef.current && data) hostRef.current.setData(data);
+    if (!hostRef.current || !data) return;
+    if (builtWithRef.current?.data === data) return;
+    builtWithRef.current = { ...builtWithRef.current, data };
+    hostRef.current.setData(data);
   }, [data]);
   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.9",
   "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",