@arquimedes.co/eureka-forms 2.0.32 → 2.0.34-test

package/dist/mjs/Services/OrganizationService.js

@@ -0,0 +1,13 @@
+import axiosInstance from '../Utils/AxiosAPI';
+import widgetInstance from '../Utils/AxiosWidget';
+export async function fetchOrganization(idOrganization) {
+    try {
+        const response = idOrganization
+            ? await widgetInstance.get(`/organization?idOrganization=${idOrganization}`)
+            : await axiosInstance.get('/organization');
+        return response.data;
+    }
+    catch (error) {
+        return null;
+    }
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface CustomBtnProps {
+    label: string;
+    'data-testid'?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    backgroundColor?: string;
+    color?: string;
+    width?: string;
+    disabled?: boolean;
+    loading?: boolean;
+}
+declare function CustomBtn({ label, onClick, backgroundColor, color, loading, disabled, width, ...others }: CustomBtnProps): JSX.Element;
+export default CustomBtn;

package/dist/mjs/Shared/CustomBtn/CustomBtn.js

@@ -0,0 +1,32 @@
+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({ label, onClick, backgroundColor, color, loading = false, disabled = false, width = 'fit-content', ...others }) {
+    const [coords, setCoords] = useState(undefined);
+    useEffect(() => {
+        if (coords)
+            setCoords(undefined);
+    }, [label]);
+    return (_jsxs("button", { className: styles.customBtn, style: {
+            width,
+            background: backgroundColor,
+            color,
+        }, "data-testid": others['data-testid'], disabled: disabled || loading, onClick: async (e) => {
+            const rect = e.target.getBoundingClientRect();
+            setCoords({
+                x: e.clientX - rect.left,
+                y: e.clientY - rect.top,
+            });
+            setTimeout(() => setCoords(undefined), 600);
+            onClick && onClick(e);
+        }, children: [coords ? (_jsx("span", { className: styles.ripple, style: {
+                    backgroundColor: color,
+                    left: coords.x,
+                    top: coords.y,
+                } })) : (_jsx(_Fragment, {})), _jsx("div", { style: {
+                    visibility: loading ? 'hidden' : 'visible',
+                    margin: '0px 10px',
+                }, children: label }), loading && (_jsx("div", { className: styles.loaderContainer, children: _jsx(Loader, { color: color, position: "unset" }) }))] }));
+}
+export default CustomBtn;

package/dist/mjs/Shared/CustomBtn/CustomBtn.module.css

@@ -0,0 +1,61 @@
+.customBtn {
+    max-width: 100%;
+    border-radius: 20px;
+    padding: 15px 30px;
+    font-size: 1.4rem;
+    cursor: pointer;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    border: none;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.customBtn[disabled] {
+    pointer-events: none;
+    opacity: 0.5;
+}
+
+.ripple {
+    width: 50px;
+    height: 50px;
+    position: absolute;
+    display: block;
+    content: '';
+    border-radius: 9999px;
+    opacity: 1;
+    animation: 1s ease 1 forwards ripple-effect;
+}
+
+@keyframes ripple-effect {
+    0% {
+        transform: scale(1);
+        opacity: 0.6;
+    }
+    50% {
+        transform: scale(10);
+        opacity: 0.1;
+    }
+    60% {
+        transform: scale(35);
+        opacity: 0;
+    }
+    100% {
+        transform: scale(35);
+        opacity: 0;
+    }
+}
+
+.loaderContainer {
+    top: 0px;
+    bottom: 0px;
+    right: 0px;
+    left: 0px;
+    position: absolute;
+}

package/dist/mjs/Shared/InputIcon/InputIcon.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface InputIconProps {
+    icon: string;
+    fill?: string;
+}
+declare function InputIcon({ icon, fill, ...others }: InputIconProps): JSX.Element;
+export default InputIcon;

package/dist/mjs/Shared/InputIcon/InputIcon.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import LeakIcon from '../../Icons/Construction/LeakIcon';
+import ProjectIcon from '../../Icons/Construction/ProjectIcon';
+import PropertyIcon from '../../Icons/Construction/PropertyIcon';
+import SpaceIcon from '../../Icons/Construction/SpaceIcon';
+import DocumentIcon from '../../Icons/DocumentIcon';
+import CheckListIcon from '../../Icons/Entities/CheckListIcon';
+import GenericEntityIcon from '../../Icons/Entities/GenericEntityIcon';
+import HandShakeIcon from '../../Icons/Entities/HandshakeIcon';
+import IconTypes from '../../constants/IconTypes';
+function InputIcon({ icon, fill = '#757575', ...others }) {
+    switch (icon) {
+        case IconTypes.PROJECT:
+            return (_jsx(ProjectIcon, { style: {
+                    display: 'flex',
+                    height: 24,
+                    width: 24,
+                }, fill: fill, ...others }));
+        case IconTypes.PROPERTY:
+            return (_jsx(PropertyIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill, ...others }));
+        case IconTypes.SPACE:
+            return (_jsx(SpaceIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill, ...others }));
+        case IconTypes.LEAK:
+            return (_jsx(LeakIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                    marginTop: 2,
+                }, fill: fill, ...others }));
+        case IconTypes.DOCUMENT:
+            return (_jsx(DocumentIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill, ...others }));
+        case IconTypes.HANDSHAKE:
+            return (_jsx(HandShakeIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill, ...others }));
+        case IconTypes.CHECKLIST:
+            return (_jsx(CheckListIcon, { style: {
+                    display: 'flex',
+                    height: 24,
+                    width: 24,
+                }, fill: fill, ...others }));
+        case IconTypes.SUPPLIER:
+            return (_jsx(CheckListIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill, ...others }));
+        case IconTypes.GENERIC:
+        default:
+            return (_jsx(GenericEntityIcon, { style: {
+                    display: 'flex',
+                    height: 23,
+                    width: 23,
+                }, fill: fill, ...others }));
+    }
+}
+export default InputIcon;

