@react-md/core 1.0.0-next.1 → 1.0.0-next.11

package/coverage/lcov-report/form/utils.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">84.84% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/86</span>
+                <span class='fraction'>84/99</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">25% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>2/8</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>2/3</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">84.84% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/86</span>
+                <span class='fraction'>84/99</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></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>
@@ -149,178 +149,217 @@
 <a name='L84'></a><a href='#L84'>84</a>
 <a name='L85'></a><a href='#L85'>85</a>
 <a name='L86'></a><a href='#L86'>86</a>
-<a name='L87'></a><a href='#L87'>87</a></td><td class="line-coverage quiet"><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-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-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-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"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >import { type KeyboardEvent } from "react";</span></span></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" > * This util should be used to implement the native "Enter" keypress behavior</span>
-<span class="cstat-no" title="statement not covered" > * for "fake" form components to submit the form if exists.</span>
-<span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * The way this will work will be:</span>
-<span class="cstat-no" title="statement not covered" > * - attempt to find a form by querying for a parent form element. if no parent</span>
-<span class="cstat-no" title="statement not covered" > *   form element can be found, try to use the `formId` in a</span>
-<span class="cstat-no" title="statement not covered" > *   `document.getElementById`</span>
-<span class="cstat-no" title="statement not covered" > * - if a form element is found, find the submit button within the form. If</span>
-<span class="cstat-no" title="statement not covered" > *   there are no submit buttons within the form, try to find a submit button in</span>
-<span class="cstat-no" title="statement not covered" > *   the document that is linked to this form by `form={formId}`</span>
-<span class="cstat-no" title="statement not covered" > * - if the submit button was found, click it to trigger the form submit</span>
-<span class="cstat-no" title="statement not covered" > *   behavior</span>
-<span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit</span>
-<span class="cstat-no" title="statement not covered" > * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit</span>
-<span class="cstat-no" title="statement not covered" > * @internal</span>
-<span class="cstat-no" title="statement not covered" > * @remarks</span>
-<span class="cstat-no" title="statement not covered" > * \@since 2.7.0</span>
-<span class="cstat-no" title="statement not covered" > * \@since 6.0.0 No longer returns a boolean, added the `formId` parameter, and</span>
-<span class="cstat-no" title="statement not covered" > * moved into the form package.</span>
-<span class="cstat-no" title="statement not covered" > * \@since 6.0.0 Uses `form.requestSubmit` instead of clicking the submit button</span>
-<span class="cstat-no" title="statement not covered" > */</span>
-<span class="cstat-no" title="statement not covered" >export function tryToSubmitRelatedForm&lt;E extends HTMLElement&gt;(</span>
-<span class="cstat-no" title="statement not covered" >  event: KeyboardEvent&lt;E&gt;,</span>
-<span class="cstat-no" title="statement not covered" >  formId: string | undefined</span>
-<span class="cstat-no" title="statement not covered" >): void {</span>
-<span class="cstat-no" title="statement not covered" >  const { currentTarget } = event;</span>
-<span class="cstat-no" title="statement not covered" >  let form: HTMLElement | null = null;</span>
-<span class="cstat-no" title="statement not covered" >  if (formId) {</span>
+<a name='L87'></a><a href='#L87'>87</a>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a></td><td class="line-coverage quiet"><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">1x</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">1x</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">1x</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">1x</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">1x</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">1x</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">1x</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">1x</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">1x</span>
+<span class="cline-any cline-yes">1x</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">1x</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">1x</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">1x</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">1x</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">1x</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">1x</span>
+<span class="cline-any cline-yes">1x</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">1x</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">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { type KeyboardEvent } from "react";
+&nbsp;
+/**
+ * This util should be used to implement the native "Enter" keypress behavior
+ * for "fake" form components to submit the form if exists.
+ *
+ * The way this will work will be:
+ * - attempt to find a form by querying for a parent form element. if no parent
+ *   form element can be found, try to use the `formId` in a
+ *   `document.getElementById`
+ * - if a form element is found, find the submit button within the form. If
+ *   there are no submit buttons within the form, try to find a submit button in
+ *   the document that is linked to this form by `form={formId}`
+ * - if the submit button was found, click it to trigger the form submit
+ *   behavior
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/requestSubmit
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit
+ * @internal
+ * @remarks
+ * \@since 2.7.0
+ * \@since 6.0.0 No longer returns a boolean, added the `formId` parameter, and
+ * moved into the form package.
+ * \@since 6.0.0 Uses `form.requestSubmit` instead of clicking the submit button
+ */
+export function tryToSubmitRelatedForm&lt;E extends HTMLElement&gt;(
+  event: KeyboardEvent&lt;E&gt;,
+  formId: string | undefined
+): void {
+  const { currentTarget } = event;
+  let form: HTMLElement | null = null;
+  if (formId) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
 <span class="cstat-no" title="statement not covered" >    form = document.getElementById(formId);</span>
-<span class="cstat-no" title="statement not covered" >  } else {</span>
-<span class="cstat-no" title="statement not covered" >    form = currentTarget.closest("form");</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" >  if (!form || !(form instanceof HTMLFormElement)) {</span>
+  } else {
+    form = currentTarget.closest("form");
+  }
+&nbsp;
+  if (!form || !(form instanceof HTMLFormElement)) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
 <span class="cstat-no" title="statement not covered" >    return;</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" >  formId = formId || form.id;</span>
-<span class="cstat-no" title="statement not covered" >  let submit = form.querySelector&lt;HTMLButtonElement&gt;('[type="submit"]');</span>
-<span class="cstat-no" title="statement not covered" >  if (!submit &amp;&amp; formId) {</span>
+&nbsp;
+  formId = formId || form.id;
+  let submit = form.querySelector&lt;HTMLButtonElement&gt;('[type="submit"]');
+  if (!<span class="branch-0 cbranch-no" title="branch not covered" >submit &amp;&amp; formId) <span class="branch-0 cbranch-no" title="branch not covered" >{</span></span>
 <span class="cstat-no" title="statement not covered" >    submit = document.querySelector&lt;HTMLButtonElement&gt;(</span>
 <span class="cstat-no" title="statement not covered" >      `[type="submit"][form="${formId}"]`</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" >  form.requestSubmit(submit);</span>
+&nbsp;
+  form.requestSubmit(submit);
+}
+&nbsp;
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export type EditableHTMLElement = HTMLInputElement | HTMLTextAreaElement;
+&nbsp;
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export type ChangeableHTMLElement = EditableHTMLElement | HTMLSelectElement;
+&nbsp;
+/**
+ * @internal
+ * @remarks \@since 6.0.0
+ */
+export <span class="fstat-no" title="function not covered" >function isChangeableHTMLElement(</span>
+<span class="cstat-no" title="statement not covered" >  element: Element | null</span>
+<span class="cstat-no" title="statement not covered" >): element is ChangeableHTMLElement {</span>
+<span class="cstat-no" title="statement not covered" >  return !!element &amp;&amp; "value" in element;</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" > * @internal</span>
-<span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
-<span class="cstat-no" title="statement not covered" > */</span>
-<span class="cstat-no" title="statement not covered" >export type ChangeableHTMLElement =</span>
-<span class="cstat-no" title="statement not covered" >  | HTMLInputElement</span>
-<span class="cstat-no" title="statement not covered" >  | HTMLTextAreaElement</span>
-<span class="cstat-no" title="statement not covered" >  | HTMLSelectElement;</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" > * This is used to trigger a change event for a form element.</span>
-<span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * @internal</span>
-<span class="cstat-no" title="statement not covered" > * @see https://stackoverflow.com/a/46012210</span>
-<span class="cstat-no" title="statement not covered" > * @remarks \@since 6.0.0</span>
-<span class="cstat-no" title="statement not covered" > */</span>
-<span class="cstat-no" title="statement not covered" >export function triggerManualChangeEvent(</span>
-<span class="cstat-no" title="statement not covered" >  element: ChangeableHTMLElement | null,</span>
-<span class="cstat-no" title="statement not covered" >  value: string | number</span>
-<span class="cstat-no" title="statement not covered" >): void {</span>
-<span class="cstat-no" title="statement not covered" >  if (!element) {</span>
+&nbsp;
+/**
+ * This is used to trigger a change event for a form element.
+ *
+ * @internal
+ * @see https://stackoverflow.com/a/46012210
+ * @remarks \@since 6.0.0
+ */
+export function triggerManualChangeEvent(
+  element: ChangeableHTMLElement | null,
+  value: string | number
+): void {
+  if (!element) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
 <span class="cstat-no" title="statement not covered" >    return;</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" >  const prototype = Object.getPrototypeOf(element);</span>
-<span class="cstat-no" title="statement not covered" >  const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;</span>
-<span class="cstat-no" title="statement not covered" >  if (!setter) {</span>
+&nbsp;
+  const prototype = Object.getPrototypeOf(element);
+  const setter = Object.getOwnPropertyDescriptor(prototype, "value")?.set;
+  if (!setter) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
 <span class="cstat-no" title="statement not covered" >    return;</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" >  setter.call(element, value);</span>
-<span class="cstat-no" title="statement not covered" >  const event = new Event("input", { bubbles: true });</span>
-<span class="cstat-no" title="statement not covered" >  element.dispatchEvent(event);</span>
-<span class="cstat-no" title="statement not covered" >}</span>
+&nbsp;
+  setter.call(element, value);
+  const event = new Event("input", { bubbles: true });
+  element.dispatchEvent(event);
+}
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -328,7 +367,7 @@
             <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-10-06T22:08:13.600Z
+                at 2024-03-03T15:06:55.889Z
             </div>
         <script src="../prettify.js"></script>
         <script>