@madie/madie-design-system 1.2.17-beta.0 → 1.2.19

package/components/DateField/DateField.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import PropTypes from "prop-types";
 import InputLabel from "../InputLabel";
 import TextField from "../TextField";
+import { Box } from "@mui/material";
 import { DatePicker } from "@mui/x-date-pickers/DatePicker";
 import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
@@ -51,54 +52,88 @@ const DateField = ({
     disabled,
     error,
     helperText,
+    required = false,
+    containerSx = {},
+    textFieldSx = {},
     ...rest
 }) => {
+    if (containerSx === undefined || containerSx === null) {
+        containerSx = {};
+    }
+    if (textFieldSx === undefined || textFieldSx === null) {
+        textFieldSx = {};
+    }
+
     return (
         <LocalizationProvider dateAdapter={AdapterDayjs}>
-            <InputLabel
-                data-testid={`${kebabCase(label)}`}
-                style={{ marginBottom: 0, height: 16 }}
-                sx={[
-                    {
-                        backgroundColor: "transparent",
-                        textTransform: "none",
-                        height: 17,
-                        left: 0,
-                        right: 0,
-                        top: 0,
-                        fontFamily: "Rubik",
-                        fontStyle: "normal",
-                        fontWeight: 500,
-                        fontSize: 14,
-                        color: "#333333",
-                    },
-                ]}
-            >
-                {`${label}`}
-            </InputLabel>
-            <DatePicker
-                value={value ? dayjs.utc(value) : null}
-                onChange={handleDateChange}
-                disabled={disabled}
-                slotProps={{
-                    textField: (params) => {
-                        const { InputProps } = params;
-                        InputProps["data-testid"] = id;
-                        InputProps["aria-required"] = true;
+            <Box sx={{ ...containerSx }}>
+                <InputLabel
+                    data-testid={`${kebabCase(label)}`}
+                    style={{ marginBottom: 0, height: 16 }}
+                    sx={[
+                        {
+                            backgroundColor: "transparent",
+                            display: "flex",
+                            flexDirection: "row-reverse",
+                            alignSelf: "baseline",
+                            justifyContent: "left",
+                            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
+                            },
+                        },
+                        disabled && {
+                            color: "rgba(0,0,0,0.6)",
+                        },
+                        error && {
+                            color: "#AE1C1C !important",
+                        },
+                    ]}
+                    required={required}
+                >
+                    {`${label}`}
+                </InputLabel>
+                <DatePicker
+                    value={value ? dayjs.utc(value) : null}
+                    onChange={handleDateChange}
+                    disabled={disabled}
+                    onClose={() => rest?.onBlur()}
+                    slotProps={{
+                        textField: (params) => {
+                            const { InputProps } = params;
+                            InputProps["data-testid"] = id;
+                            InputProps["aria-required"] = required;
 
-                        return {
-                            id: id,
-                            sx: dateTextFieldStyle,
-                            value: value ? dayjs.utc(value) : null,
-                            onChange: handleDateChange,
-                            //...rest,
-                            error: error,
-                            helperText: helperText,
-                        };
-                    },
-                }}
-                slots={{ textField: TextField }}
-            />
+                            return {
+                                id: id,
+                                sx: { ...dateTextFieldStyle, ...textFieldSx },
+                                value: value ? dayjs.utc(value) : null,
+                                onChange: handleDateChange,
+                                //...rest,
+                                error: error,
+                                helperText: helperText,
+                                onBlur: rest?.onBlur,
+                            };
+                        },
+                    }}
+                    slots={{ textField: TextField }}
+                />
+            </Box>
         </LocalizationProvider>
     );
 };
@@ -110,6 +145,9 @@ DateField.propTypes = {
     id: PropTypes.string,
     error: PropTypes.bool,
     helperText: PropTypes.string,
+    required: PropTypes.bool,
+    containerSx: PropTypes.object,
+    textFieldSx: PropTypes.object,
 };
 
 export default DateField;

package/components/NumberInput/NumberInput.stories.js

