@arquimedes.co/eureka-forms 1.9.84-test → 1.9.86-test

package/dist/shared/Loader/Loader.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import CircularProgress from '@material-ui/core/CircularProgress';
+import styles from './Loader.module.css';
+/**
+ * Generic Loader Component with optional curtain.
+ */
+function Loader(_a) {
+    var _b = _a.color, color = _b === void 0 ? '#3d5a7f' : _b, _c = _a.curtain, curtain = _c === void 0 ? false : _c, _d = _a.zIndex, zIndex = _d === void 0 ? 20 : _d, _e = _a.size, size = _e === void 0 ? 40 : _e, _f = _a.position, position = _f === void 0 ? 'absolute' : _f;
+    return (_jsx("div", __assign({ className: styles.loaderContainer + ' flexbox', style: {
+            backgroundColor: curtain ? 'rgb(0, 0, 0, 0.4)' : '',
+            zIndex: zIndex,
+            position: position,
+        } }, { children: _jsx("div", __assign({ className: styles.loader }, { children: _jsx(CircularProgress, { size: size, style: { color: color } }) })) })));
+}
+export default Loader;

package/dist/shared/Loader/Loader.module.css

@@ -0,0 +1,12 @@
+.loaderContainer {
+    height: 100%;
+    width: 100%;
+    display: flex;
+}
+.loader {
+    margin: auto;
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}

package/dist/shared/Navbar/Navbar.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface NavBarProps {
+    /** Url of the current logo of the current organization */
+    logo?: string;
+    /** The color of the navbar */
+    color?: string;
+}
+declare function Navbar({ logo, color }: NavBarProps): JSX.Element;
+export default Navbar;

package/dist/shared/Navbar/Navbar.js

@@ -0,0 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './Navbar.module.css';
+function Navbar(_a) {
+    var logo = _a.logo, color = _a.color;
+    return (_jsx("div", __assign({ className: styles.navContainer, style: { backgroundColor: color } }, { children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) })));
+}
+export default Navbar;

package/dist/shared/Navbar/Navbar.module.css

@@ -0,0 +1,18 @@
+.navContainer {
+    height: 60px;
+    display: flex;
+}
+.navImage {
+    height: 40px;
+    margin: auto 0 auto 15px;
+}
+
+.toogle {
+    margin: auto 5px auto auto;
+}
+
+@media screen and (max-width: 576px) {
+    .toogle {
+        display: unset !important;
+    }
+}

package/dist/shared/Rating/Rating.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { RatingTypes } from '../../constants/FormStepTypes';
+export interface RatingProps {
+    disabled?: boolean;
+    name: string;
+    isMobile?: boolean;
+    value: any;
+    onChange: Function;
+    inputRef: any;
+    focusColor: string;
+    unSelectedColor: string;
+}
+declare function Rating({ type, ...others }: RatingProps & {
+    type: RatingTypes;
+}): JSX.Element;
+export default Rating;

package/dist/shared/Rating/Rating.js

@@ -0,0 +1,41 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import LikeRating from './Ratings/LikeRating';
+import ScaleRating from './Ratings/ScaleRating';
+import SatisfactionRating from './Ratings/SatisfactionRating';
+import { RatingTypes } from '../../constants/FormStepTypes';
+function Rating(_a) {
+    var type = _a.type, others = __rest(_a, ["type"]);
+    switch (type) {
+        case RatingTypes.LIKE:
+            return _jsx(LikeRating, __assign({}, others));
+        case RatingTypes.SATISFACTION:
+            return _jsx(SatisfactionRating, __assign({}, others));
+        case RatingTypes.SCALE:
+            return _jsx(ScaleRating, __assign({}, others));
+        default:
+            return _jsx("div", {});
+    }
+}
+export default Rating;

package/dist/shared/Rating/Rating.module.css

@@ -0,0 +1,32 @@
+.ratingContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.disabledSentimentContainer,
+.sentimentContainer {
+    font-size: 60px;
+    height: 60px;
+    color: var(--eureka-outline);
+}
+.disabledLikeContainer,
+.likeContainer {
+    font-size: 60px;
+    height: 75px;
+    color: var(--eureka-outline);
+}
+
+.likeContainer:hover,
+.sentimentContainer:hover {
+    transform: scale(1.2);
+    cursor: pointer;
+    color: var(--eureka-primary);
+}
+
+.hiddenInput {
+    height: 0;
+    width: 0;
+    padding: 0;
+    border-width: 0;
+}

