@madie/madie-design-system 1.2.7 → 1.2.8

package/components/TextField/index.jsx

@@ -5,6 +5,7 @@ import {
     FormHelperText,
 } from "@mui/material";
 import InputLabel from "../InputLabel";
+import MadieToolTip from "../MadieTooltip";
 import PropTypes from "prop-types";
 
 const TextField = ({
@@ -14,8 +15,30 @@ const TextField = ({
     required = false,
     disabled = false,
     label,
+    tooltipText,
+    inputProps,
     ...rest
 }) => {
+    // get a copy of input props
+    const newInputProps = { ...inputProps } || {};
+
+    if (!newInputProps["data-testid"]) {
+        newInputProps["data-testid"] = `${id}-input`;
+    }
+    // if aria-describedBy is not provided, add it depending on helper-text and tooltip presence
+    if (!newInputProps["aria-describedby"]) {
+        let newDescribedBy = "";
+        if (helperText) {
+            newDescribedBy += `${id}-helper-text `;
+        }
+        if (tooltipText) {
+            newDescribedBy += `${id}-tooltip`;
+        }
+        if (newDescribedBy) {
+            newInputProps["aria-describedby"] = newDescribedBy;
+        }
+    }
+
     return (
         <FormControl fullWidth error={error}>
             <div
@@ -26,49 +49,57 @@ const TextField = ({
                     flexGrow: 1,
                 }}
             />
-            <InputLabel
-                disabled={disabled}
-                shrink
-                required={required}
-                error={error}
-                htmlFor={id}
-                style={{ marginBottom: 0, height: 16 }} // force a heignt
-                sx={[
-                    {
-                        backgroundColor: "transparent",
-                        display: "flex",
-                        flexDirection: "row-reverse",
-                        alignSelf: "baseline",
-                        textTransform: "none",
-                        // force it outside the select box
-                        position: "initial",
-                        transform: "translateX(0px) translateY(0px)",
-                        fontFamily: "Rubik",
-                        fontWeight: 500,
-                        fontSize: 14,
-                        color: "#333",
-                        "& .MuiInputLabel-asterisk": {
-                            color: "#AE1C1C !important",
-                            marginRight: "3px !important", //this was
+            <div style={{ display: "flex", flexDirection: "row" }}>
+                <InputLabel
+                    disabled={disabled}
+                    shrink
+                    required={required}
+                    error={error}
+                    htmlFor={id}
+                    style={{ marginBottom: 0, height: 16 }} // force a heignt
+                    sx={[
+                        {
+                            backgroundColor: "transparent",
+                            display: "flex",
+                            flexDirection: "row-reverse",
+                            alignSelf: "baseline",
+                            textTransform: "none",
+                            // force it outside the select box
+                            position: "initial",
+                            transform: "translateX(0px) translateY(0px)",
+                            fontFamily: "Rubik",
+                            fontWeight: 500,
+                            fontSize: 14,
+                            color: "#333",
+                            "& .MuiInputLabel-asterisk": {
+                                color: "#AE1C1C !important",
+                                marginRight: "3px !important", //this was
+                            },
                         },
-                    },
-                    required && {
-                        transform: "translateX(-12px) translateY(0px)",
-                        "& .MuiInputLabel-asterisk": {
-                            color: "#D92F2",
-                            marginRight: "3px !important", //this was
+                        required && {
+                            transform: "translateX(-12px) translateY(0px)",
+                            "& .MuiInputLabel-asterisk": {
+                                color: "#D92F2",
+                                marginRight: "3px !important", //this was
+                            },
                         },
-                    },
-                    disabled && {
-                        color: "rgba(0,0,0,0.6)",
-                    },
-                    error && {
-                        color: "#AE1C1C !important",
-                    },
-                ]}
-            >
-                {label}
-            </InputLabel>
+                        disabled && {
+                            color: "rgba(0,0,0,0.6)",
+                        },
+                        error && {
+                            color: "#AE1C1C !important",
+                        },
+                    ]}
+                >
+                    {label}
+                </InputLabel>
+                {tooltipText && (
+                    <MadieToolTip
+                        tooltipText={tooltipText}
+                        id={`${id}-tooltip`}
+                    />
+                )}
+            </div>
             {helperText && (
                 <FormHelperText
                     tabIndex={0}
@@ -103,7 +134,7 @@ const TextField = ({
                             },
                         },
                         "& .MuiInputBase-root": {
-                            height: '40px',
+                            height: "40px",
                         },
                         "& .MuiOutlinedInput-root": {
                             "&&": {
@@ -133,6 +164,7 @@ const TextField = ({
                 error={error}
                 disabled={disabled}
                 id={id}
+                inputProps={newInputProps}
                 {...rest}
             />
         </FormControl>
@@ -147,5 +179,7 @@ TextField.propTypes = {
     disabled: PropTypes.bool,
     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;

package/components/index.js

@@ -16,6 +16,8 @@ import MadieDialog from "./MadieDialog";
 import MadieDiscardDialog from "./MadieDiscardDialog";
 import MadieDeleteDialog from "./MadieDeleteDialog";
 import MadieSpinner from "./MadieSpinner";
+import MadieTooltip from "./MadieTooltip";
+import MadieTooltipIcon from "./MadieTooltipIcon";
 import Modal from "./Modal";
 import Popover from "./Popover";
 import { Pagination } from "./Pagination";
@@ -140,6 +142,8 @@ export {
     MadieDiscardDialog,
     MadieDeleteDialog,
     MadieSpinner,
+    MadieTooltipIcon,
+    MadieTooltip,
     Pagination,
     Popover,
     RadioButton,

package/coverage/clover.xml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<coverage generated="1706116691457" clover="3.2.0">
+  <project timestamp="1706116691457" name="All files">
+    <metrics statements="20" coveredstatements="20" conditionals="30" coveredconditionals="28" methods="9" coveredmethods="9" elements="59" coveredelements="57" complexity="0" loc="20" ncloc="20" packages="4" files="5" classes="5"/>
+    <package name="InputLabel">
+      <metrics statements="3" coveredstatements="3" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
+      <file name="index.jsx" path="/Users/43161/madie/madie-design-system/react/components/InputLabel/index.jsx">
+        <metrics statements="3" coveredstatements="3" conditionals="6" coveredconditionals="6" methods="1" coveredmethods="1"/>
+        <line num="5" count="1" type="stmt"/>
+        <line num="6" count="5" type="stmt"/>
+        <line num="48" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="MadieTooltip">
+      <metrics statements="11" coveredstatements="11" conditionals="5" coveredconditionals="3" methods="6" coveredmethods="6"/>
+      <file name="index.jsx" path="/Users/43161/madie/madie-design-system/react/components/MadieTooltip/index.jsx">
+        <metrics statements="10" coveredstatements="10" conditionals="5" coveredconditionals="3" methods="6" coveredmethods="6"/>
+        <line num="7" count="1" type="cond" truecount="0" falsecount="1"/>
+        <line num="8" count="5" type="stmt"/>
+        <line num="9" count="5" type="stmt"/>
+        <line num="13" count="1" type="stmt"/>
+        <line num="15" count="1" type="stmt"/>
+        <line num="18" count="1" type="stmt"/>
+        <line num="21" count="1" type="stmt"/>
+        <line num="24" count="1" type="cond" truecount="1" falsecount="1"/>
+        <line num="25" count="1" type="stmt"/>
+        <line num="44" count="1" type="stmt"/>
+      </file>
+      <file name="index.scss" path="/Users/43161/madie/madie-design-system/react/components/MadieTooltip/index.scss">
+        <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+        <line num="1" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="MadieTooltipIcon">
+      <metrics statements="3" coveredstatements="3" conditionals="1" coveredconditionals="1" methods="1" coveredmethods="1"/>
+      <file name="index.jsx" path="/Users/43161/madie/madie-design-system/react/components/MadieTooltipIcon/index.jsx">
+        <metrics statements="3" coveredstatements="3" conditionals="1" coveredconditionals="1" methods="1" coveredmethods="1"/>
+        <line num="4" count="1" type="cond" truecount="1" falsecount="0"/>
+        <line num="5" count="5" type="stmt"/>
+        <line num="29" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="TextField">
+      <metrics statements="3" coveredstatements="3" conditionals="18" coveredconditionals="18" methods="1" coveredmethods="1"/>
+      <file name="index.jsx" path="/Users/43161/madie/madie-design-system/react/components/TextField/index.jsx">
+        <metrics statements="3" coveredstatements="3" conditionals="18" coveredconditionals="18" methods="1" coveredmethods="1"/>
+        <line num="11" count="1" type="stmt"/>
+        <line num="21" count="5" type="stmt"/>
+        <line num="147" count="1" type="stmt"/>
+      </file>
+    </package>
+  </project>
+</coverage>

package/coverage/coverage-final.json

@@ -0,0 +1,6 @@
+{"/Users/43161/madie/madie-design-system/react/components/InputLabel/index.jsx": {"path":"/Users/43161/madie/madie-design-system/react/components/InputLabel/index.jsx","statementMap":{"0":{"start":{"line":5,"column":14},"end":{"line":47,"column":1}},"1":{"start":{"line":6,"column":4},"end":{"line":46,"column":6}},"2":{"start":{"line":48,"column":0},"end":{"line":52,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":14},"end":{"line":5,"column":15}},"loc":{"start":{"line":5,"column":58},"end":{"line":47,"column":1}},"line":5}},"branchMap":{"0":{"loc":{"start":{"line":30,"column":16},"end":{"line":36,"column":17}},"type":"binary-expr","locations":[{"start":{"line":30,"column":16},"end":{"line":30,"column":24}},{"start":{"line":30,"column":28},"end":{"line":36,"column":17}}],"line":30},"1":{"loc":{"start":{"line":37,"column":16},"end":{"line":39,"column":17}},"type":"binary-expr","locations":[{"start":{"line":37,"column":16},"end":{"line":37,"column":24}},{"start":{"line":37,"column":28},"end":{"line":39,"column":17}}],"line":37},"2":{"loc":{"start":{"line":40,"column":16},"end":{"line":42,"column":17}},"type":"binary-expr","locations":[{"start":{"line":40,"column":16},"end":{"line":40,"column":21}},{"start":{"line":40,"column":25},"end":{"line":42,"column":17}}],"line":40}},"s":{"0":1,"1":5,"2":1},"f":{"0":5},"b":{"0":[5,1],"1":[5,1],"2":[5,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"0a1310bec710ee6300495741f01b1fdda262e348"}
+,"/Users/43161/madie/madie-design-system/react/components/MadieTooltip/index.jsx": {"path":"/Users/43161/madie/madie-design-system/react/components/MadieTooltip/index.jsx","statementMap":{"0":{"start":{"line":7,"column":21},"end":{"line":42,"column":1}},"1":{"start":{"line":8,"column":38},"end":{"line":8,"column":53}},"2":{"start":{"line":9,"column":4},"end":{"line":41,"column":6}},"3":{"start":{"line":13,"column":27},"end":{"line":13,"column":45}},"4":{"start":{"line":15,"column":16},"end":{"line":15,"column":36}},"5":{"start":{"line":18,"column":16},"end":{"line":18,"column":35}},"6":{"start":{"line":21,"column":16},"end":{"line":21,"column":36}},"7":{"start":{"line":24,"column":16},"end":{"line":26,"column":17}},"8":{"start":{"line":25,"column":20},"end":{"line":25,"column":40}},"9":{"start":{"line":44,"column":0},"end":{"line":46,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":21},"end":{"line":7,"column":22}},"loc":{"start":{"line":7,"column":69},"end":{"line":42,"column":1}},"line":7},"1":{"name":"(anonymous_1)","decl":{"start":{"line":13,"column":21},"end":{"line":13,"column":22}},"loc":{"start":{"line":13,"column":27},"end":{"line":13,"column":45}},"line":13},"2":{"name":"(anonymous_2)","decl":{"start":{"line":14,"column":20},"end":{"line":14,"column":21}},"loc":{"start":{"line":14,"column":26},"end":{"line":16,"column":13}},"line":14},"3":{"name":"(anonymous_3)","decl":{"start":{"line":17,"column":26},"end":{"line":17,"column":27}},"loc":{"start":{"line":17,"column":32},"end":{"line":19,"column":13}},"line":17},"4":{"name":"(anonymous_4)","decl":{"start":{"line":20,"column":26},"end":{"line":20,"column":27}},"loc":{"start":{"line":20,"column":32},"end":{"line":22,"column":13}},"line":20},"5":{"name":"(anonymous_5)","decl":{"start":{"line":23,"column":23},"end":{"line":23,"column":24}},"loc":{"start":{"line":23,"column":30},"end":{"line":27,"column":13}},"line":23}},"branchMap":{"0":{"loc":{"start":{"line":7,"column":24},"end":{"line":7,"column":58}},"type":"default-arg","locations":[{"start":{"line":7,"column":38},"end":{"line":7,"column":58}}],"line":7},"1":{"loc":{"start":{"line":24,"column":16},"end":{"line":26,"column":17}},"type":"if","locations":[{"start":{"line":24,"column":16},"end":{"line":26,"column":17}},{"start":{},"end":{}}],"line":24},"2":{"loc":{"start":{"line":36,"column":27},"end":{"line":36,"column":79}},"type":"cond-expr","locations":[{"start":{"line":36,"column":39},"end":{"line":36,"column":54}},{"start":{"line":36,"column":57},"end":{"line":36,"column":79}}],"line":36}},"s":{"0":1,"1":5,"2":5,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1},"f":{"0":5,"1":1,"2":1,"3":1,"4":1,"5":1},"b":{"0":[0],"1":[1,0],"2":[2,3]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"151cca9169e9a05e4e41a09b68509ed2f5921d5e"}
+,"/Users/43161/madie/madie-design-system/react/components/MadieTooltip/index.scss": {"path":"/Users/43161/madie/madie-design-system/react/components/MadieTooltip/index.scss","statementMap":{"0":{"start":{"line":1,"column":0},"end":{"line":1,"column":30}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"eb5f8857f4418f79e16718a46a340ceadc6852db"}
+,"/Users/43161/madie/madie-design-system/react/components/MadieTooltipIcon/index.jsx": {"path":"/Users/43161/madie/madie-design-system/react/components/MadieTooltipIcon/index.jsx","statementMap":{"0":{"start":{"line":4,"column":20},"end":{"line":25,"column":1}},"1":{"start":{"line":5,"column":4},"end":{"line":24,"column":10}},"2":{"start":{"line":29,"column":0},"end":{"line":31,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":4,"column":20},"end":{"line":4,"column":21}},"loc":{"start":{"line":5,"column":4},"end":{"line":24,"column":10}},"line":5}},"branchMap":{"0":{"loc":{"start":{"line":4,"column":23},"end":{"line":4,"column":40}},"type":"default-arg","locations":[{"start":{"line":4,"column":31},"end":{"line":4,"column":40}}],"line":4}},"s":{"0":1,"1":5,"2":1},"f":{"0":5},"b":{"0":[5]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"e3b77d78c8ee4bd89b3ba7f2f93ae20868b303c7"}
+,"/Users/43161/madie/madie-design-system/react/components/TextField/index.jsx": {"path":"/Users/43161/madie/madie-design-system/react/components/TextField/index.jsx","statementMap":{"0":{"start":{"line":11,"column":18},"end":{"line":145,"column":1}},"1":{"start":{"line":21,"column":4},"end":{"line":144,"column":6}},"2":{"start":{"line":147,"column":0},"end":{"line":156,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":11,"column":18},"end":{"line":11,"column":19}},"loc":{"start":{"line":20,"column":6},"end":{"line":145,"column":1}},"line":20}},"branchMap":{"0":{"loc":{"start":{"line":13,"column":4},"end":{"line":13,"column":17}},"type":"default-arg","locations":[{"start":{"line":13,"column":12},"end":{"line":13,"column":17}}],"line":13},"1":{"loc":{"start":{"line":14,"column":4},"end":{"line":14,"column":26}},"type":"default-arg","locations":[{"start":{"line":14,"column":17},"end":{"line":14,"column":26}}],"line":14},"2":{"loc":{"start":{"line":15,"column":4},"end":{"line":15,"column":20}},"type":"default-arg","locations":[{"start":{"line":15,"column":15},"end":{"line":15,"column":20}}],"line":15},"3":{"loc":{"start":{"line":16,"column":4},"end":{"line":16,"column":20}},"type":"default-arg","locations":[{"start":{"line":16,"column":15},"end":{"line":16,"column":20}}],"line":16},"4":{"loc":{"start":{"line":58,"column":24},"end":{"line":64,"column":25}},"type":"binary-expr","locations":[{"start":{"line":58,"column":24},"end":{"line":58,"column":32}},{"start":{"line":58,"column":36},"end":{"line":64,"column":25}}],"line":58},"5":{"loc":{"start":{"line":65,"column":24},"end":{"line":67,"column":25}},"type":"binary-expr","locations":[{"start":{"line":65,"column":24},"end":{"line":65,"column":32}},{"start":{"line":65,"column":36},"end":{"line":67,"column":25}}],"line":65},"6":{"loc":{"start":{"line":68,"column":24},"end":{"line":70,"column":25}},"type":"binary-expr","locations":[{"start":{"line":68,"column":24},"end":{"line":68,"column":29}},{"start":{"line":68,"column":33},"end":{"line":70,"column":25}}],"line":68},"7":{"loc":{"start":{"line":75,"column":17},"end":{"line":75,"column":94}},"type":"binary-expr","locations":[{"start":{"line":75,"column":17},"end":{"line":75,"column":28}},{"start":{"line":75,"column":32},"end":{"line":75,"column":94}}],"line":75},"8":{"loc":{"start":{"line":77,"column":13},"end":{"line":96,"column":13}},"type":"binary-expr","locations":[{"start":{"line":77,"column":13},"end":{"line":77,"column":23}},{"start":{"line":78,"column":16},"end":{"line":95,"column":33}}],"line":77},"9":{"loc":{"start":{"line":89,"column":24},"end":{"line":91,"column":25}},"type":"binary-expr","locations":[{"start":{"line":89,"column":24},"end":{"line":89,"column":29}},{"start":{"line":89,"column":33},"end":{"line":91,"column":25}}],"line":89},"10":{"loc":{"start":{"line":131,"column":20},"end":{"line":135,"column":21}},"type":"binary-expr","locations":[{"start":{"line":131,"column":20},"end":{"line":131,"column":25}},{"start":{"line":131,"column":29},"end":{"line":135,"column":21}}],"line":131}},"s":{"0":1,"1":5,"2":1},"f":{"0":5},"b":{"0":[4],"1":[1],"2":[4],"3":[4],"4":[5,1],"5":[5,1],"6":[5,1],"7":[5,1],"8":[5,4],"9":[4,1],"10":[5,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"4c420249fd02b6fe9b98a7e62616178e83f751f8"}
+}

package/coverage/lcov-report/InputLabel/index.html

@@ -0,0 +1,116 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for InputLabel</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../prettify.css" />
+    <link rel="stylesheet" href="../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../index.html">All files</a> InputLabel</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>3/3</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>3/3</span>
+            </div>
+        
+            
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line high'></div>
+    <div class="pad1">
+<table class="coverage-summary">
+<thead>
+<tr>
+   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
+   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
+   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
+   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
+   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
+   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
+   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
+   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
+</tr>
+</thead>
+<tbody><tr>
+	<td class="file high" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="6" class="abs high">6/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="3" class="abs high">3/3</td>
+	</tr>
+
+</tbody>
+</table>
+</div>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <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
+            </div>
+        <script src="../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../sorter.js"></script>
+        <script src="../block-navigation.js"></script>
+    </body>
+</html>
+    

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

@@ -0,0 +1,244 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for InputLabel/index.jsx</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../prettify.css" />
+    <link rel="stylesheet" href="../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+    
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../index.html">All files</a> / <a href="index.html">InputLabel</a> index.jsx</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>3/3</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>6/6</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>1/1</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">100% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>3/3</span>
+            </div>
+        
+            
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </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>
+<a name='L3'></a><a href='#L3'>3</a>
+<a name='L4'></a><a href='#L4'>4</a>
+<a name='L5'></a><a href='#L5'>5</a>
+<a name='L6'></a><a href='#L6'>6</a>
+<a name='L7'></a><a href='#L7'>7</a>
+<a name='L8'></a><a href='#L8'>8</a>
+<a name='L9'></a><a href='#L9'>9</a>
+<a name='L10'></a><a href='#L10'>10</a>
+<a name='L11'></a><a href='#L11'>11</a>
+<a name='L12'></a><a href='#L12'>12</a>
+<a name='L13'></a><a href='#L13'>13</a>
+<a name='L14'></a><a href='#L14'>14</a>
+<a name='L15'></a><a href='#L15'>15</a>
+<a name='L16'></a><a href='#L16'>16</a>
+<a name='L17'></a><a href='#L17'>17</a>
+<a name='L18'></a><a href='#L18'>18</a>
+<a name='L19'></a><a href='#L19'>19</a>
+<a name='L20'></a><a href='#L20'>20</a>
+<a name='L21'></a><a href='#L21'>21</a>
+<a name='L22'></a><a href='#L22'>22</a>
+<a name='L23'></a><a href='#L23'>23</a>
+<a name='L24'></a><a href='#L24'>24</a>
+<a name='L25'></a><a href='#L25'>25</a>
+<a name='L26'></a><a href='#L26'>26</a>
+<a name='L27'></a><a href='#L27'>27</a>
+<a name='L28'></a><a href='#L28'>28</a>
+<a name='L29'></a><a href='#L29'>29</a>
+<a name='L30'></a><a href='#L30'>30</a>
+<a name='L31'></a><a href='#L31'>31</a>
+<a name='L32'></a><a href='#L32'>32</a>
+<a name='L33'></a><a href='#L33'>33</a>
+<a name='L34'></a><a href='#L34'>34</a>
+<a name='L35'></a><a href='#L35'>35</a>
+<a name='L36'></a><a href='#L36'>36</a>
+<a name='L37'></a><a href='#L37'>37</a>
+<a name='L38'></a><a href='#L38'>38</a>
+<a name='L39'></a><a href='#L39'>39</a>
+<a name='L40'></a><a href='#L40'>40</a>
+<a name='L41'></a><a href='#L41'>41</a>
+<a name='L42'></a><a href='#L42'>42</a>
+<a name='L43'></a><a href='#L43'>43</a>
+<a name='L44'></a><a href='#L44'>44</a>
+<a name='L45'></a><a href='#L45'>45</a>
+<a name='L46'></a><a href='#L46'>46</a>
+<a name='L47'></a><a href='#L47'>47</a>
+<a name='L48'></a><a href='#L48'>48</a>
+<a name='L49'></a><a href='#L49'>49</a>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</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>
+<span class="cline-any cline-yes">1x</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-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>
+<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>
+<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>
+<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>
+<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">1x</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></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
+import { InputLabel as MUIInputLabel } from "@mui/material";
+import PropTypes from "prop-types";
+&nbsp;
+const Label = ({ required, disabled, error, ...rest }) =&gt; {
+    return (
+        &lt;MUIInputLabel
+            required={required}
+            disabled={disabled}
+            error={error}
+            sx={[
+                {
+                    backgroundColor: "transparent",
+                    display: "flex",
+                    flexDirection: "row-reverse",
+                    alignSelf: "baseline",
+                    textTransform: "none",
+                    // force it outside the select box
+                    position: "initial",
+                    transform: "translateX(0px) translateY(0px)",
+                    fontFamily: "Rubik",
+                    fontWeight: 500,
+                    fontSize: 14,
+                    color: "#333",
+                    "&amp; .MuiInputLabel-asterisk": {
+                        color: "#AE1C1C !important",
+                        marginRight: "3px !important", //this was
+                    },
+                },
+                required &amp;&amp; {
+                    transform: "translateX(-12px) translateY(0px)",
+                    "&amp; .MuiInputLabel-asterisk": {
+                        color: "#D92F2",
+                        marginRight: "3px !important", //this was
+                    },
+                },
+                disabled &amp;&amp; {
+                    color: "#333333 !important",
+                },
+                error &amp;&amp; {
+                    color: "#AE1C1C !important",
+                },
+            ]}
+            {...rest}
+        /&gt;
+    );
+};
+Label.propTypes = {
+    required: PropTypes.bool.isRequired,
+    disabled: PropTypes.bool.isRequired,
+    error: PropTypes.bool,
+};
+export default Label;
+&nbsp;</pre></td></tr></table></pre>
+
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <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
+            </div>
+        <script src="../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../sorter.js"></script>
+        <script src="../block-navigation.js"></script>
+    </body>
+</html>
+