@bicharts/chart-host 0.6.8 → 0.6.9

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

@@ -3936,17 +3936,23 @@ 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);
+        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 = {

package/dist/index.mjs

@@ -139,7 +139,7 @@ import {
   unpinScrolledAxis,
   valuePlacementFlag,
   withoutViewOnlyKeys
-} from "./chunk-EPEVGRL6.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-EPEVGRL6.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,18 +122,24 @@ 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bicharts/chart-host",
-  "version": "0.6.8",
+  "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",