package/dist/mjs/Shared/Loader/Loader.d.ts

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

package/dist/mjs/Shared/Loader/Loader.js

@@ -0,0 +1,14 @@
+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({ color = '#3d5a7f', curtain = false, zIndex = 20, size = 40, position = 'absolute', }) {
+    return (_jsx("div", { className: styles.loaderContainer + ' flexbox', style: {
+            backgroundColor: curtain ? 'rgb(0, 0, 0, 0.4)' : '',
+            zIndex,
+            position,
+        }, children: _jsx("div", { className: styles.loader, children: _jsx(CircularProgress, { size: size, style: { color } }) }) }));
+}
+export default Loader;

package/dist/mjs/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/mjs/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/mjs/Shared/Navbar/Navbar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styles from './Navbar.module.css';
+function Navbar({ logo, color }) {
+    return (_jsx("div", { className: styles.navContainer, style: { backgroundColor: color }, children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) }));
+}
+export default Navbar;

package/dist/mjs/Shared/Navbar/Navbar.module.css

@@ -0,0 +1,8 @@
+.navContainer {
+    height: 60px;
+    display: flex;
+}
+.navImage {
+    height: 40px;
+    margin: auto 0 auto 15px;
+}

package/dist/mjs/Shared/Navbar/Navbar.stories.d.ts

@@ -0,0 +1,13 @@
+import type { StoryObj } from '@storybook/react';
+import Navbar from './Navbar';
+declare const meta: {
+    component: typeof Navbar;
+    tags: string[];
+    args: {
+        logo: string;
+        color: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/mjs/Shared/Navbar/Navbar.stories.js

@@ -0,0 +1,13 @@
+import Navbar from './Navbar';
+const meta = {
+    component: Navbar,
+    tags: ['autodocs'],
+    args: {
+        logo: 'https://content.capta.co/Capta/CaptaWhite.svg',
+        color: '#3d5a7f',
+    },
+};
+export default meta;
+export const Default = {
+    args: {},
+};

package/dist/mjs/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: (value: number | null) => void;
+    inputRef: any;
+    focusColor: string;
+    unSelectedColor: string;
+}
+declare function Rating({ type, ...others }: RatingProps & {
+    type: RatingTypes;
+}): JSX.Element;
+export default Rating;

package/dist/mjs/Shared/Rating/Rating.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RatingTypes } from '../../constants/FormStepTypes';
+import LikeRating from './Ratings/LikeRating';
+import SatisfactionRating from './Ratings/SatisfactionRating';
+import ScaleRating from './Ratings/ScaleRating';
+function Rating({ type, ...others }) {
+    switch (type) {
+        case RatingTypes.LIKE:
+            return _jsx(LikeRating, { ...others });
+        case RatingTypes.SATISFACTION:
+            return _jsx(SatisfactionRating, { ...others });
+        case RatingTypes.SCALE:
+            return _jsx(ScaleRating, { ...others });
+        default:
+            return _jsx("div", {});
+    }
+}
+export default Rating;

