@arquimedes.co/eureka-forms 3.0.41 → 3.0.43-queue-file

package/dist/Services/FileService.js

@@ -1,92 +1,35 @@
-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 (g && (g = 0, op[0] && (_ = 0)), _) 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';
 import axiosInstance from '../Utils/AxiosAPI';
 import widgetInstance from '../Utils/AxiosWidget';
-export function getUploadUrls(files, idOrganization) {
-    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(),
-                    }); });
-                    if (!idOrganization) return [3 /*break*/, 2];
-                    return [4 /*yield*/, widgetInstance.post("/uploadfile?idOrganization=".concat(idOrganization), filesArray)];
-                case 1:
-                    response = _b.sent();
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, axiosInstance.post('/uploadfile', filesArray)];
-                case 3:
-                    response = _b.sent();
-                    _b.label = 4;
-                case 4: return [2 /*return*/, (_a = response.data) !== null && _a !== void 0 ? _a : undefined];
-            }
-        });
-    });
+export async function getUploadUrls(files, idOrganization) {
+    const filesArray = files.map((file) => ({
+        publicFile: false,
+        extension: file.name.split('.').pop(),
+    }));
+    let response;
+    if (idOrganization) {
+        response = await widgetInstance.post(`/uploadfile?idOrganization=${idOrganization}`, filesArray);
+    }
+    else {
+        response = await axiosInstance.post('/uploadfile', filesArray);
+    }
+    return response.data ?? 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: 300000,
-                            headers: {
-                                'Content-Type': 'multipart/form-data',
-                            },
-                        })];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/, {
-                            fileName: file.name,
-                            S3Key: postInfo.S3Key,
-                        }];
-            }
-        });
+export async function postFile(file, postInfo) {
+    const formData = new FormData();
+    Object.keys(postInfo.postInfo.fields).forEach((key) => {
+        formData.append(key, postInfo.postInfo.fields[key]);
+    });
+    // Actual file has to be appended last.
+    formData.append('file', file);
+    await axios.post(postInfo.postInfo.url, formData, {
+        timeout: 300000,
+        headers: {
+            'Content-Type': 'multipart/form-data',
+        },
     });
+    return {
+        fileName: file.name,
+        S3Key: postInfo.S3Key,
+    };
 }

package/dist/Services/FormService.js

@@ -1,59 +1,14 @@
-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 (g && (g = 0, op[0] && (_ = 0)), _) 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 axiosInstance from '../Utils/AxiosAPI';
 import widgetInstance from '../Utils/AxiosWidget';
-export function fetchForm(apiKey, idOrganization) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, (idOrganization
-                            ? widgetInstance.get("/form/".concat(apiKey, "?idOrganization=").concat(idOrganization))
-                            : axiosInstance.get("/form/".concat(apiKey)))];
-                case 1:
-                    response = _a.sent();
-                    return [2 /*return*/, response.data];
-                case 2:
-                    error_1 = _a.sent();
-                    return [2 /*return*/, null];
-                case 3: return [2 /*return*/];
-            }
-        });
-    });
+export async function fetchForm(apiKey, idOrganization) {
+    try {
+        const response = await (idOrganization
+            ? widgetInstance.get(`/form/${apiKey}?idOrganization=${idOrganization}`)
+            : axiosInstance.get(`/form/${apiKey}`));
+        return response.data;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
+    catch (error) {
+        return null;
+    }
 }

package/dist/Services/OrganizationService.js

@@ -1,65 +1,14 @@
-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 (g && (g = 0, op[0] && (_ = 0)), _) 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 axiosInstance from '../Utils/AxiosAPI';
 import widgetInstance from '../Utils/AxiosWidget';
-export function fetchOrganization(idOrganization) {
-    return __awaiter(this, void 0, void 0, function () {
-        var response, _a, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 5, , 6]);
-                    if (!idOrganization) return [3 /*break*/, 2];
-                    return [4 /*yield*/, widgetInstance.get("/organization?idOrganization=".concat(idOrganization))];
-                case 1:
-                    _a = _b.sent();
-                    return [3 /*break*/, 4];
-                case 2: return [4 /*yield*/, axiosInstance.get('/organization')];
-                case 3:
-                    _a = _b.sent();
-                    _b.label = 4;
-                case 4:
-                    response = _a;
-                    return [2 /*return*/, response.data];
-                case 5:
-                    error_1 = _b.sent();
-                    return [2 /*return*/, null];
-                case 6: return [2 /*return*/];
-            }
-        });
-    });
+export async function fetchOrganization(idOrganization) {
+    try {
+        const response = idOrganization
+            ? await widgetInstance.get(`/organization?idOrganization=${idOrganization}`)
+            : await axiosInstance.get('/organization');
+        return response.data;
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    }
+    catch (error) {
+        return null;
+    }
 }