package/dist/shared/Rating/Ratings/LikeRating.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RatingProps } from '../Rating';
+declare function LikeRating({ disabled, inputRef, value, onChange, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+export default LikeRating;

package/dist/shared/Rating/Ratings/LikeRating.js

@@ -0,0 +1,43 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ThumbDownRoundedIcon from '@material-ui/icons/ThumbDownRounded';
+import ThumbUpRoundedIcon from '@material-ui/icons/ThumbUpRounded';
+import styles from '../Rating.module.css';
+function LikeRating(_a) {
+    var disabled = _a.disabled, inputRef = _a.inputRef, value = _a.value, onChange = _a.onChange, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
+    return (_jsxs("div", __assign({ className: styles.ratingContainer, style: {
+            '--eureka-primary': focusColor,
+            '--eureka-outline': unSelectedColor,
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledLikeContainer
+                    : styles.likeContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 1 ? null : 1);
+                } }, { children: _jsx(ThumbUpRoundedIcon, { fontSize: "inherit", style: value === 1
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledLikeContainer
+                    : styles.likeContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 0 ? null : 0);
+                } }, { children: _jsx(ThumbDownRoundedIcon, { fontSize: "inherit", style: value === 0
+                        ? {
+                            color: focusColor,
+                            marginTop: 14,
+                            marginLeft: 15,
+                        }
+                        : { marginTop: 14, marginLeft: 15 } }) }))] })));
+}
+export default LikeRating;

package/dist/shared/Rating/Ratings/SatisfactionRating.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RatingProps } from '../Rating';
+declare function SatisfactionRating({ value, inputRef, disabled, onChange, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+export default SatisfactionRating;

package/dist/shared/Rating/Ratings/SatisfactionRating.js

@@ -0,0 +1,61 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from '../Rating.module.css';
+import SentimentVeryDissatisfiedIcon from '@material-ui/icons/SentimentVeryDissatisfied';
+import SentimentDissatisfiedIcon from '@material-ui/icons/SentimentDissatisfied';
+import SentimentSatisfiedAltIcon from '@material-ui/icons/SentimentSatisfiedAltOutlined';
+import SentimentVerySatisfiedIcon from '@material-ui/icons/SentimentVerySatisfied';
+function SatisfactionRating(_a) {
+    var value = _a.value, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
+    return (_jsxs("div", __assign({ className: styles.ratingContainer, style: {
+            '--eureka-primary': focusColor,
+            '--eureka-outline': unSelectedColor,
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledSentimentContainer
+                    : styles.sentimentContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 1 ? null : 1);
+                } }, { children: _jsx(SentimentVeryDissatisfiedIcon, { fontSize: "inherit", style: value === 1
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledSentimentContainer
+                    : styles.sentimentContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 2 ? null : 2);
+                } }, { children: _jsx(SentimentDissatisfiedIcon, { fontSize: "inherit", style: value === 2
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledSentimentContainer
+                    : styles.sentimentContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 3 ? null : 3);
+                } }, { children: _jsx(SentimentSatisfiedAltIcon, { fontSize: "inherit", style: value === 3
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })), _jsx("div", __assign({ className: disabled
+                    ? styles.disabledSentimentContainer
+                    : styles.sentimentContainer, onClick: function () {
+                    if (!disabled)
+                        onChange(value === 4 ? null : 4);
+                } }, { children: _jsx(SentimentVerySatisfiedIcon, { fontSize: "inherit", style: value === 4
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) }))] })));
+}
+export default SatisfactionRating;

package/dist/shared/Rating/Ratings/ScaleRating.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { RatingProps } from '../Rating';
+declare function ScaleRating({ value, name, inputRef, disabled, onChange, isMobile, focusColor, unSelectedColor, }: RatingProps): JSX.Element;
+export default ScaleRating;

package/dist/shared/Rating/Ratings/ScaleRating.js

