@madie/madie-design-system 1.0.11 → 1.0.12

package/components/MadieDialog/Index.jsx

@@ -0,0 +1,256 @@
+import React from "react";
+import PropTypes from "prop-types";
+import CloseIcon from "@mui/icons-material/Close";
+import {
+    Dialog,
+    DialogContent,
+    DialogActions,
+    DialogTitle,
+    Divider,
+    IconButton,
+    Typography,
+} from "@mui/material";
+import { Box } from "@mui/system";
+import Button from "../Button";
+
+// We have multiple situations to consider
+const MadieDialog = ({
+    /*
+      Lets make a reusable component
+      form booleon determines layout
+      Dialog props: props to be passed to the Dialog itself
+      {
+        open: bool,
+        onClose: function on close,
+        onSubmit: function onSubmit,
+        showRequiredFieldMessage: functional
+      }
+      Children: React components to be inside
+      Action Props for cancel or continue:
+      {
+        variants listed in design system like cyan
+        className
+        type
+        data-testid,
+        onClick
+        disabled
+      }
+      */
+    form,
+    title,
+    dialogProps,
+    cancelButtonProps,
+    continueButtonProps,
+    children,
+}) => {
+    const {
+        open,
+        onClose,
+        onSubmit,
+        showRequiredFieldMessage,
+        ...otherDialogProps
+    } = dialogProps;
+    const { cancelText, cancelIcon, ...otherCancelButtonProps } =
+        cancelButtonProps;
+    const { continueText, continueIcon, ...otherContinueButonProps } =
+        continueButtonProps;
+
+    return (
+        <Dialog
+            open={open}
+            onClose={onClose}
+            sx={{
+                "& .MuiDialog-paper": {
+                    position: "relative",
+                    overflow: "visible",
+                    marginTop: "-20px",
+                },
+            }}
+            maxWidth="sm"
+            fullWidth
+            {...otherDialogProps}
+        >
+            {form ? (
+                <form
+                    data-testid="dialog-form"
+                    onSubmit={(e) => {
+                        e.preventDefault();
+                        onSubmit(e);
+                    }}
+                    style={{ overflow: "scroll" }}
+                >
+                    <Box
+                        sx={{
+                            display: "flex",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                            alignItems: "center",
+                            padding: "24px 32px",
+                        }}
+                    >
+                        <DialogTitle
+                            sx={{
+                                fontFamily: "Rubik",
+                                fontSize: 24,
+                                padding: 0,
+                            }}
+                        >
+                            {title}
+                        </DialogTitle>
+                        <div>
+                            <IconButton onClick={onClose}>
+                                <CloseIcon
+                                    sx={{
+                                        color: "#242424",
+                                    }}
+                                    data-testid="close-button"
+                                />
+                            </IconButton>
+                        </div>
+                    </Box>
+                    <Divider />
+                    <DialogContent>
+                        {showRequiredFieldMessage && (
+                            <Box
+                                sx={{
+                                    display: "flex",
+                                    flexDirection: "row",
+                                    justifyContent: "flex-end",
+                                    marginBottom: "-23px",
+                                }}
+                            >
+                                <Typography
+                                    sx={{
+                                        fontSize: 14,
+                                        fontWeight: 300,
+                                        fontFamily: "Rubik",
+                                    }}
+                                >
+                                    <Box
+                                        component="span"
+                                        sx={{
+                                            color: "#D92F2F",
+                                            marginRight: "3px",
+                                        }}
+                                    >
+                                        *
+                                    </Box>
+                                    Indicates required field
+                                </Typography>
+                            </Box>
+                        )}
+
+                        {children}
+                    </DialogContent>
+                    <Divider sx={{ marginTop: "10px" }} />
+                    <DialogActions
+                        sx={{
+                            padding: "16px",
+                            "& >:not(:first-of-type)": {
+                                marginLeft: "16px",
+                            },
+                        }}
+                    >
+                        <Button
+                            variant="secondary"
+                            onClick={onClose}
+                            {...otherCancelButtonProps}
+                        >
+                            <span>
+                                {cancelText}
+                                {cancelIcon}
+                            </span>
+                        </Button>
+                        <Button
+                            className="qpp-c-button--cyan"
+                            type="submit"
+                            style={{ marginTop: 0 }}
+                            {...otherContinueButonProps}
+                        >
+                            <span>
+                                {continueText}
+                                {continueIcon}
+                            </span>
+                        </Button>
+                    </DialogActions>
+                </form>
+            ) : (
+                <>
+                    <Box
+                        sx={{
+                            display: "flex",
+                            flexDirection: "row",
+                            justifyContent: "space-between",
+                            alignItems: "center",
+                            padding: "24px 32px",
+                        }}
+                    >
+                        <DialogTitle
+                            sx={{
+                                fontFamily: "Rubik",
+                                fontSize: 24,
+                                padding: 0,
+                            }}
+                        >
+                            {title}
+                        </DialogTitle>
+                        <div>
+                            <IconButton onClick={onClose}>
+                                <CloseIcon
+                                    sx={{
+                                        color: "#242424",
+                                    }}
+                                    data-testid="close-button"
+                                />
+                            </IconButton>
+                        </div>
+                    </Box>
+                    <Divider />
+                    <DialogContent>{children}</DialogContent>
+                    <Divider sx={{ marginTop: "10px" }} />
+                    <DialogActions
+                        sx={{
+                            padding: "16px",
+                            "& >:not(:first-of-type)": {
+                                marginLeft: "16px",
+                            },
+                        }}
+                    >
+                        <Button
+                            variant="secondary"
+                            onClick={onClose}
+                            {...otherCancelButtonProps}
+                        >
+                            <span>
+                                {cancelText}
+                                {cancelIcon}
+                            </span>
+                        </Button>
+                        <Button
+                            variant="cyan"
+                            type="submit"
+                            style={{ marginTop: 0 }}
+                            {...otherContinueButonProps}
+                        >
+                            <span>
+                                {continueText}
+                                {continueIcon}
+                            </span>
+                        </Button>
+                    </DialogActions>
+                </>
+            )}
+        </Dialog>
+    );
+};
+
+MadieDialog.propTypes = {
+    form: PropTypes.bool,
+    title: PropTypes.string,
+    dialogProps: PropTypes.object,
+    cancelButtonProps: PropTypes.object,
+    continueButtonProps: PropTypes.object,
+    children: PropTypes.object,
+};
+
+export default MadieDialog;