@@ -0,0 +1,85 @@
+import React from "react";
+import { withKnobs } from "@storybook/addon-knobs";
+import NumberInput from "./index";
+import PropTypes from "prop-types";
+
+export default {
+    title: "NumberInput",
+    component: NumberInput,
+    decorators: [withKnobs],
+};
+
+const Wrapper = ({ children }) => (
+    <div className="qpp-u-padding--16" style={{ width: 300 }}>
+        {children}
+    </div>
+);
+Wrapper.propTypes = {
+    className: PropTypes.string,
+    children: PropTypes.node,
+};
+
+export const BasicNumberInput = () => {
+    return (
+        <Wrapper>
+            <NumberInput id="basic-number-input" label="Demo number input" />
+        </Wrapper>
+    );
+};
+
+export const NumberInputWithNoNegativeNumbers = () => {
+    return (
+        <Wrapper>
+            <NumberInput
+                id="basic-number-input"
+                label="Demo number input"
+                aria-label="Demo number input"
+                placeholder="Type a number…"
+                allowNegative={false}
+            />
+        </Wrapper>
+    );
+};
+
+export const NumberInputWithErrorAndHelperText = () => {
+    return (
+        <Wrapper>
+            <NumberInput
+                id="basic-number-input"
+                error={true}
+                label="Demo number input"
+                aria-label="Demo number input"
+                placeholder="Type a number…"
+                helperText={"Please Enter a valid integer"}
+            />
+        </Wrapper>
+    );
+};
+
+export const NumberInputDisabled = () => {
+    return (
+        <Wrapper>
+            <NumberInput
+                id="basic-number-input"
+                label="Demo number input"
+                aria-label="Demo number input"
+                placeholder="Type a number…"
+                disabled={true}
+            />
+        </Wrapper>
+    );
+};
+
+export const NumberInputWithTooltip = () => {
+    return (
+        <Wrapper>
+            <NumberInput
+                id="basic-number-input"
+                label="Demo number input"
+                aria-label="Demo number input"
+                placeholder="Type a number…"
+                tooltipText={"Provides information"}
+            />
+        </Wrapper>
+    );
+};

package/components/NumberInput/index.jsx

@@ -0,0 +1,75 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+import TextField from "../TextField";
+
+export default function NumberInput({
+    id,
+    error = false,
+    helperText = undefined,
+    required = false,
+    disabled = false,
+    label,
+    tooltipText,
+    inputProps,
+    allowNegative = true,
+    ...rest
+}) {
+    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;
+        }
+    }
+    newInputProps["type"] = "number";
+    if (!allowNegative) {
+        newInputProps["min"] = 0;
+    }
+    return (
+        <TextField
+            id={`integer-field-${id}`}
+            error={error}
+            helperText={helperText}
+            required={required}
+            disabled={disabled}
+            label={label}
+            tooltipText={tooltipText}
+            inputProps={newInputProps}
+            placeholder={`Enter ${label}`}
+            data-testid={`integer-field-${id}`}
+            onKeyDown={(e) => {
+                if (
+                    e.key === "e" ||
+                    e.key === "E" ||
+                    e.key === "+" ||
+                    e.key === "-"
+                ) {
+                    e.preventDefault();
+                }
+            }}
+            {...rest}
+        />
+    );
+}
+
+NumberInput.propTypes = {
+    id: PropTypes.string,
+    error: PropTypes.bool,
+    helperText: PropTypes.string,
+    required: PropTypes.bool,
+    disabled: PropTypes.bool,
+    label: PropTypes.string,
+    tooltipText: PropTypes.string,
+    inputProps: PropTypes.object,
+    allowNegative: PropTypes.bool,
+};

package/components/index.js

@@ -38,6 +38,7 @@ import Search from "./Search";
 import TextInput from "./TextInput";
 import Dropdown from "./Dropdown";
 import DSLink from "./Link";
