@react-md/core 1.0.0-next.0 → 1.0.0-next.10

package/coverage/lcov-report/src/interaction/useHigherContrastChildren.tsx.html

@@ -225,24 +225,24 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1831x</span>
-<span class="cline-any cline-yes">1831x</span>
-<span class="cline-any cline-yes">1831x</span>
-<span class="cline-any cline-yes">1831x</span>
-<span class="cline-any cline-yes">326x</span>
-<span class="cline-any cline-yes">326x</span>
-<span class="cline-any cline-yes">1505x</span>
-<span class="cline-any cline-yes">1505x</span>
-<span class="cline-any cline-yes">1505x</span>
-<span class="cline-any cline-yes">1505x</span>
-<span class="cline-any cline-yes">2387x</span>
-<span class="cline-any cline-yes">2387x</span>
-<span class="cline-any cline-yes">1325x</span>
-<span class="cline-any cline-yes">1325x</span>
-<span class="cline-any cline-yes">1062x</span>
-<span class="cline-any cline-yes">1062x</span>
-<span class="cline-any cline-yes">1062x</span>
-<span class="cline-any cline-yes">1505x</span>
+<span class="cline-any cline-yes">2159x</span>
+<span class="cline-any cline-yes">2159x</span>
+<span class="cline-any cline-yes">2159x</span>
+<span class="cline-any cline-yes">2159x</span>
+<span class="cline-any cline-yes">334x</span>
+<span class="cline-any cline-yes">334x</span>
+<span class="cline-any cline-yes">1825x</span>
+<span class="cline-any cline-yes">1825x</span>
+<span class="cline-any cline-yes">1825x</span>
+<span class="cline-any cline-yes">1825x</span>
+<span class="cline-any cline-yes">2140x</span>
+<span class="cline-any cline-yes">2140x</span>
+<span class="cline-any cline-yes">1611x</span>
+<span class="cline-any cline-yes">1611x</span>
+<span class="cline-any cline-yes">529x</span>
+<span class="cline-any cline-yes">529x</span>
+<span class="cline-any cline-yes">529x</span>
+<span class="cline-any cline-yes">1825x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Children, type ReactNode } from "react";
 import { INTERACTION_CONFIG } from "./config.js";
 &nbsp;