package/dist/Shared/CustomBtn/CustomBtn.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface CustomBtnProps {
     label?: string;
     'data-testid'?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> | (() => Promise<void>);
     backgroundColor?: string;
     color?: string;
     height?: string;

package/dist/Shared/CustomBtn/CustomBtn.js

@@ -1,105 +1,42 @@
-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 __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 (g && (g = 0, op[0] && (_ = 0)), _) 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 };
-    }
-};
-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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import styles from './CustomBtn.module.css';
 import Loader from '../Loader/Loader';
-function CustomBtn(_a) {
-    var _this = this;
-    var label = _a.label, onClick = _a.onClick, backgroundColor = _a.backgroundColor, color = _a.color, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.height, height = _d === void 0 ? 'fit-content' : _d, _e = _a.width, width = _e === void 0 ? 'fit-content' : _e, _f = _a.padding, padding = _f === void 0 ? '15px 30px' : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? '20px' : _g, _h = _a.contentMargin, contentMargin = _h === void 0 ? '0px 10px' : _h, children = _a.children, others = __rest(_a, ["label", "onClick", "backgroundColor", "color", "loading", "disabled", "height", "width", "padding", "borderRadius", "contentMargin", "children"]);
-    var _j = useState(undefined), coords = _j[0], setCoords = _j[1];
-    var _k = useState(true), mounted = _k[0], setMounted = _k[1];
-    useEffect(function () {
+function CustomBtn({ label, onClick, backgroundColor, color, loading = false, disabled = false, height = 'fit-content', width = 'fit-content', padding = '15px 30px', borderRadius = '20px', contentMargin = '0px 10px', children, ...others }) {
+    const [coords, setCoords] = useState(undefined);
+    const [mounted, setMounted] = useState(true);
+    useEffect(() => {
         if (coords)
             setCoords(undefined);
-        return function () { return setMounted(false); };
+        return () => setMounted(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [label]);
-    return (_jsxs("button", __assign({ className: styles.customBtn, style: {
-            width: width,
-            height: height,
-            borderRadius: borderRadius,
+    return (_jsxs("button", { className: styles.customBtn, style: {
+            width,
+            height,
+            borderRadius,
             background: backgroundColor,
-            padding: padding,
-            color: color,
-        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
-            var rect;
-            return __generator(this, function (_a) {
-                rect = e.target.getBoundingClientRect();
-                setCoords({
-                    x: e.clientX - rect.left,
-                    y: e.clientY - rect.top,
-                });
-                setTimeout(function () {
-                    if (mounted)
-                        setCoords(undefined);
-                }, 600);
-                onClick && onClick(e);
-                return [2 /*return*/];
+            padding,
+            color,
+        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: (e) => {
+            const rect = e.target.getBoundingClientRect();
+            setCoords({
+                x: e.clientX - rect.left,
+                y: e.clientY - rect.top,
             });
-        }); } }, { children: [coords ? (_jsx("span", { className: styles.ripple, style: {
+            setTimeout(() => {
+                if (mounted)
+                    setCoords(undefined);
+            }, 600);
+            void onClick?.(e);
+        }, children: [coords ? (_jsx("span", { className: styles.ripple, style: {
                     backgroundColor: color,
                     left: coords.x,
                     top: coords.y,
-                } })) : (_jsx(_Fragment, {})), _jsx("div", __assign({ style: {
+                } })) : (_jsx(_Fragment, {})), _jsx("div", { style: {
                     visibility: loading ? 'hidden' : 'visible',
                     margin: contentMargin,
                     display: 'flex',
-                } }, { children: children !== null && children !== void 0 ? children : label })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: color, position: "unset" }) })))] })));
+                }, children: children ?? label }), loading && (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { color: color, position: "unset" }) }))] }));
 }
 export default CustomBtn;

