@madie/madie-design-system 1.2.8 → 1.2.10

package/coverage/lcov-report/TextField/index.jsx.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">78.57% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>11/14</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">43.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>18/18</span>
+                <span class='fraction'>13/30</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">78.57% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>3/3</span>
+                <span class='fraction'>11/14</span>
             </div>
         
             
@@ -57,11 +57,11 @@
         <template id="filterTemplate">
             <div class="quiet">
                 Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
+                <input type="search" id="fileSearch">
             </div>
         </template>
     </div>
-    <div class='status-line high'></div>
+    <div class='status-line medium'></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>
@@ -220,7 +220,35 @@
 <a name='L155'></a><a href='#L155'>155</a>
 <a name='L156'></a><a href='#L156'>156</a>
 <a name='L157'></a><a href='#L157'>157</a>
-<a name='L158'></a><a href='#L158'>158</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L158'></a><a href='#L158'>158</a>
+<a name='L159'></a><a href='#L159'>159</a>
+<a name='L160'></a><a href='#L160'>160</a>
+<a name='L161'></a><a href='#L161'>161</a>
+<a name='L162'></a><a href='#L162'>162</a>
+<a name='L163'></a><a href='#L163'>163</a>
+<a name='L164'></a><a href='#L164'>164</a>
+<a name='L165'></a><a href='#L165'>165</a>
+<a name='L166'></a><a href='#L166'>166</a>
+<a name='L167'></a><a href='#L167'>167</a>
+<a name='L168'></a><a href='#L168'>168</a>
+<a name='L169'></a><a href='#L169'>169</a>
+<a name='L170'></a><a href='#L170'>170</a>
+<a name='L171'></a><a href='#L171'>171</a>
+<a name='L172'></a><a href='#L172'>172</a>
+<a name='L173'></a><a href='#L173'>173</a>
+<a name='L174'></a><a href='#L174'>174</a>
+<a name='L175'></a><a href='#L175'>175</a>
+<a name='L176'></a><a href='#L176'>176</a>
+<a name='L177'></a><a href='#L177'>177</a>
+<a name='L178'></a><a href='#L178'>178</a>
+<a name='L179'></a><a href='#L179'>179</a>
+<a name='L180'></a><a href='#L180'>180</a>
+<a name='L181'></a><a href='#L181'>181</a>
+<a name='L182'></a><a href='#L182'>182</a>
+<a name='L183'></a><a href='#L183'>183</a>
+<a name='L184'></a><a href='#L184'>184</a>
+<a name='L185'></a><a href='#L185'>185</a>
+<a name='L186'></a><a href='#L186'>186</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -240,7 +268,34 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&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-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -377,6 +432,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
 import {
     FormControl,
@@ -389,14 +445,35 @@ import PropTypes from "prop-types";
 &nbsp;
 const TextField = ({
     id,
-    error = false,
-    helperText = undefined,
+    error = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
+    helperText = <span class="branch-0 cbranch-no" title="branch not covered" >undefined,</span>
     required = false,
-    disabled = false,
+    disabled = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
     label,
     tooltipText,
+    inputProps,
     ...rest
 }) =&gt; {
+    // get a copy of input props
+    const newInputProps = { ...inputProps } || <span class="branch-1 cbranch-no" title="branch not covered" >{};</span>
+&nbsp;
+    <span class="missing-if-branch" title="else path not taken" >E</span>if (!newInputProps["data-testid"]) {
+        newInputProps["data-testid"] = `${id}-input`;
+    }
+    // if aria-describedBy is not provided, add it depending on helper-text and tooltip presence
+    <span class="missing-if-branch" title="else path not taken" >E</span>if (!newInputProps["aria-describedby"]) {
+        let newDescribedBy = "";
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (helperText) {
+<span class="cstat-no" title="statement not covered" >            newDescribedBy += `${id}-helper-text `;</span>
+        }
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (tooltipText) {
+<span class="cstat-no" title="statement not covered" >            newDescribedBy += `${id}-tooltip`;</span>
+        }
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (newDescribedBy) {
+<span class="cstat-no" title="statement not covered" >            newInputProps["aria-describedby"] = newDescribedBy;</span>
+        }
+    }
+&nbsp;
     return (
         &lt;FormControl fullWidth error={error}&gt;
             &lt;div
@@ -434,27 +511,32 @@ const TextField = ({
                                 marginRight: "3px !important", //this was
                             },
                         },
-                        required &amp;&amp; {
+                        required &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
                             transform: "translateX(-12px) translateY(0px)",
                             "&amp; .MuiInputLabel-asterisk": {
                                 color: "#D92F2",
                                 marginRight: "3px !important", //this was
                             },
                         },
-                        disabled &amp;&amp; {
+                        disabled &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
                             color: "rgba(0,0,0,0.6)",
                         },
-                        error &amp;&amp; {
+                        error &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
                             color: "#AE1C1C !important",
                         },
                     ]}
                 &gt;
                     {label}
                 &lt;/InputLabel&gt;
-                {tooltipText &amp;&amp; &lt;MadieToolTip tooltipText={tooltipText} id={`${id}-tooltip`}/&gt;}
+                {tooltipText &amp;&amp; (
+<span class="branch-1 cbranch-no" title="branch not covered" >                    &lt;MadieToolTip</span>
+                        tooltipText={tooltipText}
+                        id={`${id}-tooltip`}
+                    /&gt;
+                )}
             &lt;/div&gt;
             {helperText &amp;&amp; (
-                &lt;FormHelperText
+<span class="branch-1 cbranch-no" title="branch not covered" >                &lt;FormHelperText</span>
                     tabIndex={0}
                     aria-live="polite"
                     id={`${id}-helper-text`}
@@ -507,7 +589,7 @@ const TextField = ({
                             },
                         },
                     },
-                    error &amp;&amp; {
+                    error &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
                         "&amp; .MuiOutlinedInput-notchedOutline": {
                             borderColor: "#AE1C1C !important",
                         },
@@ -517,6 +599,7 @@ const TextField = ({
                 error={error}
                 disabled={disabled}
                 id={id}
+                inputProps={newInputProps}
                 {...rest}
             /&gt;
         &lt;/FormControl&gt;
@@ -532,6 +615,7 @@ TextField.propTypes = {
     placeholder: PropTypes.string, // expects placeholder objects of { name: value } and inserts into the render item function.
     label: PropTypes.string,
     tooltipText: PropTypes.string,
+    inputProps: PropTypes.object,
 };
 export default TextField;
 &nbsp;</pre></td></tr></table></pre>
@@ -541,7 +625,7 @@ export default TextField;
             <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 2024-01-24T17:18:11.426Z
+                at 2024-03-20T15:56:48.583Z
             </div>
         <script src="../prettify.js"></script>
         <script>