package/components/Toast/index.jsx

@@ -1,4 +1,5 @@
 import React from "react";
+import PropTypes from "prop-types";
 import { IconButton, Snackbar } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
@@ -45,6 +46,7 @@ const Toast = ({
                     color="inherit"
                     sx={{ p: 0 }}
                     onClick={onClose}
+                    data-testId="close-error-button"
                 >
                     <CloseIcon />
                 </IconButton>
@@ -113,4 +115,14 @@ const Toast = ({
     );
 };
 
+Toast.propTypes = {
+    open: PropTypes.bool,
+    message: PropTypes.string,
+    toastType: PropTypes.string, // 'danger | success, more later when mockups come out
+    autoHideDuration: PropTypes.number,
+    onClose: PropTypes.func,
+    testId: PropTypes.string,
+    toastKey: PropTypes.string,
+};
+
 export default Toast;

package/components/index.js

@@ -9,6 +9,7 @@ import Footer from "./Footer/FooterUI";
 import Header from "./Header/HeaderUI";
 import InputLabel from "./InputLabel";
 import FormControlLabel from "./FormControlLabel";
+import MadieDialog from "./MadieDialog";
 import MadieSpinner from "./MadieSpinner";
 import Modal from "./Modal";
 import { Pagination } from "./Pagination";
@@ -122,6 +123,7 @@ export {
     Icons,
     Infotip,
     Modal,
+    MadieDialog,
     MadieSpinner,
     Pagination,
     Search,

package/coverage/clover.xml

@@ -1,18 +1,46 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1649362611284" clover="3.2.0">
-  <project timestamp="1649362611284" name="All files">
-    <metrics statements="9" coveredstatements="9" conditionals="6" coveredconditionals="4" methods="1" coveredmethods="1" elements="16" coveredelements="14" complexity="0" loc="9" ncloc="9" packages="1" files="1" classes="1"/>
-    <file name="index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Toast/index.jsx">
-      <metrics statements="9" coveredstatements="9" conditionals="6" coveredconditionals="4" methods="1" coveredmethods="1"/>
-      <line num="7" count="1" type="stmt"/>
-      <line num="17" count="6" type="stmt"/>
-      <line num="18" count="6" type="stmt"/>
-      <line num="20" count="6" type="stmt"/>
-      <line num="24" count="6" type="stmt"/>
-      <line num="28" count="6" type="stmt"/>
-      <line num="29" count="6" type="stmt"/>
-      <line num="32" count="6" type="stmt"/>
-      <line num="58" count="6" type="stmt"/>
-    </file>
+<coverage generated="1657730454409" clover="3.2.0">
+  <project timestamp="1657730454409" name="All files">
+    <metrics statements="28" coveredstatements="25" conditionals="25" coveredconditionals="18" methods="5" coveredmethods="4" elements="58" coveredelements="47" complexity="0" loc="28" ncloc="28" packages="2" files="2" classes="2"/>
+    <package name="Button">
+      <metrics statements="20" coveredstatements="17" conditionals="13" coveredconditionals="7" methods="3" coveredmethods="2"/>
+      <file name="index.js" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/Button/index.js">
+        <metrics statements="20" coveredstatements="17" conditionals="13" coveredconditionals="7" methods="3" coveredmethods="2"/>
+        <line num="4" count="1" type="stmt"/>
+        <line num="12" count="1" type="stmt"/>
+        <line num="14" count="1" type="stmt"/>
+        <line num="25" count="4" type="stmt"/>
+        <line num="27" count="4" type="cond" truecount="2" falsecount="0"/>
+        <line num="28" count="3" type="stmt"/>
+        <line num="30" count="4" type="cond" truecount="1" falsecount="1"/>
+        <line num="31" count="0" type="stmt"/>
+        <line num="33" count="4" type="cond" truecount="2" falsecount="0"/>
+        <line num="34" count="1" type="stmt"/>
+        <line num="37" count="4" type="cond" truecount="1" falsecount="1"/>
+        <line num="38" count="0" type="stmt"/>
+        <line num="49" count="4" type="stmt"/>
+        <line num="63" count="1" type="stmt"/>
+        <line num="74" count="1" type="stmt"/>
+        <line num="79" count="1" type="stmt"/>
+        <line num="85" count="1" type="cond" truecount="0" falsecount="1"/>
+        <line num="86" count="0" type="stmt"/>
+        <line num="89" count="1" type="stmt"/>
+        <line num="93" count="1" type="stmt"/>
+      </file>
+    </package>
+    <package name="MadieDialog">
+      <metrics statements="8" coveredstatements="8" conditionals="12" coveredconditionals="11" methods="2" coveredmethods="2"/>
+      <file name="Index.jsx" path="/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieDialog/Index.jsx">
+        <metrics statements="8" coveredstatements="8" conditionals="12" coveredconditionals="11" methods="2" coveredmethods="2"/>
+        <line num="17" count="1" type="stmt"/>
+        <line num="52" count="2" type="stmt"/>
+        <line num="54" count="2" type="stmt"/>
+        <line num="56" count="2" type="stmt"/>
+        <line num="58" count="2" type="stmt"/>
+        <line num="77" count="1" type="stmt"/>
+        <line num="78" count="1" type="stmt"/>
+        <line num="247" count="1" type="stmt"/>
+      </file>
+    </package>
   </project>
 </coverage>

package/coverage/coverage-final.json

@@ -1,2 +1,3 @@
-{"/Users/matt.mcphillips/madie/madie-design-system/react/components/Toast/index.jsx": {"path":"/Users/matt.mcphillips/madie/madie-design-system/react/components/Toast/index.jsx","statementMap":{"0":{"start":{"line":7,"column":14},"end":{"line":119,"column":1}},"1":{"start":{"line":17,"column":24},"end":{"line":17,"column":33}},"2":{"start":{"line":18,"column":25},"end":{"line":18,"column":34}},"3":{"start":{"line":20,"column":21},"end":{"line":23,"column":5}},"4":{"start":{"line":24,"column":20},"end":{"line":27,"column":5}},"5":{"start":{"line":28,"column":26},"end":{"line":28,"column":45}},"6":{"start":{"line":29,"column":25},"end":{"line":29,"column":43}},"7":{"start":{"line":32,"column":4},"end":{"line":56,"column":10}},"8":{"start":{"line":58,"column":4},"end":{"line":118,"column":9}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":14},"end":{"line":7,"column":15}},"loc":{"start":{"line":16,"column":6},"end":{"line":119,"column":1}},"line":16}},"branchMap":{"0":{"loc":{"start":{"line":35,"column":13},"end":{"line":39,"column":13}},"type":"binary-expr","locations":[{"start":{"line":35,"column":13},"end":{"line":35,"column":25}},{"start":{"line":36,"column":16},"end":{"line":38,"column":18}}],"line":35},"1":{"loc":{"start":{"line":60,"column":17},"end":{"line":60,"column":48}},"type":"cond-expr","locations":[{"start":{"line":60,"column":28},"end":{"line":60,"column":36}},{"start":{"line":60,"column":39},"end":{"line":60,"column":48}}],"line":60},"2":{"loc":{"start":{"line":116,"column":17},"end":{"line":116,"column":46}},"type":"cond-expr","locations":[{"start":{"line":116,"column":27},"end":{"line":116,"column":34}},{"start":{"line":116,"column":37},"end":{"line":116,"column":46}}],"line":116}},"s":{"0":1,"1":6,"2":6,"3":6,"4":6,"5":6,"6":6,"7":6,"8":6},"f":{"0":6},"b":{"0":[6,6],"1":[6,0],"2":[6,0]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"cff985a62b05381cbe68d5049f8b41d578588500"}
+{"/Users/matt.mcphillips/madie/madie-design-system/react/components/Button/index.js": {"path":"/Users/matt.mcphillips/madie/madie-design-system/react/components/Button/index.js","statementMap":{"0":{"start":{"line":4,"column":17},"end":{"line":11,"column":1}},"1":{"start":{"line":12,"column":14},"end":{"line":12,"column":21}},"2":{"start":{"line":14,"column":15},"end":{"line":61,"column":1}},"3":{"start":{"line":25,"column":19},"end":{"line":25,"column":33}},"4":{"start":{"line":27,"column":4},"end":{"line":29,"column":5}},"5":{"start":{"line":28,"column":8},"end":{"line":28,"column":68}},"6":{"start":{"line":30,"column":4},"end":{"line":32,"column":5}},"7":{"start":{"line":31,"column":8},"end":{"line":31,"column":65}},"8":{"start":{"line":33,"column":4},"end":{"line":35,"column":5}},"9":{"start":{"line":34,"column":8},"end":{"line":34,"column":51}},"10":{"start":{"line":37,"column":4},"end":{"line":48,"column":5}},"11":{"start":{"line":38,"column":8},"end":{"line":47,"column":10}},"12":{"start":{"line":49,"column":4},"end":{"line":60,"column":6}},"13":{"start":{"line":63,"column":0},"end":{"line":72,"column":2}},"14":{"start":{"line":74,"column":0},"end":{"line":83,"column":2}},"15":{"start":{"line":79,"column":19},"end":{"line":79,"column":23}},"16":{"start":{"line":85,"column":26},"end":{"line":87,"column":1}},"17":{"start":{"line":86,"column":4},"end":{"line":86,"column":71}},"18":{"start":{"line":89,"column":0},"end":{"line":91,"column":2}},"19":{"start":{"line":93,"column":0},"end":{"line":95,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":14,"column":15},"end":{"line":14,"column":16}},"loc":{"start":{"line":24,"column":6},"end":{"line":61,"column":1}},"line":24},"1":{"name":"(anonymous_1)","decl":{"start":{"line":79,"column":13},"end":{"line":79,"column":14}},"loc":{"start":{"line":79,"column":19},"end":{"line":79,"column":23}},"line":79},"2":{"name":"(anonymous_2)","decl":{"start":{"line":85,"column":26},"end":{"line":85,"column":27}},"loc":{"start":{"line":86,"column":4},"end":{"line":86,"column":71}},"line":86}},"branchMap":{"0":{"loc":{"start":{"line":27,"column":4},"end":{"line":29,"column":5}},"type":"if","locations":[{"start":{"line":27,"column":4},"end":{"line":29,"column":5}},{"start":{},"end":{}}],"line":27},"1":{"loc":{"start":{"line":30,"column":4},"end":{"line":32,"column":5}},"type":"if","locations":[{"start":{"line":30,"column":4},"end":{"line":32,"column":5}},{"start":{},"end":{}}],"line":30},"2":{"loc":{"start":{"line":33,"column":4},"end":{"line":35,"column":5}},"type":"if","locations":[{"start":{"line":33,"column":4},"end":{"line":35,"column":5}},{"start":{},"end":{}}],"line":33},"3":{"loc":{"start":{"line":37,"column":4},"end":{"line":48,"column":5}},"type":"if","locations":[{"start":{"line":37,"column":4},"end":{"line":48,"column":5}},{"start":{},"end":{}}],"line":37},"4":{"loc":{"start":{"line":42,"column":27},"end":{"line":42,"column":41}},"type":"binary-expr","locations":[{"start":{"line":42,"column":27},"end":{"line":42,"column":35}},{"start":{"line":42,"column":39},"end":{"line":42,"column":41}}],"line":42},"5":{"loc":{"start":{"line":52,"column":23},"end":{"line":52,"column":37}},"type":"binary-expr","locations":[{"start":{"line":52,"column":23},"end":{"line":52,"column":31}},{"start":{"line":52,"column":35},"end":{"line":52,"column":37}}],"line":52},"6":{"loc":{"start":{"line":85,"column":29},"end":{"line":85,"column":43}},"type":"default-arg","locations":[{"start":{"line":85,"column":41},"end":{"line":85,"column":43}}],"line":85}},"s":{"0":1,"1":1,"2":1,"3":4,"4":4,"5":3,"6":4,"7":0,"8":4,"9":1,"10":4,"11":0,"12":4,"13":1,"14":1,"15":1,"16":1,"17":0,"18":1,"19":1},"f":{"0":4,"1":1,"2":0},"b":{"0":[3,1],"1":[0,4],"2":[1,3],"3":[0,4],"4":[0,0],"5":[4,0],"6":[0]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"2e6d0911f31a3bceeb0bcfb1d4707da1e8fd0fcc"}
+,"/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieDialog/Index.jsx": {"path":"/Users/matt.mcphillips/madie/madie-design-system/react/components/MadieDialog/Index.jsx","statementMap":{"0":{"start":{"line":17,"column":20},"end":{"line":245,"column":1}},"1":{"start":{"line":52,"column":6},"end":{"line":52,"column":17}},"2":{"start":{"line":54,"column":4},"end":{"line":54,"column":21}},"3":{"start":{"line":56,"column":4},"end":{"line":56,"column":23}},"4":{"start":{"line":58,"column":2},"end":{"line":244,"column":4}},"5":{"start":{"line":77,"column":12},"end":{"line":77,"column":31}},"6":{"start":{"line":78,"column":12},"end":{"line":78,"column":24}},"7":{"start":{"line":247,"column":0},"end":{"line":254,"column":1}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":17,"column":20},"end":{"line":17,"column":21}},"loc":{"start":{"line":45,"column":6},"end":{"line":245,"column":1}},"line":45},"1":{"name":"(anonymous_1)","decl":{"start":{"line":76,"column":20},"end":{"line":76,"column":21}},"loc":{"start":{"line":76,"column":27},"end":{"line":79,"column":11}},"line":76}},"branchMap":{"0":{"loc":{"start":{"line":73,"column":7},"end":{"line":242,"column":7}},"type":"cond-expr","locations":[{"start":{"line":74,"column":8},"end":{"line":176,"column":15}},{"start":{"line":178,"column":8},"end":{"line":241,"column":11}}],"line":73},"1":{"loc":{"start":{"line":113,"column":13},"end":{"line":141,"column":13}},"type":"binary-expr","locations":[{"start":{"line":113,"column":13},"end":{"line":113,"column":37}},{"start":{"line":114,"column":14},"end":{"line":140,"column":20}}],"line":113},"2":{"loc":{"start":{"line":161,"column":21},"end":{"line":161,"column":45}},"type":"binary-expr","locations":[{"start":{"line":161,"column":21},"end":{"line":161,"column":31}},{"start":{"line":161,"column":35},"end":{"line":161,"column":45}}],"line":161},"3":{"loc":{"start":{"line":172,"column":17},"end":{"line":172,"column":45}},"type":"binary-expr","locations":[{"start":{"line":172,"column":17},"end":{"line":172,"column":29}},{"start":{"line":172,"column":33},"end":{"line":172,"column":45}}],"line":172},"4":{"loc":{"start":{"line":226,"column":17},"end":{"line":226,"column":41}},"type":"binary-expr","locations":[{"start":{"line":226,"column":17},"end":{"line":226,"column":27}},{"start":{"line":226,"column":31},"end":{"line":226,"column":41}}],"line":226},"5":{"loc":{"start":{"line":237,"column":17},"end":{"line":237,"column":45}},"type":"binary-expr","locations":[{"start":{"line":237,"column":17},"end":{"line":237,"column":29}},{"start":{"line":237,"column":33},"end":{"line":237,"column":45}}],"line":237}},"s":{"0":1,"1":2,"2":2,"3":2,"4":2,"5":1,"6":1,"7":1},"f":{"0":2,"1":1},"b":{"0":[1,1],"1":[1,1],"2":[1,0],"3":[1,1],"4":[1,1],"5":[1,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"6e861c76f6632d49bf02e10515605c491fd08cdd"}
 }

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

@@ -0,0 +1,116 @@
+
+<!doctype html>
+<html lang="en">
+
+<head>
+    <title>Code coverage report for Button</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> Button</h1>
+        <div class='clearfix'>
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">85% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>17/20</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">53.84% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>7/13</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">66.66% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>2/3</span>
+            </div>
+        
+            
+            <div class='fl pad1y space-right2'>
+                <span class="strong">85% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>17/20</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.js"><a href="index.js.html">index.js</a></td>
+	<td data-value="85" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 85%"></div><div class="cover-empty" style="width: 15%"></div></div>
+	</td>
+	<td data-value="85" class="pct high">85%</td>
+	<td data-value="20" class="abs high">17/20</td>
+	<td data-value="53.84" class="pct medium">53.84%</td>
+	<td data-value="13" class="abs medium">7/13</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="3" class="abs medium">2/3</td>
+	<td data-value="85" class="pct high">85%</td>
+	<td data-value="20" class="abs high">17/20</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 Wed Jul 13 2022 09:40:54 GMT-0700 (Pacific Daylight Time)
+            </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>
+