Merge pull request #32 from ruralinnovation/development

disable pointer events on hover info box
ruralinnovation · Aug 7, 2024 · 4c248f1 · 4c248f1
2 parents cef0dca + e145800
commit 4c248f1
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 20 deletions.
diff --git a/inst/dist/@cori-risi/components/HoverInfo.d.ts b/inst/dist/@cori-risi/components/HoverInfo.d.ts
@@ -21,8 +21,10 @@ export interface HoverObject {
  * // ...
  *
  * <HoverInfo hoverInfo={hoverInfo}>
- * <h3>{ hoverInfo.name }</h3>
- * <p className={style['details']}>...</p>
+ * <div style={{pointerEvents: "none"}}>
+ * <h3>{ hoverInfo.name }</h3>
+ * <p>...</p>
+ * </div>
  * </HoverInfo>
  * ```
  *

diff --git a/inst/dist/@cori-risi/components/HoverInfo.d.ts.map b/inst/dist/@cori-risi/components/HoverInfo.d.ts.map
diff --git a/inst/dist/@cori-risi/components/HoverInfo.js b/inst/dist/@cori-risi/components/HoverInfo.js
diff --git a/inst/dist/@cori-risi/components/HoverInfo.js.map b/inst/dist/@cori-risi/components/HoverInfo.js.map
diff --git a/lib/@cori-risi/components/HoverInfo.tsx b/lib/@cori-risi/components/HoverInfo.tsx
@@ -28,8 +28,10 @@ export interface HoverObject {
  * // ...
  *
  * <HoverInfo hoverInfo={hoverInfo}>
- * <h3>{ hoverInfo.name }</h3>
- * <p className={style['details']}>...</p>
+ * <div style={{pointerEvents: "none"}}>
+ * <h3>{ hoverInfo.name }</h3>
+ * <p>...</p>
+ * </div>
  * </HoverInfo>
  * ```
  *
@@ -54,21 +56,10 @@ export default function HoverInfo (props: {
  position: "fixed",
  minWidth: "320px",
  minHeight: "240px",
+ pointerEvents: "none",
  zIndex: props.zIndex || 3
-
  }}>
  {props.children}
- {/*<h3>{ hoverInfo.name }</h3>*/}
- {/*<p className={style['prop-score']}>*/}
- {/* Propensity score: {hoverInfo.prop_score*100 < 1? "<1": format(".2")(hoverInfo.prop_score * 100)} | Matching: {hoverInfo.prop_score_knearest_match? "Yes": "No"}<br/>*/}
- {/*</p>*/}
- {/*<hr></hr>*/}
- {/*<p className={style['details']}>*/}
- {/* B2S winner: {hoverInfo.b2s_flag? "Yes": "No"}<br/>*/}
- {/* Population: {format(",")(hoverInfo.pop)}<br/>*/}
- {/* Percent employed: {format(".0%")(hoverInfo.pct_prime_emp)}<br/>*/}
- {/* Tech share: {format(".0%")(hoverInfo.tech_share)}*/}
- {/*</p>*/}
  </div>
  ) : <></>;
 }