@@ -340,7 +340,7 @@ export function useHigherContrastChildren(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-26T01:22:30.662Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/interaction/utils.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">89.05% </span>
+                <span class="strong">31.38% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>122/137</span>
+                <span class='fraction'>43/137</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">64.28% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>9/14</span>
+                <span class='fraction'>0/0</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/5</span>
+                <span class='fraction'>0/5</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">89.05% </span>
+                <span class="strong">31.38% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>122/137</span>
+                <span class='fraction'>43/137</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line low'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -209,9 +209,9 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">164x</span>
-<span class="cline-any cline-yes">164x</span>
-<span class="cline-any cline-yes">164x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -222,39 +222,22 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -266,17 +249,34 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
-<span class="cline-any cline-yes">41x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -287,22 +287,22 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -314,29 +314,29 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import type { KeyboardEvent, MouseEvent, TouchEvent } from "react";
 import { findSizingContainer } from "../positioning/utils.js";
 import type {
@@ -346,9 +346,9 @@ import type {
 } from "./types.js";
 &nbsp;
 /** @internal */
-function calcHypotenuse(a: number, b: number): number {
-  return Math.sqrt(a * a + b * b);
-}
+<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >function calcHypotenuse(a: number, b: number): number {</span></span>
+<span class="cstat-no" title="statement not covered" >  return Math.sqrt(a * a + b * b);</span>
+<span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;
 /**
  * Gets the current radius for a ripple based on the x and y page dimensions
@@ -359,39 +359,39 @@ function calcHypotenuse(a: number, b: number): number {
  *
  * @internal
  */
-function getRadius(
-  x: number,
-  y: number,
-  offsetWidth: number,
-  offsetHeight: number
-): number {
-  return Math.max(
-    calcHypotenuse(x, y),
-    calcHypotenuse(offsetWidth - x, y),
-    calcHypotenuse(offsetWidth - x, offsetHeight - y),
-    calcHypotenuse(x, offsetHeight - y)
-  );
-}
+<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >function getRadius(</span></span>
+<span class="cstat-no" title="statement not covered" >  x: number,</span>
+<span class="cstat-no" title="statement not covered" >  y: number,</span>
+<span class="cstat-no" title="statement not covered" >  offsetWidth: number,</span>
+<span class="cstat-no" title="statement not covered" >  offsetHeight: number</span>
+<span class="cstat-no" title="statement not covered" >): number {</span>
+<span class="cstat-no" title="statement not covered" >  return Math.max(</span>
+<span class="cstat-no" title="statement not covered" >    calcHypotenuse(x, y),</span>
+<span class="cstat-no" title="statement not covered" >    calcHypotenuse(offsetWidth - x, y),</span>
+<span class="cstat-no" title="statement not covered" >    calcHypotenuse(offsetWidth - x, offsetHeight - y),</span>
+<span class="cstat-no" title="statement not covered" >    calcHypotenuse(x, offsetHeight - y)</span>
+<span class="cstat-no" title="statement not covered" >  );</span>
+<span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;
 /** @internal */
-export function getRippleStyle(
-  event:
-    | MouseEvent&lt;HTMLElement&gt;
-    | TouchEvent&lt;HTMLElement&gt;
-    | KeyboardEvent&lt;HTMLElement&gt;,
-  programmatic: boolean
-): RippleStyle {
-  const element =
-    findSizingContainer(event.currentTarget<span class="branch-0 cbranch-no" title="branch not covered" >) || event.currentTarget;</span>
-  const rect = element.getBoundingClientRect();
-  const { left, top, height, width } = rect;
-&nbsp;
-  let x: number;
-  let y: number;
-  if ("key" in event || programmatic) {
-    x = width / 2;
-    y = height / 2;
-<span class="branch-0 cbranch-no" title="branch not covered" >  } else {</span>
+export <span class="fstat-no" title="function not covered" >function getRippleStyle(</span>
+<span class="cstat-no" title="statement not covered" >  event:</span>
+<span class="cstat-no" title="statement not covered" >    | MouseEvent&lt;HTMLElement&gt;</span>
+<span class="cstat-no" title="statement not covered" >    | TouchEvent&lt;HTMLElement&gt;</span>
+<span class="cstat-no" title="statement not covered" >    | KeyboardEvent&lt;HTMLElement&gt;,</span>
+<span class="cstat-no" title="statement not covered" >  programmatic: boolean</span>
+<span class="cstat-no" title="statement not covered" >): RippleStyle {</span>
+<span class="cstat-no" title="statement not covered" >  const element =</span>
+<span class="cstat-no" title="statement not covered" >    findSizingContainer(event.currentTarget) || event.currentTarget;</span>
+<span class="cstat-no" title="statement not covered" >  const rect = element.getBoundingClientRect();</span>
+<span class="cstat-no" title="statement not covered" >  const { left, top, height, width } = rect;</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  let x: number;</span>
+<span class="cstat-no" title="statement not covered" >  let y: number;</span>
+<span class="cstat-no" title="statement not covered" >  if ("key" in event || programmatic) {</span>
+<span class="cstat-no" title="statement not covered" >    x = width / 2;</span>
+<span class="cstat-no" title="statement not covered" >    y = height / 2;</span>
+<span class="cstat-no" title="statement not covered" >  } else {</span>
 <span class="cstat-no" title="statement not covered" >    let pageX: number;</span>
 <span class="cstat-no" title="statement not covered" >    let pageY: number;</span>
 <span class="cstat-no" title="statement not covered" >    if ("touches" in event) {</span>
@@ -403,17 +403,17 @@ export function getRippleStyle(
 <span class="cstat-no" title="statement not covered" >    x = pageX - (left + window.pageXOffset);</span>
 <span class="cstat-no" title="statement not covered" >    y = pageY - (top + window.pageYOffset);</span>
 <span class="cstat-no" title="statement not covered" >  }</span>
-&nbsp;
-  const radius = getRadius(x, y, width, height);
-  const size = radius * 2;
-&nbsp;
-  return {
-    left: x - radius,
-    top: y - radius,
-    height: size,
-    width: size,
-  };
-}
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  const radius = getRadius(x, y, width, height);</span>
+<span class="cstat-no" title="statement not covered" >  const size = radius * 2;</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  return {</span>
+<span class="cstat-no" title="statement not covered" >    left: x - radius,</span>
+<span class="cstat-no" title="statement not covered" >    top: y - radius,</span>
+<span class="cstat-no" title="statement not covered" >    height: size,</span>
+<span class="cstat-no" title="statement not covered" >    width: size,</span>
+<span class="cstat-no" title="statement not covered" >  };</span>
+<span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;
 /**
  * This is used to set the `exiting` state after a normal "touch" duration.
@@ -423,23 +423,23 @@ export function getRippleStyle(
 const ENTER_DELAY = 300;
 &nbsp;
 /** @internal */
-export function releaseRipple(
-  state: ElementInteractionState
-): ElementInteractionState {
-  // find the first non-exiting ripple which should now be released
-  const i = state.ripples.findIndex((ripple) =&gt; !ripple.exiting);
-  if (i === -1) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+export <span class="fstat-no" title="function not covered" >function releaseRipple(</span>
+<span class="cstat-no" title="statement not covered" >  state: ElementInteractionState</span>
+<span class="cstat-no" title="statement not covered" >): ElementInteractionState {</span>
+<span class="cstat-no" title="statement not covered" >  // find the first non-exiting ripple which should now be released</span>
+<span class="cstat-no" title="statement not covered" >  const i = state.ripples.findIndex((ripple) =&gt; !ripple.exiting);</span>
+<span class="cstat-no" title="statement not covered" >  if (i === -1) {</span>
 <span class="cstat-no" title="statement not covered" >    return state;</span>
 <span class="cstat-no" title="statement not covered" >  }</span>
-&nbsp;
-  const ripples = state.ripples.slice();
-  const ripple = ripples[i];
-  ripples[i] = {
-    ...ripple,
-    exiting: ripple.entered || Date.now() - ripple.startTime &gt; ENTER_DELAY,
-  };
-  return { pressed: false, ripples };
-}
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  const ripples = state.ripples.slice();</span>
+<span class="cstat-no" title="statement not covered" >  const ripple = ripples[i];</span>
+<span class="cstat-no" title="statement not covered" >  ripples[i] = {</span>
+<span class="cstat-no" title="statement not covered" >    ...ripple,</span>
+<span class="cstat-no" title="statement not covered" >    exiting: ripple.entered || Date.now() - ripple.startTime &gt; ENTER_DELAY,</span>
+<span class="cstat-no" title="statement not covered" >  };</span>
+<span class="cstat-no" title="statement not covered" >  return { pressed: false, ripples };</span>
+<span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;
 /** @internal */
 interface UpdateRipplesStateOptions {
@@ -450,30 +450,30 @@ interface UpdateRipplesStateOptions {
 }
 &nbsp;
 /** @internal */
-export function updateRipplesState(
-  options: UpdateRipplesStateOptions
-): ElementInteractionState {
-  const { type, ripple, state, holding } = options;
-&nbsp;
-  const rippleIndex = state.ripples.findIndex((r) =&gt; r === ripple);
-  if (rippleIndex === -1) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
+export <span class="fstat-no" title="function not covered" >function updateRipplesState(</span>
+<span class="cstat-no" title="statement not covered" >  options: UpdateRipplesStateOptions</span>
+<span class="cstat-no" title="statement not covered" >): ElementInteractionState {</span>
+<span class="cstat-no" title="statement not covered" >  const { type, ripple, state, holding } = options;</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  const rippleIndex = state.ripples.findIndex((r) =&gt; r === ripple);</span>
+<span class="cstat-no" title="statement not covered" >  if (rippleIndex === -1) {</span>
 <span class="cstat-no" title="statement not covered" >    return state;</span>
 <span class="cstat-no" title="statement not covered" >  }</span>
-&nbsp;
-  const ripples = state.ripples.slice();
-  if (type === "exited") {
-    ripples.splice(rippleIndex, 1);
-  } else {
-    const exiting = !<span class="branch-0 cbranch-no" title="branch not covered" >holding || Date.now() - ripple.startTime &gt; ENTER_DELAY;</span>
-    ripples[rippleIndex] = {
-      ...ripple,
-      exiting,
-      entered: true,
-    };
-  }
-&nbsp;
-  return { ...state, ripples };
-}
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  const ripples = state.ripples.slice();</span>
+<span class="cstat-no" title="statement not covered" >  if (type === "exited") {</span>
+<span class="cstat-no" title="statement not covered" >    ripples.splice(rippleIndex, 1);</span>
+<span class="cstat-no" title="statement not covered" >  } else {</span>
+<span class="cstat-no" title="statement not covered" >    const exiting = !holding || Date.now() - ripple.startTime &gt; ENTER_DELAY;</span>
+<span class="cstat-no" title="statement not covered" >    ripples[rippleIndex] = {</span>
+<span class="cstat-no" title="statement not covered" >      ...ripple,</span>
+<span class="cstat-no" title="statement not covered" >      exiting,</span>
+<span class="cstat-no" title="statement not covered" >      entered: true,</span>
+<span class="cstat-no" title="statement not covered" >    };</span>
+<span class="cstat-no" title="statement not covered" >  }</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  return { ...state, ripples };</span>
+<span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -481,7 +481,7 @@ export function updateRipplesState(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-19T01:08:26.865Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/layout/LayoutAppBar.tsx.html

@@ -358,7 +358,7 @@ export const LayoutAppBar = forwardRef<HTMLDivElement, LayoutAppBarProps>(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-30T22:07:42.170Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/layout/LayoutNav.tsx.html

@@ -673,7 +673,7 @@ export const LayoutNav = forwardRef<HTMLDivElement, LayoutNavProps>(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T02:00:01.006Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/layout/LayoutWindowSplitter.tsx.html

@@ -457,7 +457,7 @@ export const LayoutWindowSplitter = forwardRef<
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-23T22:16:14.686Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/layout/Main.tsx.html

@@ -352,7 +352,7 @@ export const Main = forwardRef<HTMLElement, MainProps>(
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-30T22:07:42.170Z
+                at 2024-01-31T14:54:24.632Z
             </div>
         <script src="../../prettify.js"></script>
         <script>