package/dist/mjs/Shared/Rating/Rating.module.css

@@ -0,0 +1,18 @@
+.ratingContainer {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.iconContainer,
+.disabledIconContainer {
+    font-size: 60px;
+    height: 60px;
+    color: var(--eureka-outline);
+}
+
+.iconContainer:hover {
+    transform: scale(1.2);
+    cursor: pointer;
+    color: var(--eureka-primary);
+}

package/dist/mjs/Shared/Rating/Rating.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import Rating from './Rating';
+declare const meta: {
+    component: typeof Rating;
+    tags: string[];
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ScaleRating: Story;
+export declare const ScaleRatingWidthValue: Story;
+export declare const LikeRating: Story;
+export declare const LikeRatingWithValue: Story;
+export declare const SatisfactionRating: Story;
+export declare const SatisfactionRatingWidthValue: Story;

package/dist/mjs/Shared/Rating/Rating.stories.js

@@ -0,0 +1,59 @@
+import Rating from './Rating';
+import { RatingTypes } from '../../constants/FormStepTypes';
+const meta = {
+    component: Rating,
+    tags: ['autodocs'],
+    args: {},
+};
+export default meta;
+export const ScaleRating = {
+    args: {
+        type: RatingTypes.SCALE,
+        name: 'Rating',
+        focusColor: '#3d5a7f',
+        unSelectedColor: '#d8d8d8',
+    },
+};
+export const ScaleRatingWidthValue = {
+    args: {
+        type: RatingTypes.SCALE,
+        name: 'Rating',
+        focusColor: '#3d5a7f',
+        unSelectedColor: '#d8d8d8',
+        value: 4,
+    },
+};
+export const LikeRating = {
+    args: {
+        type: RatingTypes.LIKE,
+        name: 'Rating',
+        focusColor: '#3d5a7f',
+        unSelectedColor: '#d8d8d8',
+    },
+};
+export const LikeRatingWithValue = {
+    args: {
+        type: RatingTypes.LIKE,
+        name: 'Rating',
+        focusColor: '#3d5a7f',
+        unSelectedColor: '#d8d8d8',
+        value: 1,
+    },
+};
+export const SatisfactionRating = {
+    args: {
+        type: RatingTypes.SATISFACTION,
+        name: 'Rating',
+        focusColor: '#3d5a7f',
+        unSelectedColor: '#d8d8d8',
+    },
+};
+export const SatisfactionRatingWidthValue = {
+    args: {
+        type: RatingTypes.SATISFACTION,
+        name: 'Rating',
+        focusColor: '#3d5a7f',
+        unSelectedColor: '#d8d8d8',
+        value: 3,
+    },
+};

package/dist/mjs/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/mjs/Shared/Rating/Ratings/LikeRating.js

@@ -0,0 +1,31 @@
+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({ disabled, inputRef, value, onChange, focusColor, unSelectedColor, }) {
+    return (_jsxs("div", { className: styles.ratingContainer, style: {
+            '--eureka-primary': focusColor,
+            '--eureka-outline': unSelectedColor,
+        }, children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", { className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, style: { height: 70 }, onClick: () => {
+                    if (!disabled)
+                        onChange(value === 1 ? null : 1);
+                }, children: _jsx(ThumbUpRoundedIcon, { fontSize: "inherit", style: value === 1
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) }), _jsx("div", { className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, style: { height: 70 }, onClick: () => {
+                    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/mjs/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/mjs/Shared/Rating/Ratings/SatisfactionRating.js

@@ -0,0 +1,49 @@
+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({ value, inputRef, disabled, onChange, focusColor, unSelectedColor, }) {
+    return (_jsxs("div", { className: styles.ratingContainer, style: {
+            '--eureka-primary': focusColor,
+            '--eureka-outline': unSelectedColor,
+        }, children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", { className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: () => {
+                    if (!disabled)
+                        onChange(value === 1 ? null : 1);
+                }, children: _jsx(SentimentVeryDissatisfiedIcon, { fontSize: "inherit", style: value === 1
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) }), _jsx("div", { className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: () => {
+                    if (!disabled)
+                        onChange(value === 2 ? null : 2);
+                }, children: _jsx(SentimentDissatisfiedIcon, { fontSize: "inherit", style: value === 2
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) }), _jsx("div", { className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: () => {
+                    if (!disabled)
+                        onChange(value === 3 ? null : 3);
+                }, children: _jsx(SentimentSatisfiedAltIcon, { fontSize: "inherit", style: value === 3
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) }), _jsx("div", { className: disabled
+                    ? styles.disabledIconContainer
+                    : styles.iconContainer, onClick: () => {
+                    if (!disabled)
+                        onChange(value === 4 ? null : 4);
+                }, children: _jsx(SentimentVerySatisfiedIcon, { fontSize: "inherit", style: value === 4
+                        ? {
+                            color: focusColor,
+                        }
+                        : {} }) })] }));
+}
+export default SatisfactionRating;

package/dist/mjs/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/mjs/Shared/Rating/Ratings/ScaleRating.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Rating } from '@material-ui/lab';
+import GradeRoundedIcon from '@material-ui/icons/GradeRounded';
+import { makeStyles } from '@material-ui/core';
+import React from 'react';
+const useRatingStyles = (props) => makeStyles({
+    root: {
+        '&.Mui-disabled': {
+            opacity: 1,
+        },
+        '& .EF-MuiRating-iconFilled': {
+            color: props.focusColor,
+        },
+        '& .EF-MuiRating-iconEmpty': {
+            color: props.unSelectedColor,
+        },
+    },
+});
+function ScaleRating({ value, name, inputRef, disabled, onChange, isMobile, focusColor, unSelectedColor, }) {
+    const ratingClasses = useRatingStyles({
+        unSelectedColor,
+        focusColor,
+    })();
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx(Rating, { value: value, onChange: (_event, newValue) => {
+                    if (!disabled)
+                        onChange(newValue);
+                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: (value) => value + '/5', max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
+}
+function IconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(GradeRoundedIcon, { style: { fontSize: 60 } }) }));
+}
+function SmallIconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }) }));
+}
+export default ScaleRating;

package/dist/mjs/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/mjs/Shared/RoundedButton/RoundedButton.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, withStyles } from '@material-ui/core';
+/**
+ * Generic rounded button
+ */
+function RoundedButton({ text, backgroundColor = '#3d5a7f', color = '#ffffff', onClick, disabled, fontSize = '1rem', padding = '0 13px 0 13px', borderRadius = 10, height = 28, bold = false, width = 'fit-content', }) {
+    const CustomButton = withStyles({
+        root: {
+            width,
+            textTransform: 'none',
+            fontFamily: 'inherit',
+            fontSize,
+            borderRadius,
+            padding,
+            height: height,
+            boxShadow: 'none',
+            backgroundColor,
+            color,
+            '&:hover': {
+                boxShadow: 'none',
+                backgroundColor,
+            },
+            '&:disabled': {
+                backgroundColor,
+                color,
+                opacity: 0.5,
+            },
+            fontWeight: bold ? 'bold' : 'normal',
+        },
+    })(Button);
+    return (_jsx(CustomButton, { variant: "contained", onMouseDown: onClick, disabled: disabled, children: text }));
+}
+export default RoundedButton;