package/dist/Shared/ErkButton/ErkButton.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+declare module '@mui/material/Button' {
+    interface ButtonPropsColorOverrides {
+        inherit: false;
+    }
+}
+export interface ErkButtonProps extends Omit<MuiButtonProps, 'color' | 'onSubmit' | 'ref'> {
+    /** Button text */
+    text?: string;
+    /** The color of the button */
+    color?: 'primary' | 'secondary' | 'error' | 'warning';
+    /** Button Click Handle */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** If button is disabled */
+    disabled?: boolean;
+    /** If the button es loading */
+    loading?: boolean;
+    /** The href to redirect */
+    buttonRef?: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Generic capta button
+ */
+declare function ErkButton({ text, color, loading, children, disabled, buttonRef, ...props }: ErkButtonProps): JSX.Element;
+export default ErkButton;

package/dist/Shared/ErkButton/ErkButton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button as MuiButton, styled } from '@mui/material';
+import Loader from '../Loader/Loader';
+const StyledButton = styled(MuiButton)(({ theme, color }) => ({
+    width: 'fit-content',
+    textTransform: 'none',
+    fontFamily: 'inherit',
+    fontSize: '1rem',
+    borderRadius: 10,
+    padding: '0 15px',
+    minHeight: 28,
+    boxShadow: 'none',
+    '&:hover': { boxShadow: 'none' },
+    '&:disabled': {
+        backgroundColor: theme.palette[color ?? 'primary']?.main,
+        color: theme.palette[color ?? 'primary']?.contrastText,
+        opacity: 0.5,
+    },
+    fontWeight: 'normal',
+}));
+/**
+ * Generic capta button
+ */
+function ErkButton({ text, color = 'primary', loading, children, disabled, buttonRef, ...props }) {
+    return (_jsxs(StyledButton, { text: '', ref: buttonRef, variant: "contained", disabled: disabled ?? loading, color: color, ...props, children: [loading && _jsx(Loader, { size: 20, color: 'white' }), text && (_jsx("label", { style: {
+                    visibility: loading ? 'hidden' : 'visible',
+                    fontSize: 'inherit',
+                    cursor: 'inherit',
+                }, children: text })), _jsx("div", { style: { visibility: loading ? 'hidden' : 'visible' }, children: children })] }));
+}
+export default ErkButton;

