@madie/madie-design-system 1.0.2 → 1.0.3

package/coverage/lcov-report/react/components/Pagination/index.jsx.html

@@ -264,7 +264,18 @@
 <a name='L199'></a><a href='#L199'>199</a>
 <a name='L200'></a><a href='#L200'>200</a>
 <a name='L201'></a><a href='#L201'>201</a>
-<a name='L202'></a><a href='#L202'>202</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</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>
@@ -401,6 +412,10 @@
 <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">6x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -420,11 +435,18 @@
 <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">16x</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>
 <span class="cline-any cline-yes">15x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -469,88 +491,88 @@
 import { makeStyles } from "@mui/styles";
 import PropTypes from "prop-types";
 import {
-  Pagination as PaginationComponent,
-  PaginationItem,
-  Select,
-  MenuItem,
-  Typography,
+    Pagination as PaginationComponent,
+    PaginationItem,
+    Select,
+    MenuItem,
+    Typography,
 } from "@mui/material";
 &nbsp;
 const useStyles = makeStyles({
-  root: {
-    display: "flex",
-    flexGrow: 1,
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    minHeight: 90,
-    padding: "0px 24px",
-  },
-  row: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  // text
-  dark: {
-    color: "#333333",
-  },
-  faded: {
-    color: "#757575",
-  },
-  //select
-  select: {
-    margin: "0 11px",
-    "&amp; .MuiSelect-select": {
-      margin: "0 11px",
+    root: {
+        display: "flex",
+        flexGrow: 1,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        minHeight: 90,
+        padding: "0px 24px",
+    },
+    row: {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    // text
+    dark: {
+        color: "#333333",
     },
-  },
-  // pagination
-  ul: {
-    "&amp; .MuiPaginationItem-root": {
-      color: "#0073C8",
-      border: "solid 1px #CACACA",
-      "&amp;:focus": {
-        border: "0.0625rem solid #125496",
-        borderRadius: "0.1875rem",
-        boxShadow: "0 0 0 0.25rem #cbe4ff",
-        outline: "none",
-      },
+    faded: {
+        color: "#757575",
     },
-    "&amp; .Mui-selected": {
-      color: "#fff",
-      backgroundColor: "#0073C8 !important",
+    //select
+    select: {
+        margin: "0 11px",
+        "&amp; .MuiSelect-select": {
+            margin: "0 11px",
+        },
     },
-    "&amp; .MuiPaginationItem-ellipsis": {
-      border: "solid 1px transparent",
+    // pagination
+    ul: {
+        "&amp; .MuiPaginationItem-root": {
+            color: "#0073C8",
+            border: "solid 1px #CACACA",
+            "&amp;:focus": {
+                border: "0.0625rem solid #125496",
+                borderRadius: "0.1875rem",
+                boxShadow: "0 0 0 0.25rem #cbe4ff",
+                outline: "none",
+            },
+        },
+        "&amp; .Mui-selected": {
+            color: "#fff",
+            backgroundColor: "#0073C8 !important",
+        },
+        "&amp; .MuiPaginationItem-ellipsis": {
+            border: "solid 1px transparent",
+        },
+        "&amp; .MuiPaginationItem-previousNext": {
+            border: "solid 1px transparent",
+        },
     },
-    "&amp; .MuiPaginationItem-previousNext": {
-      border: "solid 1px transparent",
+    next: {
+        border: "solid 1px transparent",
+        "&amp;::before": {
+            content: '"Next  "',
+            marginRight: 5,
+            fontSize: 14,
+            fontFamily: "Rubik",
+        },
     },
-  },
-  next: {
-    border: "solid 1px transparent",
-    "&amp;::before": {
-      content: '"Next  "',
-      marginRight: 5,
-      fontSize: 14,
-      fontFamily: "Rubik",
+    prev: {
+        border: "solid 1px transparent",
+        "&amp;::after": {
+            content: '"  Previous"',
+            marginLeft: 5,
+            fontSize: 14,
+            fontFamily: "Rubik",
+        },
     },
-  },
-  prev: {
-    border: "solid 1px transparent",
-    "&amp;::after": {
-      content: '"  Previous"',
-      marginLeft: 5,
-      fontSize: 14,
-      fontFamily: "Rubik",
+    selected: {
+        backgroundColor: "#0073C8",
+        border: "solid 1px #0073C8",
+        color: "#fff",
     },
-  },
-  selected: {
-    backgroundColor: "#0073C8",
-    border: "solid 1px #0073C8",
-    color: "#fff",
-  },
 });
 &nbsp;
 // for ts later implemeentation.
@@ -571,98 +593,109 @@ const useStyles = makeStyles({
 //   }
 &nbsp;
 const Pagination = ({
-  totalItems = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
-  visibleItems = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
-  count = <span class="branch-0 cbranch-no" title="branch not covered" >1,</span>
-  offset = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
-  shape = <span class="branch-0 cbranch-no" title="branch not covered" >"rounded",</span>
-  page = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
-  limit = <span class="branch-0 cbranch-no" title="branch not covered" >10,</span>
-  limitOptions = <span class="branch-0 cbranch-no" title="branch not covered" >[10, 25, 50],</span>
-  handlePageChange,
-  handleLimitChange,
-  hidePrevButton = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
-  hideNextButton = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
+    totalItems = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
+    visibleItems = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
+    count = <span class="branch-0 cbranch-no" title="branch not covered" >1,</span>
+    offset = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
+    shape = <span class="branch-0 cbranch-no" title="branch not covered" >"rounded",</span>
+    page = <span class="branch-0 cbranch-no" title="branch not covered" >0,</span>
+    limit = <span class="branch-0 cbranch-no" title="branch not covered" >10,</span>
+    limitOptions = <span class="branch-0 cbranch-no" title="branch not covered" >[10, 25, 50],</span>
+    handlePageChange,
+    handleLimitChange,
+    hidePrevButton = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
+    hideNextButton = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
 }) =&gt; {
-  const classes = useStyles();
-  return (
-    &lt;div className={classes.root}&gt;
-      &lt;div className={classes.row}&gt;
-        &lt;Typography fontSize={14} fontFamily="Rubik" className={classes.dark}&gt;
-          Items per page
-        &lt;/Typography&gt;
-        &lt;Select
-          size="small"
-          classes={{
-            root: classes.select,
-          }}
-          id="pagination-limit-select"
-          value={limit}
-          label={null}
-          onChange={handleLimitChange}
-        &gt;
-          {limitOptions.map((val) =&gt; (
-            &lt;MenuItem value={val} key={`limit-${val}`} data-testid="limit-option"&gt;
-              {val}
-            &lt;/MenuItem&gt;
-          ))}
-        &lt;/Select&gt;
-        &lt;Typography
-          fontSize={14}
-          className={classes.faded}
-          fontFamily="Rubik"
-        &gt;{`${offset + 1} - ${
-          visibleItems + offset
-        } of ${totalItems}`}&lt;/Typography&gt;
-      &lt;/div&gt;
-      &lt;PaginationComponent
-        classes={{
-          ul: classes.ul,
-          selected: classes.selected,
-        }}
-        renderItem={(props) =&gt; {
-          if (props.type === "next") {
-            return (
-              &lt;PaginationItem {...props} classes={{ text: classes.next }} /&gt;
-            );
-          }
-          if (props.type === "previous") {
-            return (
-              &lt;PaginationItem
-                {...props}
-                classes={{ text: classes.prev }}
-              /&gt;
-            );
-          }
-          return &lt;PaginationItem {...props} /&gt;;
-        }}
-        count={count}
-        page={page}
-        shape={shape}
-        siblingCount={2}
-        boundaryCount={0}
-        onChange={handlePageChange}
-        hidePrevButton={hidePrevButton}
-        hideNextButton={hideNextButton}
-      /&gt;
-    &lt;/div&gt;
-  );
+    const classes = useStyles();
+    return (
+        &lt;div className={classes.root}&gt;
+            &lt;div className={classes.row}&gt;
+                &lt;Typography
+                    fontSize={14}
+                    fontFamily="Rubik"
+                    className={classes.dark}
+                &gt;
+                    Items per page
+                &lt;/Typography&gt;
+                &lt;Select
+                    size="small"
+                    classes={{
+                        root: classes.select,
+                    }}
+                    id="pagination-limit-select"
+                    value={limit}
+                    label={null}
+                    onChange={handleLimitChange}
+                &gt;
+                    {limitOptions.map((val) =&gt; (
+                        &lt;MenuItem
+                            value={val}
+                            key={`limit-${val}`}
+                            data-testid="limit-option"
+                        &gt;
+                            {val}
+                        &lt;/MenuItem&gt;
+                    ))}
+                &lt;/Select&gt;
+                &lt;Typography
+                    fontSize={14}
+                    className={classes.faded}
+                    fontFamily="Rubik"
+                &gt;{`${offset + 1} - ${
+                    visibleItems + offset
+                } of ${totalItems}`}&lt;/Typography&gt;
+            &lt;/div&gt;
+            &lt;PaginationComponent
+                classes={{
+                    ul: classes.ul,
+                    selected: classes.selected,
+                }}
+                renderItem={(props) =&gt; {
+                    if (props.type === "next") {
+                        return (
+                            &lt;PaginationItem
+                                {...props}
+                                classes={{ text: classes.next }}
+                            /&gt;
+                        );
+                    }
+                    if (props.type === "previous") {
+                        return (
+                            &lt;PaginationItem
+                                {...props}
+                                classes={{ text: classes.prev }}
+                            /&gt;
+                        );
+                    }
+                    return &lt;PaginationItem {...props} /&gt;;
+                }}
+                count={count}
+                page={page}
+                shape={shape}
+                siblingCount={2}
+                boundaryCount={0}
+                onChange={handlePageChange}
+                hidePrevButton={hidePrevButton}
+                hideNextButton={hideNextButton}
+            /&gt;
+        &lt;/div&gt;
+    );
 };
 &nbsp;
 Pagination.propTypes = {
-  totalItems: PropTypes.number,
-  visibleItems: PropTypes.number,
-  count: PropTypes.number,
-  offset: PropTypes.number,
-  shape: PropTypes.string,
-  limit: PropTypes.number,
-  page: PropTypes.number,
-  limitOptions: PropTypes.array,
-  handlePageChange: PropTypes.func,
-  handleLimitChange: PropTypes.func,
-  hidePrevButton: PropTypes.bool,
-  hideNextButton: PropTypes.bool,
-  type: PropTypes.string,
+    totalItems: PropTypes.number,
+    visibleItems: PropTypes.number,
+    count: PropTypes.number,
+    offset: PropTypes.number,
+    shape: PropTypes.string,
+    limit: PropTypes.number,
+    page: PropTypes.number,
+    limitOptions: PropTypes.array,
+    handlePageChange: PropTypes.func,
+    handleLimitChange: PropTypes.func,
+    hidePrevButton: PropTypes.bool,
+    hideNextButton: PropTypes.bool,
+    type: PropTypes.string,
 };
 &nbsp;
 export { Pagination };
@@ -673,7 +706,7 @@ export { Pagination };
             <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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SanitizedContent/index.html

@@ -101,7 +101,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 Mon Mar 14 2022 14:52:06 GMT-0700 (Pacific Daylight Time)
+                at Thu Mar 24 2022 11:31:04 GMT-0700 (Pacific Daylight Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>