+import NumberInput from "./NumberInput";
 import {
     MyApplicationsIcon,
     UserSignInIcon,
@@ -144,6 +145,7 @@ export {
     MadieSpinner,
     MadieTooltipIcon,
     MadieTooltip,
+    NumberInput,
     Pagination,
     Popover,
     RadioButton,

package/coverage/clover.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<coverage generated="1712155207432" clover="3.2.0">
-  <project timestamp="1712155207432" name="All files">
-    <metrics statements="356" coveredstatements="345" conditionals="261" coveredconditionals="228" methods="104" coveredmethods="98" elements="721" coveredelements="671" complexity="0" loc="356" ncloc="356" packages="26" files="36" classes="36"/>
+<coverage generated="1718744585856" clover="3.2.0">
+  <project timestamp="1718744585856" name="All files">
+    <metrics statements="361" coveredstatements="347" conditionals="278" coveredconditionals="240" methods="105" coveredmethods="98" elements="744" coveredelements="685" complexity="0" loc="361" ncloc="361" packages="26" files="36" classes="36"/>
     <package name="react">
       <metrics statements="3" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="0"/>
       <file name="index.js" path="/home/runner/work/madie-design-system/madie-design-system/react/index.js">
@@ -64,19 +64,24 @@
       </file>
     </package>
     <package name="react.components.DateField">
-      <metrics statements="10" coveredstatements="10" conditionals="4" coveredconditionals="4" methods="2" coveredmethods="2"/>
+      <metrics statements="15" coveredstatements="12" conditionals="21" coveredconditionals="16" methods="3" coveredmethods="2"/>
       <file name="DateField.jsx" path="/home/runner/work/madie-design-system/madie-design-system/react/components/DateField/DateField.jsx">
-        <metrics statements="10" coveredstatements="10" conditionals="4" coveredconditionals="4" methods="2" coveredmethods="2"/>
-        <line num="12" count="1" type="stmt"/>
+        <metrics statements="15" coveredstatements="12" conditionals="21" coveredconditionals="16" methods="3" coveredmethods="2"/>
         <line num="13" count="1" type="stmt"/>
         <line num="14" count="1" type="stmt"/>
-        <line num="46" count="1" type="stmt"/>
-        <line num="56" count="2" type="stmt"/>
-        <line num="85" count="4" type="stmt"/>
-        <line num="86" count="4" type="stmt"/>
-        <line num="87" count="4" type="stmt"/>
-        <line num="89" count="4" type="stmt"/>
-        <line num="105" count="1" type="stmt"/>
+        <line num="15" count="1" type="stmt"/>
+        <line num="47" count="1" type="stmt"/>
+        <line num="60" count="2" type="cond" truecount="3" falsecount="1"/>
+        <line num="61" count="0" type="stmt"/>
+        <line num="63" count="2" type="cond" truecount="3" falsecount="1"/>
+        <line num="64" count="0" type="stmt"/>
+        <line num="67" count="2" type="stmt"/>
+        <line num="115" count="0" type="stmt"/>
+        <line num="118" count="4" type="stmt"/>
+        <line num="119" count="4" type="stmt"/>
+        <line num="120" count="4" type="stmt"/>
+        <line num="122" count="4" type="stmt"/>
+        <line num="140" count="1" type="stmt"/>
       </file>
     </package>
     <package name="react.components.DateTimeField">

package/coverage/coverage-final.json

@@ -1,7 +1,7 @@
 {"/home/runner/work/madie-design-system/madie-design-system/react/index.js": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/index.js","statementMap":{"0":{"start":{"line":6,"column":27},"end":{"line":14,"column":1}},"1":{"start":{"line":8,"column":8},"end":{"line":8,"column":38}},"2":{"start":{"line":12,"column":8},"end":{"line":12,"column":35}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":7,"column":4},"end":{"line":7,"column":5}},"loc":{"start":{"line":7,"column":23},"end":{"line":9,"column":5}},"line":7},"1":{"name":"(anonymous_1)","decl":{"start":{"line":11,"column":4},"end":{"line":11,"column":5}},"loc":{"start":{"line":11,"column":20},"end":{"line":13,"column":5}},"line":11}},"branchMap":{},"s":{"0":1,"1":0,"2":0},"f":{"0":0,"1":0},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"3a31e4bd231a68541b2a00187d2bdc93a4cbb4a9"}
 ,"/home/runner/work/madie-design-system/madie-design-system/react/components/Accordion/index.jsx": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/Accordion/index.jsx","statementMap":{"0":{"start":{"line":5,"column":18},"end":{"line":79,"column":1}},"1":{"start":{"line":6,"column":20},"end":{"line":6,"column":32}},"2":{"start":{"line":7,"column":40},"end":{"line":7,"column":78}},"3":{"start":{"line":8,"column":24},"end":{"line":8,"column":52}},"4":{"start":{"line":9,"column":22},"end":{"line":14,"column":5}},"5":{"start":{"line":10,"column":8},"end":{"line":12,"column":9}},"6":{"start":{"line":11,"column":12},"end":{"line":11,"column":44}},"7":{"start":{"line":13,"column":8},"end":{"line":13,"column":22}},"8":{"start":{"line":15,"column":19},"end":{"line":15,"column":65}},"9":{"start":{"line":16,"column":19},"end":{"line":16,"column":73}},"10":{"start":{"line":19,"column":8},"end":{"line":19,"column":57}},"11":{"start":{"line":23,"column":8},"end":{"line":23,"column":33}},"12":{"start":{"line":27,"column":8},"end":{"line":27,"column":27}},"13":{"start":{"line":30,"column":4},"end":{"line":36,"column":23}},"14":{"start":{"line":31,"column":8},"end":{"line":35,"column":9}},"15":{"start":{"line":32,"column":12},"end":{"line":32,"column":28}},"16":{"start":{"line":34,"column":12},"end":{"line":34,"column":29}},"17":{"start":{"line":38,"column":4},"end":{"line":78,"column":6}},"18":{"start":{"line":81,"column":0},"end":{"line":88,"column":2}},"19":{"start":{"line":90,"column":0},"end":{"line":93,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":18},"end":{"line":5,"column":19}},"loc":{"start":{"line":5,"column":29},"end":{"line":79,"column":1}},"line":5},"1":{"name":"(anonymous_1)","decl":{"start":{"line":9,"column":22},"end":{"line":9,"column":23}},"loc":{"start":{"line":9,"column":32},"end":{"line":14,"column":5}},"line":9},"2":{"name":"toggleAccordion","decl":{"start":{"line":18,"column":13},"end":{"line":18,"column":28}},"loc":{"start":{"line":18,"column":31},"end":{"line":20,"column":5}},"line":18},"3":{"name":"openAccordion","decl":{"start":{"line":22,"column":13},"end":{"line":22,"column":26}},"loc":{"start":{"line":22,"column":29},"end":{"line":24,"column":5}},"line":22},"4":{"name":"closeAccordion","decl":{"start":{"line":26,"column":13},"end":{"line":26,"column":27}},"loc":{"start":{"line":26,"column":30},"end":{"line":28,"column":5}},"line":26},"5":{"name":"(anonymous_5)","decl":{"start":{"line":30,"column":14},"end":{"line":30,"column":15}},"loc":{"start":{"line":30,"column":20},"end":{"line":36,"column":5}},"line":30}},"branchMap":{"0":{"loc":{"start":{"line":7,"column":49},"end":{"line":7,"column":77}},"type":"cond-expr","locations":[{"start":{"line":7,"column":64},"end":{"line":7,"column":72}},{"start":{"line":7,"column":75},"end":{"line":7,"column":77}}],"line":7},"1":{"loc":{"start":{"line":8,"column":24},"end":{"line":8,"column":52}},"type":"cond-expr","locations":[{"start":{"line":8,"column":36},"end":{"line":8,"column":42}},{"start":{"line":8,"column":45},"end":{"line":8,"column":52}}],"line":8},"2":{"loc":{"start":{"line":10,"column":8},"end":{"line":12,"column":9}},"type":"if","locations":[{"start":{"line":10,"column":8},"end":{"line":12,"column":9}},{"start":{},"end":{}}],"line":10},"3":{"loc":{"start":{"line":15,"column":19},"end":{"line":15,"column":65}},"type":"cond-expr","locations":[{"start":{"line":15,"column":31},"end":{"line":15,"column":57}},{"start":{"line":15,"column":60},"end":{"line":15,"column":65}}],"line":15},"4":{"loc":{"start":{"line":16,"column":19},"end":{"line":16,"column":73}},"type":"cond-expr","locations":[{"start":{"line":16,"column":31},"end":{"line":16,"column":54}},{"start":{"line":16,"column":57},"end":{"line":16,"column":73}}],"line":16},"5":{"loc":{"start":{"line":19,"column":23},"end":{"line":19,"column":55}},"type":"cond-expr","locations":[{"start":{"line":19,"column":42},"end":{"line":19,"column":50}},{"start":{"line":19,"column":53},"end":{"line":19,"column":55}}],"line":19},"6":{"loc":{"start":{"line":31,"column":8},"end":{"line":35,"column":9}},"type":"if","locations":[{"start":{"line":31,"column":8},"end":{"line":35,"column":9}},{"start":{"line":33,"column":15},"end":{"line":35,"column":9}}],"line":31},"7":{"loc":{"start":{"line":50,"column":21},"end":{"line":52,"column":21}},"type":"binary-expr","locations":[{"start":{"line":50,"column":21},"end":{"line":50,"column":35}},{"start":{"line":51,"column":24},"end":{"line":51,"column":78}}],"line":50},"8":{"loc":{"start":{"line":54,"column":17},"end":{"line":58,"column":17}},"type":"binary-expr","locations":[{"start":{"line":54,"column":17},"end":{"line":54,"column":33}},{"start":{"line":55,"column":20},"end":{"line":57,"column":26}}],"line":54},"9":{"loc":{"start":{"line":59,"column":17},"end":{"line":63,"column":17}},"type":"binary-expr","locations":[{"start":{"line":59,"column":17},"end":{"line":59,"column":32}},{"start":{"line":60,"column":20},"end":{"line":62,"column":26}}],"line":59}},"s":{"0":1,"1":3,"2":3,"3":3,"4":3,"5":1,"6":1,"7":0,"8":3,"9":3,"10":2,"11":0,"12":1,"13":3,"14":1,"15":0,"16":1,"17":3,"18":1,"19":1},"f":{"0":3,"1":1,"2":2,"3":0,"4":1,"5":1},"b":{"0":[0,3],"1":[1,2],"2":[1,0],"3":[1,2],"4":[1,2],"5":[1,1],"6":[0,1],"7":[3,0],"8":[3,3],"9":[3,3]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"95032d5a117b4da6314e78581e5753d5dc583df9"}
 ,"/home/runner/work/madie-design-system/madie-design-system/react/components/Button/index.js": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/Button/index.js","statementMap":{"0":{"start":{"line":4,"column":17},"end":{"line":14,"column":1}},"1":{"start":{"line":15,"column":14},"end":{"line":15,"column":21}},"2":{"start":{"line":17,"column":15},"end":{"line":64,"column":1}},"3":{"start":{"line":28,"column":19},"end":{"line":28,"column":33}},"4":{"start":{"line":30,"column":4},"end":{"line":32,"column":5}},"5":{"start":{"line":31,"column":8},"end":{"line":31,"column":68}},"6":{"start":{"line":33,"column":4},"end":{"line":35,"column":5}},"7":{"start":{"line":34,"column":8},"end":{"line":34,"column":65}},"8":{"start":{"line":36,"column":4},"end":{"line":38,"column":5}},"9":{"start":{"line":37,"column":8},"end":{"line":37,"column":51}},"10":{"start":{"line":40,"column":4},"end":{"line":51,"column":5}},"11":{"start":{"line":41,"column":8},"end":{"line":50,"column":10}},"12":{"start":{"line":52,"column":4},"end":{"line":63,"column":6}},"13":{"start":{"line":66,"column":0},"end":{"line":75,"column":2}},"14":{"start":{"line":77,"column":0},"end":{"line":86,"column":2}},"15":{"start":{"line":82,"column":19},"end":{"line":82,"column":23}},"16":{"start":{"line":88,"column":26},"end":{"line":90,"column":1}},"17":{"start":{"line":89,"column":4},"end":{"line":89,"column":71}},"18":{"start":{"line":92,"column":0},"end":{"line":94,"column":2}},"19":{"start":{"line":96,"column":0},"end":{"line":98,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":17,"column":15},"end":{"line":17,"column":16}},"loc":{"start":{"line":27,"column":6},"end":{"line":64,"column":1}},"line":27},"1":{"name":"(anonymous_1)","decl":{"start":{"line":82,"column":13},"end":{"line":82,"column":14}},"loc":{"start":{"line":82,"column":19},"end":{"line":82,"column":23}},"line":82},"2":{"name":"(anonymous_2)","decl":{"start":{"line":88,"column":26},"end":{"line":88,"column":27}},"loc":{"start":{"line":89,"column":4},"end":{"line":89,"column":71}},"line":89}},"branchMap":{"0":{"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},"1":{"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},"2":{"loc":{"start":{"line":36,"column":4},"end":{"line":38,"column":5}},"type":"if","locations":[{"start":{"line":36,"column":4},"end":{"line":38,"column":5}},{"start":{},"end":{}}],"line":36},"3":{"loc":{"start":{"line":40,"column":4},"end":{"line":51,"column":5}},"type":"if","locations":[{"start":{"line":40,"column":4},"end":{"line":51,"column":5}},{"start":{},"end":{}}],"line":40},"4":{"loc":{"start":{"line":45,"column":27},"end":{"line":45,"column":41}},"type":"binary-expr","locations":[{"start":{"line":45,"column":27},"end":{"line":45,"column":35}},{"start":{"line":45,"column":39},"end":{"line":45,"column":41}}],"line":45},"5":{"loc":{"start":{"line":55,"column":23},"end":{"line":55,"column":37}},"type":"binary-expr","locations":[{"start":{"line":55,"column":23},"end":{"line":55,"column":31}},{"start":{"line":55,"column":35},"end":{"line":55,"column":37}}],"line":55},"6":{"loc":{"start":{"line":88,"column":29},"end":{"line":88,"column":43}},"type":"default-arg","locations":[{"start":{"line":88,"column":41},"end":{"line":88,"column":43}}],"line":88}},"s":{"0":4,"1":4,"2":4,"3":28,"4":28,"5":19,"6":28,"7":1,"8":28,"9":2,"10":28,"11":1,"12":27,"13":4,"14":4,"15":2,"16":4,"17":1,"18":4,"19":4},"f":{"0":28,"1":2,"2":1},"b":{"0":[19,9],"1":[1,27],"2":[2,26],"3":[1,27],"4":[1,0],"5":[27,0],"6":[0]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"00a9f38a540f914b983a3617b94a6c9aaedeebe7"}
