@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/controllers/FileService.js

@@ -1,89 +1,89 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import axios from 'axios';
-export function getUploadUrls(files, domain) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function () {
-        var filesArray, response;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    filesArray = files.map(function (file) { return ({
-                        publicFile: false,
-                        extension: file.name.split('.').pop(),
-                    }); });
-                    return [4 /*yield*/, axios.post('https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/uploadfile', domain
-                            ? {
-                                domain: domain,
-                                files: filesArray,
-                            }
-                            : filesArray)];
-                case 1:
-                    response = _b.sent();
-                    return [2 /*return*/, (_a = response.data) !== null && _a !== void 0 ? _a : undefined];
-            }
-        });
-    });
-}
-export function postFile(file, postInfo) {
-    return __awaiter(this, void 0, void 0, function () {
-        var formData;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    formData = new FormData();
-                    Object.keys(postInfo.postInfo.fields).forEach(function (key) {
-                        formData.append(key, postInfo.postInfo.fields[key]);
-                    });
-                    // Actual file has to be appended last.
-                    formData.append('file', file);
-                    return [4 /*yield*/, axios.post(postInfo.postInfo.url, formData, {
-                            timeout: 30000,
-                            headers: {
-                                'Content-Type': 'multipart/form-data',
-                            },
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/, {
-                            lblFile: file.name,
-                            name: postInfo.name,
-                        }];
-            }
-        });
-    });
-}
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import axios from 'axios';
+export function getUploadUrls(files, domain) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+        var filesArray, response;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    filesArray = files.map(function (file) { return ({
+                        publicFile: false,
+                        extension: file.name.split('.').pop(),
+                    }); });
+                    return [4 /*yield*/, axios.post('https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/uploadfile', domain
+                            ? {
+                                domain: domain,
+                                files: filesArray,
+                            }
+                            : filesArray)];
+                case 1:
+                    response = _b.sent();
+                    return [2 /*return*/, (_a = response.data) !== null && _a !== void 0 ? _a : undefined];
+            }
+        });
+    });
+}
+export function postFile(file, postInfo) {
+    return __awaiter(this, void 0, void 0, function () {
+        var formData;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    formData = new FormData();
+                    Object.keys(postInfo.postInfo.fields).forEach(function (key) {
+                        formData.append(key, postInfo.postInfo.fields[key]);
+                    });
+                    // Actual file has to be appended last.
+                    formData.append('file', file);
+                    return [4 /*yield*/, axios.post(postInfo.postInfo.url, formData, {
+                            timeout: 30000,
+                            headers: {
+                                'Content-Type': 'multipart/form-data',
+                            },
+                        })];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, {
+                            lblFile: file.name,
+                            name: postInfo.name,
+                        }];
+            }
+        });
+    });
+}

package/dist/index.d.ts

@@ -1,2 +1 @@
-import App from './App';
-export default App;
+export {};

package/dist/index.js

@@ -1,17 +1,16 @@
-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 * as ReactDOM from 'react-dom';
-import App from './App';
-import styles from './index.module.css';
-ReactDOM.render(_jsx("div", __assign({ className: styles.eurekaForm }, { children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', '') }, void 0) }), void 0), document.getElementById('eureka-root'));
-export default App;
+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 * as ReactDOM from 'react-dom';
+import App from './App';
+import styles from './index.module.css';
+ReactDOM.render(_jsx("div", __assign({ className: styles.eurekaForm }, { children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', '') }, void 0) }), void 0), document.getElementById('eureka-root'));

package/dist/index.lib.d.ts

@@ -0,0 +1,3 @@
+import App from './App';
+export { App };
+export default App;

package/dist/index.lib.js

@@ -0,0 +1,3 @@
+import App from './App';
+export { App };
+export default App;

package/dist/index.module.css

@@ -0,0 +1,14 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
+
+body {
+    font-family: 'Nunito';
+}
+
+.eurekaForm {
+    min-height: 100vh;
+    width: 100%;
+    scroll-behavior: smooth;
+    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;
+}

package/dist/shared/Loader/Loader.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-interface LoaderProps {
-    /** The color of the loader */
-    color?: string;
-    /** If the loader should show a curtain behind it */
-    curtain?: boolean;
-    /** The zIndex of the loader */
-    zIndex?: number;
-    /** The size of the loader */
-    size?: number;
-    /** The position of the loader */
-    position?: any;
-}
-/**
- * Generic Loader Component with optional curtain.
- */
-declare function Loader({ color, curtain, zIndex, size, position, }: LoaderProps): JSX.Element;
-export default Loader;
+/// <reference types="react" />
+interface LoaderProps {
+    /** The color of the loader */
+    color?: string;
+    /** If the loader should show a curtain behind it */
+    curtain?: boolean;
+    /** The zIndex of the loader */
+    zIndex?: number;
+    /** The size of the loader */
+    size?: number;
+    /** The position of the loader */
+    position?: any;
+}
+/**
+ * Generic Loader Component with optional curtain.
+ */
+declare function Loader({ color, curtain, zIndex, size, position, }: LoaderProps): JSX.Element;
+export default Loader;

package/dist/shared/Loader/Loader.js

@@ -1,26 +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 } }, void 0) }), void 0) }), void 0));
-}
-export default Loader;
+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 } }, void 0) }), void 0) }), void 0));
+}
+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

@@ -1,9 +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;
+/// <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

@@ -1,18 +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 }, void 0) }), void 0));
-}
-export default Navbar;
+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 }, void 0) }), void 0));
+}
+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/RoundedButton/RoundedButton.d.ts

@@ -1,30 +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;
+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

@@ -1,45 +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: 'Nunito',
-            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 }), void 0));
-}
-export default RoundedButton;
+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: 'Nunito',
+            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 }), void 0));
+}
+export default RoundedButton;

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

@@ -1,24 +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;
+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;