package/dist/Shared/ErkButton/ErkButton.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react-vite';
+import ErkButton from './ErkButton';
+declare const meta: {
+    component: typeof ErkButton;
+    tags: string[];
+    args: {
+        text: string;
+        disabled: false;
+        onClick: import("vitest").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const DifferentColors: Story;

package/dist/Shared/ErkButton/ErkButton.stories.js

@@ -0,0 +1,28 @@
+import { fn } from 'storybook/test';
+import ErkButton from './ErkButton';
+const meta = {
+    component: ErkButton,
+    tags: ['autodocs'],
+    args: {
+        text: 'Label',
+        disabled: false,
+        onClick: fn(),
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        text: 'Label',
+    },
+};
+export const Disabled = {
+    args: {
+        text: 'Label',
+        disabled: true,
+    },
+};
+export const DifferentColors = {
+    args: {
+        text: 'Label',
+    },
+};

package/dist/Shared/ErkCheckbox/ErkCheckBox.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+interface StyleProps {
+    size?: 'small' | 'medium';
+    padding?: string;
+    error?: number;
+}
+interface ErkCheckboxProps extends Omit<StyleProps, 'error'>, Omit<MuiCheckboxProps, 'size' | 'onChange'> {
+    onChange?: (checked: boolean) => void;
+    checked: boolean;
+    error?: boolean;
+}
+/**
+ * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
+ */
+declare class ErkCheckbox extends React.Component<ErkCheckboxProps> {
+    render(): JSX.Element;
+}
+export default ErkCheckbox;

package/dist/Shared/ErkCheckbox/ErkCheckBox.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import CheckboxUncheckedIcon from '../../Icons/CheckboxUncheckedIcon';
+import CheckboxCheckedIcon from '../../Icons/CheckboxCheckedIcon';
+import { FormControl, Checkbox as MuiCheckbox, styled } from '@mui/material';
+const StyledCheckbox = styled(MuiCheckbox, { shouldForwardProp: (prop) => prop !== 'size' })(({ theme, padding = '0px', size = 'small', disabled, readOnly, error }) => ({
+    padding,
+    width: size === 'small' ? 26 : 32,
+    height: size === 'small' ? 26 : 32,
+    opacity: disabled ? 0.5 : 1,
+    pointerEvents: readOnly ? 'none' : undefined,
+    color: error ? theme.palette.error.main : '#787878',
+    '&.Mui-disabled': {
+        color: '#A0A0A0',
+    },
+}));
+/**
+ * Generic capta checkbox
+ */
+function CustomCheckBox({ onChange, error = false, readOnly = false, disabled = false, ...others }) {
+    return (_jsx(FormControl, { error: true, children: _jsx(StyledCheckbox, { ...others, error: +error, readOnly: readOnly, disabled: disabled, inputProps: { disabled: disabled || readOnly }, icon: _jsx(CheckboxUncheckedIcon, {}), checkedIcon: _jsx(CheckboxCheckedIcon, {}), onChange: (event) => onChange?.(typeof event === 'boolean' ? event : event.target.checked) }) }));
+}
+/**
+ * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
+ */
+class ErkCheckbox extends React.Component {
+    render() {
+        return _jsx(CustomCheckBox, { ...this.props });
+    }
+}
+export default ErkCheckbox;

package/dist/Shared/ErkCheckbox/ErkCheckBox.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react-vite';
+import ErkCheckBox from './ErkCheckBox';
+declare const meta: {
+    component: typeof ErkCheckBox;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Uncheked: Story;
+export declare const Checked: Story;
+export declare const Error: Story;
+export declare const Disabled: Story;
+export declare const ErrorColor: Story;

package/dist/Shared/ErkCheckbox/ErkCheckBox.stories.js

@@ -0,0 +1,34 @@
+import ErkCheckBox from './ErkCheckBox';
+const meta = {
+    component: ErkCheckBox,
+    tags: ['autodocs'],
+};
+export default meta;
+export const Uncheked = {
+    args: {
+        checked: false,
+    },
+};
+export const Checked = {
+    args: {
+        checked: true,
+    },
+};
+export const Error = {
+    args: {
+        checked: false,
+        error: true,
+    },
+};
+export const Disabled = {
+    args: {
+        checked: false,
+        disabled: true,
+    },
+};
+export const ErrorColor = {
+    args: {
+        checked: false,
+        error: true,
+    },
+};

package/dist/Shared/ErkDatePicker/ErkDatePicker.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { MobileDatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers';
+import { ErkTextFieldProps } from '../ErkTextField/ErkTextField';
+interface ErkDatePickerProps extends Omit<MuiDatePickerProps, 'ref' | 'onChange'>, Pick<ErkTextFieldProps, 'error' | 'required' | 'helperText' | 'size'> {
+    onChange?: (date: Date | null) => void;
+    /** If it should display the timePicker */
+    pickTime?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    /** labelMargin */
+    labelMargin?: number;
+}
+/**
+ * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
+ */
+declare class ErkDatePicker extends React.Component<ErkDatePickerProps> {
+    render(): JSX.Element;
+}
+export default ErkDatePicker;