-,"/home/runner/work/madie-design-system/madie-design-system/react/components/DateField/DateField.jsx": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/DateField/DateField.jsx","statementMap":{"0":{"start":{"line":12,"column":0},"end":{"line":12,"column":18}},"1":{"start":{"line":13,"column":0},"end":{"line":13,"column":12}},"2":{"start":{"line":14,"column":34},"end":{"line":44,"column":1}},"3":{"start":{"line":46,"column":18},"end":{"line":104,"column":1}},"4":{"start":{"line":56,"column":4},"end":{"line":103,"column":6}},"5":{"start":{"line":85,"column":47},"end":{"line":85,"column":53}},"6":{"start":{"line":86,"column":24},"end":{"line":86,"column":55}},"7":{"start":{"line":87,"column":24},"end":{"line":87,"column":59}},"8":{"start":{"line":89,"column":24},"end":{"line":97,"column":26}},"9":{"start":{"line":105,"column":0},"end":{"line":113,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":46,"column":18},"end":{"line":46,"column":19}},"loc":{"start":{"line":55,"column":6},"end":{"line":104,"column":1}},"line":55},"1":{"name":"(anonymous_1)","decl":{"start":{"line":84,"column":31},"end":{"line":84,"column":32}},"loc":{"start":{"line":84,"column":43},"end":{"line":98,"column":21}},"line":84}},"branchMap":{"0":{"loc":{"start":{"line":80,"column":23},"end":{"line":80,"column":54}},"type":"cond-expr","locations":[{"start":{"line":80,"column":31},"end":{"line":80,"column":47}},{"start":{"line":80,"column":50},"end":{"line":80,"column":54}}],"line":80},"1":{"loc":{"start":{"line":92,"column":35},"end":{"line":92,"column":66}},"type":"cond-expr","locations":[{"start":{"line":92,"column":43},"end":{"line":92,"column":59}},{"start":{"line":92,"column":62},"end":{"line":92,"column":66}}],"line":92}},"s":{"0":1,"1":1,"2":1,"3":1,"4":2,"5":4,"6":4,"7":4,"8":4,"9":1},"f":{"0":2,"1":4},"b":{"0":[1,1],"1":[2,2]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"09eff2391c0e6c144c3c7f1c0f5d5a2230375873"}
+,"/home/runner/work/madie-design-system/madie-design-system/react/components/DateField/DateField.jsx": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/DateField/DateField.jsx","statementMap":{"0":{"start":{"line":13,"column":0},"end":{"line":13,"column":18}},"1":{"start":{"line":14,"column":0},"end":{"line":14,"column":12}},"2":{"start":{"line":15,"column":34},"end":{"line":45,"column":1}},"3":{"start":{"line":47,"column":18},"end":{"line":139,"column":1}},"4":{"start":{"line":60,"column":4},"end":{"line":62,"column":5}},"5":{"start":{"line":61,"column":8},"end":{"line":61,"column":25}},"6":{"start":{"line":63,"column":4},"end":{"line":65,"column":5}},"7":{"start":{"line":64,"column":8},"end":{"line":64,"column":25}},"8":{"start":{"line":67,"column":4},"end":{"line":138,"column":6}},"9":{"start":{"line":115,"column":35},"end":{"line":115,"column":49}},"10":{"start":{"line":118,"column":51},"end":{"line":118,"column":57}},"11":{"start":{"line":119,"column":28},"end":{"line":119,"column":59}},"12":{"start":{"line":120,"column":28},"end":{"line":120,"column":67}},"13":{"start":{"line":122,"column":28},"end":{"line":131,"column":30}},"14":{"start":{"line":140,"column":0},"end":{"line":151,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":47,"column":18},"end":{"line":47,"column":19}},"loc":{"start":{"line":59,"column":6},"end":{"line":139,"column":1}},"line":59},"1":{"name":"(anonymous_1)","decl":{"start":{"line":115,"column":29},"end":{"line":115,"column":30}},"loc":{"start":{"line":115,"column":35},"end":{"line":115,"column":49}},"line":115},"2":{"name":"(anonymous_2)","decl":{"start":{"line":117,"column":35},"end":{"line":117,"column":36}},"loc":{"start":{"line":117,"column":47},"end":{"line":132,"column":25}},"line":117}},"branchMap":{"0":{"loc":{"start":{"line":55,"column":4},"end":{"line":55,"column":20}},"type":"default-arg","locations":[{"start":{"line":55,"column":15},"end":{"line":55,"column":20}}],"line":55},"1":{"loc":{"start":{"line":56,"column":4},"end":{"line":56,"column":20}},"type":"default-arg","locations":[{"start":{"line":56,"column":18},"end":{"line":56,"column":20}}],"line":56},"2":{"loc":{"start":{"line":57,"column":4},"end":{"line":57,"column":20}},"type":"default-arg","locations":[{"start":{"line":57,"column":18},"end":{"line":57,"column":20}}],"line":57},"3":{"loc":{"start":{"line":60,"column":4},"end":{"line":62,"column":5}},"type":"if","locations":[{"start":{"line":60,"column":4},"end":{"line":62,"column":5}},{"start":{},"end":{}}],"line":60},"4":{"loc":{"start":{"line":60,"column":8},"end":{"line":60,"column":57}},"type":"binary-expr","locations":[{"start":{"line":60,"column":8},"end":{"line":60,"column":33}},{"start":{"line":60,"column":37},"end":{"line":60,"column":57}}],"line":60},"5":{"loc":{"start":{"line":63,"column":4},"end":{"line":65,"column":5}},"type":"if","locations":[{"start":{"line":63,"column":4},"end":{"line":65,"column":5}},{"start":{},"end":{}}],"line":63},"6":{"loc":{"start":{"line":63,"column":8},"end":{"line":63,"column":57}},"type":"binary-expr","locations":[{"start":{"line":63,"column":8},"end":{"line":63,"column":33}},{"start":{"line":63,"column":37},"end":{"line":63,"column":57}}],"line":63},"7":{"loc":{"start":{"line":93,"column":24},"end":{"line":99,"column":25}},"type":"binary-expr","locations":[{"start":{"line":93,"column":24},"end":{"line":93,"column":32}},{"start":{"line":93,"column":36},"end":{"line":99,"column":25}}],"line":93},"8":{"loc":{"start":{"line":100,"column":24},"end":{"line":102,"column":25}},"type":"binary-expr","locations":[{"start":{"line":100,"column":24},"end":{"line":100,"column":32}},{"start":{"line":100,"column":36},"end":{"line":102,"column":25}}],"line":100},"9":{"loc":{"start":{"line":103,"column":24},"end":{"line":105,"column":25}},"type":"binary-expr","locations":[{"start":{"line":103,"column":24},"end":{"line":103,"column":29}},{"start":{"line":103,"column":33},"end":{"line":105,"column":25}}],"line":103},"10":{"loc":{"start":{"line":112,"column":27},"end":{"line":112,"column":58}},"type":"cond-expr","locations":[{"start":{"line":112,"column":35},"end":{"line":112,"column":51}},{"start":{"line":112,"column":54},"end":{"line":112,"column":58}}],"line":112},"11":{"loc":{"start":{"line":125,"column":39},"end":{"line":125,"column":70}},"type":"cond-expr","locations":[{"start":{"line":125,"column":47},"end":{"line":125,"column":63}},{"start":{"line":125,"column":66},"end":{"line":125,"column":70}}],"line":125}},"s":{"0":1,"1":1,"2":1,"3":1,"4":2,"5":0,"6":2,"7":0,"8":2,"9":0,"10":4,"11":4,"12":4,"13":4,"14":1},"f":{"0":2,"1":0,"2":4},"b":{"0":[2],"1":[2],"2":[2],"3":[0,2],"4":[2,2],"5":[0,2],"6":[2,2],"7":[2,0],"8":[2,0],"9":[2,0],"10":[1,1],"11":[2,2]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"c6af9abf7b2feaa6c871baac0edae83062d14195"}
 ,"/home/runner/work/madie-design-system/madie-design-system/react/components/DateTimeField/DateTimeField.jsx": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/DateTimeField/DateTimeField.jsx","statementMap":{"0":{"start":{"line":14,"column":0},"end":{"line":14,"column":18}},"1":{"start":{"line":15,"column":0},"end":{"line":15,"column":12}},"2":{"start":{"line":16,"column":38},"end":{"line":46,"column":1}},"3":{"start":{"line":48,"column":22},"end":{"line":79,"column":1}},"4":{"start":{"line":54,"column":4},"end":{"line":78,"column":6}},"5":{"start":{"line":80,"column":0},"end":{"line":85,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":48,"column":22},"end":{"line":48,"column":23}},"loc":{"start":{"line":53,"column":6},"end":{"line":79,"column":1}},"line":53}},"branchMap":{"0":{"loc":{"start":{"line":64,"column":27},"end":{"line":64,"column":74}},"type":"cond-expr","locations":[{"start":{"line":64,"column":43},"end":{"line":64,"column":67}},{"start":{"line":64,"column":70},"end":{"line":64,"column":74}}],"line":64}},"s":{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1},"f":{"0":1},"b":{"0":[1,0]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"fec829f647109399c4ab5d5a799d093905e0e56d"}
 ,"/home/runner/work/madie-design-system/madie-design-system/react/components/Error/Collapsible.jsx": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/Error/Collapsible.jsx","statementMap":{"0":{"start":{"line":6,"column":8},"end":{"line":6,"column":21}},"1":{"start":{"line":8,"column":8},"end":{"line":10,"column":10}},"2":{"start":{"line":12,"column":8},"end":{"line":12,"column":62}},"3":{"start":{"line":13,"column":8},"end":{"line":13,"column":66}},"4":{"start":{"line":14,"column":8},"end":{"line":14,"column":66}},"5":{"start":{"line":18,"column":8},"end":{"line":20,"column":11}},"6":{"start":{"line":24,"column":8},"end":{"line":28,"column":10}},"7":{"start":{"line":32,"column":8},"end":{"line":40,"column":9}},"8":{"start":{"line":33,"column":12},"end":{"line":37,"column":14}},"9":{"start":{"line":39,"column":12},"end":{"line":39,"column":22}},"10":{"start":{"line":44,"column":24},"end":{"line":44,"column":57}},"11":{"start":{"line":45,"column":25},"end":{"line":45,"column":65}},"12":{"start":{"line":47,"column":8},"end":{"line":81,"column":10}},"13":{"start":{"line":63,"column":32},"end":{"line":68,"column":37}},"14":{"start":{"line":85,"column":0},"end":{"line":91,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":4},"end":{"line":5,"column":5}},"loc":{"start":{"line":5,"column":23},"end":{"line":15,"column":5}},"line":5},"1":{"name":"(anonymous_1)","decl":{"start":{"line":17,"column":4},"end":{"line":17,"column":5}},"loc":{"start":{"line":17,"column":21},"end":{"line":21,"column":5}},"line":17},"2":{"name":"(anonymous_2)","decl":{"start":{"line":23,"column":4},"end":{"line":23,"column":5}},"loc":{"start":{"line":23,"column":23},"end":{"line":29,"column":5}},"line":23},"3":{"name":"(anonymous_3)","decl":{"start":{"line":31,"column":4},"end":{"line":31,"column":5}},"loc":{"start":{"line":31,"column":23},"end":{"line":41,"column":5}},"line":31},"4":{"name":"(anonymous_4)","decl":{"start":{"line":43,"column":4},"end":{"line":43,"column":5}},"loc":{"start":{"line":43,"column":13},"end":{"line":82,"column":5}},"line":43},"5":{"name":"(anonymous_5)","decl":{"start":{"line":62,"column":52},"end":{"line":62,"column":53}},"loc":{"start":{"line":63,"column":32},"end":{"line":68,"column":37}},"line":63}},"branchMap":{"0":{"loc":{"start":{"line":32,"column":8},"end":{"line":40,"column":9}},"type":"if","locations":[{"start":{"line":32,"column":8},"end":{"line":40,"column":9}},{"start":{"line":38,"column":15},"end":{"line":40,"column":9}}],"line":32},"1":{"loc":{"start":{"line":45,"column":25},"end":{"line":45,"column":65}},"type":"cond-expr","locations":[{"start":{"line":45,"column":49},"end":{"line":45,"column":58}},{"start":{"line":45,"column":61},"end":{"line":45,"column":65}}],"line":45},"2":{"loc":{"start":{"line":53,"column":35},"end":{"line":53,"column":71}},"type":"cond-expr","locations":[{"start":{"line":53,"column":59},"end":{"line":53,"column":63}},{"start":{"line":53,"column":66},"end":{"line":53,"column":71}}],"line":53},"3":{"loc":{"start":{"line":60,"column":21},"end":{"line":78,"column":21}},"type":"cond-expr","locations":[{"start":{"line":61,"column":24},"end":{"line":70,"column":29}},{"start":{"line":72,"column":24},"end":{"line":77,"column":30}}],"line":60}},"s":{"0":2,"1":2,"2":2,"3":2,"4":2,"5":0,"6":2,"7":2,"8":2,"9":0,"10":2,"11":2,"12":2,"13":2,"14":2},"f":{"0":2,"1":0,"2":2,"3":2,"4":2,"5":2},"b":{"0":[2,0],"1":[0,2],"2":[0,2],"3":[1,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"2794e17cfc032339c71d16b65023675695c5d39c"}
 ,"/home/runner/work/madie-design-system/madie-design-system/react/components/Error/ErrorUI.jsx": {"path":"/home/runner/work/madie-design-system/madie-design-system/react/components/Error/ErrorUI.jsx","statementMap":{"0":{"start":{"line":5,"column":16},"end":{"line":23,"column":1}},"1":{"start":{"line":6,"column":21},"end":{"line":6,"column":67}},"2":{"start":{"line":7,"column":23},"end":{"line":7,"column":36}},"3":{"start":{"line":9,"column":4},"end":{"line":22,"column":6}},"4":{"start":{"line":25,"column":0},"end":{"line":29,"column":2}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":5,"column":16},"end":{"line":5,"column":17}},"loc":{"start":{"line":5,"column":27},"end":{"line":23,"column":1}},"line":5}},"branchMap":{"0":{"loc":{"start":{"line":6,"column":24},"end":{"line":6,"column":45}},"type":"binary-expr","locations":[{"start":{"line":6,"column":24},"end":{"line":6,"column":34}},{"start":{"line":6,"column":38},"end":{"line":6,"column":45}}],"line":6},"1":{"loc":{"start":{"line":6,"column":49},"end":{"line":6,"column":65}},"type":"binary-expr","locations":[{"start":{"line":6,"column":49},"end":{"line":6,"column":59}},{"start":{"line":6,"column":63},"end":{"line":6,"column":65}}],"line":6}},"s":{"0":2,"1":2,"2":2,"3":2,"4":2},"f":{"0":2},"b":{"0":[2,0],"1":[2,0]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"ea036ce8e34521a5700b27b7dfe233ad807659a0"}

package/coverage/lcov-report/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">96.91% </span>
+                <span class="strong">96.12% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>345/356</span>
+                <span class='fraction'>347/361</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">87.35% </span>
+                <span class="strong">86.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>228/261</span>
+                <span class='fraction'>240/278</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">94.23% </span>
+                <span class="strong">93.33% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>98/104</span>
+                <span class='fraction'>98/105</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">96.91% </span>
+                <span class="strong">96.12% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>345/356</span>
+                <span class='fraction'>347/361</span>
             </div>
         
             
@@ -125,17 +125,17 @@
 
 <tr>
 	<td class="file high" data-value="react/components/DateField"><a href="react/components/DateField/index.html">react/components/DateField</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 data-value="80" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="10" class="abs high">10/10</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="4" class="abs high">4/4</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="2" class="abs high">2/2</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="10" class="abs high">10/10</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="15" class="abs high">12/15</td>
+	<td data-value="76.19" class="pct medium">76.19%</td>
+	<td data-value="21" class="abs medium">16/21</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="80" class="pct high">80%</td>
+	<td data-value="15" class="abs high">12/15</td>
 	</tr>
 
 <tr>
@@ -476,7 +476,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 2024-04-03T14:40:07.395Z
+                at 2024-06-18T21:03:05.819Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Accordion/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 2024-04-03T14:40:07.395Z
+                at 2024-06-18T21:03:05.819Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -355,7 +355,7 @@ export default Accordion;
             <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-04-03T14:40:07.395Z
+                at 2024-06-18T21:03:05.819Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Button/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 2024-04-03T14:40:07.395Z
+                at 2024-06-18T21:03:05.819Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Button/index.js.html

@@ -370,7 +370,7 @@ export default Button;
             <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-04-03T14:40:07.395Z
+                at 2024-06-18T21:03:05.819Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>