@@ -0,0 +1,63 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from '../Rating.module.css';
+import { Rating } from '@material-ui/lab';
+import GradeRoundedIcon from '@material-ui/icons/GradeRounded';
+import { makeStyles } from '@material-ui/core';
+import React from 'react';
+var useRatingStyles = function (props) {
+    return makeStyles({
+        root: {
+            '&.Mui-disabled': {
+                opacity: 1,
+            },
+            '& .EF-MuiRating-iconFilled': {
+                color: props.focusColor,
+            },
+            '& .EF-MuiRating-iconEmpty': {
+                color: props.unSelectedColor,
+            },
+        },
+    });
+};
+function ScaleRating(_a) {
+    var value = _a.value, name = _a.name, inputRef = _a.inputRef, disabled = _a.disabled, onChange = _a.onChange, isMobile = _a.isMobile, focusColor = _a.focusColor, unSelectedColor = _a.unSelectedColor;
+    var ratingClasses = useRatingStyles({
+        unSelectedColor: unSelectedColor,
+        focusColor: focusColor,
+    })();
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
+                    if (!disabled)
+                        onChange(newValue);
+                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
+}
+function IconContainer(_a) {
+    var value = _a.value, other = __rest(_a, ["value"]);
+    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 60 } }) })));
+}
+function SmallIconContainer(_a) {
+    var value = _a.value, other = __rest(_a, ["value"]);
+    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }) })));
+}
+export default ScaleRating;

package/dist/shared/RoundedButton/RoundedButton.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+interface ComponentProps {
+    /** Button text */
+    text: string;
+    /** Background Color */
+    backgroundColor?: string;
+    /** Font Color */
+    color?: string;
+    /** Button Click Handle */
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    /** If button is disabled */
+    disabled?: boolean;
+    /** Text font size */
+    fontSize?: number | string;
+    /** Button padding '0 13px 0 13px' format */
+    padding?: string;
+    /** border radius */
+    borderRadius?: number;
+    /** Component height */
+    height?: number;
+    /** If text is bold */
+    bold?: boolean;
+    /** The width of the button */
+    width?: string;
+}
+/**
+ * Generic rounded button
+ */
+declare function RoundedButton({ text, backgroundColor, color, onClick, disabled, fontSize, padding, borderRadius, height, bold, width, }: ComponentProps): JSX.Element;
+export default RoundedButton;

package/dist/shared/RoundedButton/RoundedButton.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, withStyles } from '@material-ui/core';
+/**
+ * Generic rounded button
+ */
+function RoundedButton(_a) {
+    var text = _a.text, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.color, color = _c === void 0 ? '#ffffff' : _c, onClick = _a.onClick, disabled = _a.disabled, _d = _a.fontSize, fontSize = _d === void 0 ? '1rem' : _d, _e = _a.padding, padding = _e === void 0 ? '0 13px 0 13px' : _e, _f = _a.borderRadius, borderRadius = _f === void 0 ? 10 : _f, _g = _a.height, height = _g === void 0 ? 28 : _g, _h = _a.bold, bold = _h === void 0 ? false : _h, _j = _a.width, width = _j === void 0 ? 'fit-content' : _j;
+    var CustomButton = withStyles({
+        root: {
+            width: width,
+            textTransform: 'none',
+            fontFamily: 'inherit',
+            fontSize: fontSize,
+            borderRadius: borderRadius,
+            padding: padding,
+            height: height,
+            boxShadow: 'none',
+            backgroundColor: backgroundColor,
+            color: color,
+            '&:hover': {
+                boxShadow: 'none',
+                backgroundColor: backgroundColor,
+            },
+            '&:disabled': {
+                backgroundColor: backgroundColor,
+                color: color,
+                opacity: 0.5,
+            },
+            fontWeight: bold ? 'bold' : 'normal',
+        },
+    })(Button);
+    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text })));
+}
+export default RoundedButton;

package/dist/shared/RoundedCheckBox/RoundedCheckBox.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { CheckboxProps } from '@material-ui/core';
+interface StyleProps {
+    error?: boolean;
+    padding?: string;
+    uncheckedColor?: string;
+    checkedColor?: string;
+    checkedHoverColor?: string;
+    errorColor?: string;
+    disabledColor?: string;
+    size?: number | string;
+    cantEdit?: boolean;
+}
+interface ComponentProps extends StyleProps {
+    onChange?: Function;
+    checked: boolean;
+}
+/**
+ * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedCheckBox extends React.Component<ComponentProps & Omit<CheckboxProps, 'size'>> {
+    render(): JSX.Element;
+}
+export default RoundedCheckBox;

package/dist/shared/RoundedCheckBox/RoundedCheckBox.js

@@ -0,0 +1,101 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Checkbox, makeStyles } from '@material-ui/core';
+import CheckBoxRoundedIcon from '@material-ui/icons/CheckBoxRounded';
+import CheckBoxOutlineBlankRoundedIcon from '@material-ui/icons/CheckBoxOutlineBlankRounded';
+var useCheckBoxStyles = function (props) {
+    return makeStyles(function () { return ({
+        root: {
+            padding: props.padding,
+            fontSize: props.size,
+            color: props.error ? props.errorColor : props.uncheckedColor,
+            '&.Mui-checked': {
+                color: props.checkedColor,
+            },
+            '&.Mui-checked:hover': {
+                backgroundColor: props.checkedHoverColor,
+            },
+            '&.Mui-disabled': {
+                cursor: 'default',
+                pointerEvents: 'all !important',
+                color: props.cantEdit
+                    ? props.disabledColor
+                    : props.checkedColor,
+            },
+            '&:hover': {
+                backgroundColor: props.cantEdit
+                    ? 'transparent'
+                    : props.checkedHoverColor,
+            },
+        },
+    }); });
+};
+/**
+ * Generic rounded checkbox
+ */
+function CustomCheckBox(_a) {
+    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
+    var classes = useCheckBoxStyles({
+        size: size,
+        error: error,
+        padding: padding,
+        cantEdit: cantEdit,
+        errorColor: errorColor,
+        checkedColor: checkedColor,
+        disabledColor: disabledColor,
+        uncheckedColor: uncheckedColor,
+        checkedHoverColor: checkedColor + '0a',
+    })();
+    return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: onChange, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }) })));
+}
+/**
+ * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
+ */
+var RoundedCheckBox = /** @class */ (function (_super) {
+    __extends(RoundedCheckBox, _super);
+    function RoundedCheckBox() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RoundedCheckBox.prototype.render = function () {
+        return _jsx(CustomCheckBox, __assign({}, this.props));
+    };
+    return RoundedCheckBox;
+}(React.Component));
+export default RoundedCheckBox;

package/dist/shared/RoundedDatePicker/RoundedDatePicker.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { DatePickerProps } from '@material-ui/pickers';
+interface StyleProps {
+    /** The color of the text */
+    textColor?: string;
+    /** The color of the outline when selected and hovered on */
+    focusColor?: string;
+    hoverColor?: string;
+    /** The color of the error to display */
+    errorColor?: string;
+    /** The color of the outline when it is not selected */
+    outlineColor?: string;
+    /** The backgroundColor of the input */
+    backgroundColor?: string;
+    /** The secondary color of the dialog */
+    secondaryColor?: string;
+    /** The contrastColor of the input */
+    contrastColor?: string;
+    /** The accent color of the input */
+    accentColor?: string;
+    /** The borderRadius of the input */
+    borderRadius?: number;
+    /** If it should display the timePicker */
+    pickTime?: boolean;
+    /** The padding of the input */
+    padding?: string;
+    /** The size of the font to display the input in */
+    fontSize?: number | string;
+    /** The weight of the font of the value and the placeholder */
+    fontWeight?: number | string;
+    /** The fontsize of the shrunken label */
+    shrunkenFontSize?: number | string;
+    /** Cant edit */
+    cantEdit?: boolean;
+    /** The color of the helper text when not error */
+    helperTextColor?: string;
+    /** Height of the component */
+    height?: string;
+}
+interface RoundedDatePickerProps extends StyleProps {
+}
+/**
+ * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
+ */
+declare class RoundedDatePicker extends React.Component<RoundedDatePickerProps & DatePickerProps> {
+    render(): JSX.Element;
+}
+export default RoundedDatePicker;