@arquimedes.co/eureka-forms 3.0.41 → 3.0.42-test

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

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

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

@@ -1,43 +1,29 @@
-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 { useTheme } from '@mui/material';
+import DislikeIcon from '../../../Icons/Ratings/DislikeIcon';
+import LikeIcon from '../../../Icons/Ratings/LikeIcon';
 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: {
+function LikeRating({ disabled, inputRef, value, onChange }) {
+    const { palette } = useTheme();
+    const focusColor = palette.primary.main;
+    const unSelectedColor = palette.outline.main;
+    return (_jsxs("div", { className: styles.ratingContainer, style: {
             '--eureka-primary': focusColor,
             '--eureka-outline': unSelectedColor,
-        } }, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", __assign({ className: disabled
-                    ? styles.disabledIconContainer
-                    : styles.iconContainer, style: { height: 70 }, onClick: function () {
+        }, 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", __assign({ className: disabled
-                    ? styles.disabledIconContainer
-                    : styles.iconContainer, style: { height: 70 }, onClick: function () {
+                }, children: _jsx(LikeIcon, { style: {
+                        fontSize: 'inherit',
+                        color: value === 1 ? focusColor : undefined,
+                    } }) }), _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 } }) }))] })));
+                }, children: _jsx(DislikeIcon, { style: {
+                        color: value === 0 ? focusColor : undefined,
+                        fontSize: 'inherit',
+                        marginTop: 14,
+                        marginLeft: 15,
+                    } }) })] }));
 }
 export default LikeRating;

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

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

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

@@ -1,61 +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);
-};
 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: {
+import VeryDissatisfiedIcon from '../../../Icons/Ratings/VeryDissatisfiedIcon';
+import DissatisfiedIcon from '../../../Icons/Ratings/DissatisfiedIcon';
+import SatisfiedIcon from '../../../Icons/Ratings/SatisfiedIcon';
+import VerySatisfiedIcon from '../../../Icons/Ratings/VerySatisfiedIcon';
+import { useTheme } from '@mui/material';
+function SatisfactionRating({ value, inputRef, disabled, onChange }) {
+    const { palette } = useTheme();
+    const focusColor = palette.primary.main;
+    const unSelectedColor = palette.outline.main;
+    return (_jsxs("div", { className: styles.ratingContainer, style: {
             '--eureka-primary': focusColor,
             '--eureka-outline': unSelectedColor,
-        } }, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx("div", __assign({ className: disabled
-                    ? styles.disabledIconContainer
-                    : styles.iconContainer, onClick: function () {
+        }, 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", __assign({ className: disabled
-                    ? styles.disabledIconContainer
-                    : styles.iconContainer, onClick: function () {
+                }, children: _jsx(VeryDissatisfiedIcon, { style: {
+                        fontSize: 'inherit',
+                        color: value === 1 ? focusColor : undefined,
+                    } }) }), _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", __assign({ className: disabled
-                    ? styles.disabledIconContainer
-                    : styles.iconContainer, onClick: function () {
+                }, children: _jsx(DissatisfiedIcon, { style: {
+                        fontSize: 'inherit',
+                        color: value === 2 ? focusColor : undefined,
+                    } }) }), _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", __assign({ className: disabled
-                    ? styles.disabledIconContainer
-                    : styles.iconContainer, onClick: function () {
+                }, children: _jsx(SatisfiedIcon, { style: {
+                        fontSize: 'inherit',
+                        color: value === 3 ? focusColor : undefined,
+                    } }) }), _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,
-                        }
-                        : {} }) }))] })));
+                }, children: _jsx(VerySatisfiedIcon, { style: {
+                        fontSize: 'inherit',
+                        color: value === 4 ? focusColor : undefined,
+                    } }) })] }));
 }
 export default SatisfactionRating;

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

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

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

@@ -1,62 +1,31 @@
-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 { 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, 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: 'hidden-input' }), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
+import StarIcon from '../../../Icons/Ratings/StarIcon';
+import { Rating as MuiRating, styled } from '@mui/material';
+const StyledRating = styled(MuiRating)(({ theme }) => ({
+    '&.Mui-disabled': {
+        opacity: 1,
+    },
+    '& .Erk-MuiRating-iconFilled': {
+        color: theme.palette.primary.main,
+    },
+    '& .Erk-MuiRating-iconEmpty': {
+        color: theme.palette.outline.main,
+    },
+    '& .Erk-MuiRating-visuallyHidden': {
+        display: 'none',
+    },
+}));
+function ScaleRating({ value, inputRef, disabled, onChange, isMobile }) {
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: 'hidden-input' }), _jsx(StyledRating, { value: value, onChange: (_event, newValue) => {
                     if (!disabled)
                         onChange(newValue);
-                }, disabled: disabled, classes: ratingClasses, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
+                }, disabled: disabled, size: "large", defaultValue: 0, getLabelText: (value) => 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 IconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(StarIcon, { 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 } }) })));
+function SmallIconContainer({ value, ...other }) {
+    return (_jsx("span", { className: 'icon' + value, ...other, children: _jsx(StarIcon, { style: { fontSize: 50 } }) }));
 }
 export default ScaleRating;

package/dist/Shared/SmartDraftRenderer/DraftLoadingContext.d.ts

@@ -0,0 +1 @@
+export declare const DraftLoadingContext: import("react").Context<boolean>;

package/dist/Shared/SmartDraftRenderer/DraftLoadingContext.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const DraftLoadingContext = createContext(true);

package/dist/Shared/SmartDraftRenderer/FormDecorator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContentState } from 'draft-js';
 export interface DecoratorComponentProps {
     children: JSX.Element;
@@ -9,5 +8,5 @@ export interface DecoratorComponentProps {
     end: number;
     editable?: boolean;
 }
-export declare function FormDecorator({ children, entityKey, }: DecoratorComponentProps): JSX.Element;
+export declare function FormDecorator({ children, entityKey }: DecoratorComponentProps): JSX.Element;
 export declare function FormDecoratorsStrategy(contentBlock: any, callback: any, contentState: any): void;

package/dist/Shared/SmartDraftRenderer/FormDecorator.js

@@ -1,34 +1,20 @@
-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 { useContext } from 'react';
 import { DraftEntityTypes } from '../../constants/Draft/DraftEntityTypes';
-import { DraftLoadingContext } from './SmartDraftRenderer';
 import styles from './FormDecorator.module.css';
-export function FormDecorator(_a) {
-    var children = _a.children, entityKey = _a.entityKey;
-    var loading = useContext(DraftLoadingContext);
-    return (_jsx("span", __assign({ id: entityKey, className: loading ? styles.loadingDecorator : styles.decorator, style: {
+import { DraftLoadingContext } from './DraftLoadingContext';
+export function FormDecorator({ children, entityKey }) {
+    const loading = useContext(DraftLoadingContext);
+    return (_jsx("span", { id: entityKey, className: loading ? styles.loadingDecorator : styles.decorator, style: {
             overflow: 'hidden',
             position: 'relative',
             padding: '0px 3px',
             borderRadius: 12,
-        } }, { children: children })));
+        }, children: children }));
 }
 export function FormDecoratorsStrategy(contentBlock, callback, contentState) {
-    contentBlock.findEntityRanges(function (character) {
-        var entityKey = character.getEntity();
-        return (entityKey !== null &&
-            contentState.getEntity(entityKey).getType() ===
-                DraftEntityTypes.EUREKA);
+    contentBlock.findEntityRanges((character) => {
+        const entityKey = character.getEntity();
+        return entityKey !== null && contentState.getEntity(entityKey).getType() === DraftEntityTypes.EUREKA;
     }, callback);
 }

package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { EurekaDraft } from '../../@Types/Draft/Draft';
-export declare const DraftLoadingContext: React.Context<boolean>;
 interface SmartDraftRendererProps {
     property: string;
     draft: EurekaDraft;
@@ -8,5 +7,5 @@ interface SmartDraftRendererProps {
     dependencies: Record<string, any>;
     onChange?: (value: EurekaDraft) => void;
 }
-declare function SmartDraftRenderer({ draft, margin, onChange, property, dependencies, }: SmartDraftRendererProps): JSX.Element;
+declare function SmartDraftRenderer({ draft, margin, onChange, property, dependencies }: SmartDraftRendererProps): JSX.Element;
 export default SmartDraftRenderer;

package/dist/Shared/SmartDraftRenderer/SmartDraftRenderer.js

@@ -1,72 +1,56 @@
-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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useMemo } from 'react';
-import { IdFormContext } from '../../App/App';
+import { useContext, useEffect, useMemo } from 'react';
 import { DraftApi } from '../../Services/DraftService';
 import { convertFromRaw, EditorState } from 'draft-js';
 import { Editor } from 'react-draft-wysiwyg';
 import { produce } from 'immer';
 import CustomContext from '../../Contexts/CustomContext';
 import { FormDecoratorsStrategy, FormDecorator } from './FormDecorator';
-import { linkDecorator } from './LinkDecorator';
 import { skipToken } from '@reduxjs/toolkit/query';
 import { useAppSelector } from '../../hooks';
-export var DraftLoadingContext = createContext(true);
-function SmartDraftRenderer(_a) {
-    var draft = _a.draft, margin = _a.margin, onChange = _a.onChange, property = _a.property, dependencies = _a.dependencies;
-    var idForm = useContext(IdFormContext);
-    var mapDraftEntities = useContext(CustomContext).mapDraftEntities;
-    var postview = useAppSelector(function (state) { return state.global.postview; });
-    var hasEntities = useMemo(function () { return Object.keys(draft.entityMap).length > 0; }, [draft]);
-    var _b = DraftApi.useMapDraftQuery(!hasEntities || postview
+import { IdFormContext } from '../../Contexts/FormContext';
+import { DraftLoadingContext } from './DraftLoadingContext';
+function SmartDraftRenderer({ draft, margin, onChange, property, dependencies }) {
+    const idForm = useContext(IdFormContext);
+    const mapDraftEntities = useContext(CustomContext).mapDraftEntities;
+    const postview = useAppSelector((state) => state.global.postview);
+    const hasEntities = useMemo(() => Object.keys(draft.entityMap).length > 0, [draft]);
+    const { data: mapped, isFetching } = DraftApi.useMapDraftQuery(!hasEntities || postview
         ? skipToken
         : {
-            idForm: idForm,
-            property: property,
-            dependencies: dependencies,
-            mapDraftEntities: mapDraftEntities,
-        }), mapped = _b.data, isFetching = _b.isFetching;
-    useEffect(function () {
+            idForm,
+            property,
+            dependencies,
+            mapDraftEntities,
+        });
+    useEffect(() => {
         if (mapped && !postview)
-            onChange === null || onChange === void 0 ? void 0 : onChange(mapped);
-    }, [mapped]);
-    var _c = useMemo(function () {
-        var content = convertFromRaw(cleanUpDraftParams(isFetching ? draft : mapped !== null && mapped !== void 0 ? mapped : draft));
+            onChange?.(mapped);
+    }, [mapped, onChange, postview]);
+    const { editorState, isEmpty } = useMemo(() => {
+        const content = convertFromRaw(cleanUpDraftParams(isFetching ? draft : (mapped ?? draft)));
         return {
             editorState: EditorState.createWithContent(content),
             isEmpty: !content.hasText(),
         };
-    }, [mapped, draft, isFetching]), editorState = _c.editorState, isEmpty = _c.isEmpty;
+    }, [mapped, draft, isFetching]);
     if (isEmpty)
         return _jsx(_Fragment, {});
-    return (_jsx("div", __assign({ style: { margin: margin } }, { children: _jsx(DraftLoadingContext.Provider, __assign({ value: !postview && isFetching }, { children: _jsx(Editor, { readOnly: true, toolbarHidden: true, editorState: editorState, editorClassName: 'Erk-Forms-Draft', customDecorators: customDecorators }) })) })));
+    return (_jsx("div", { style: { margin }, children: _jsx(DraftLoadingContext.Provider, { value: !postview && isFetching, children: _jsx(Editor, { readOnly: true, toolbarHidden: true, editorState: editorState, editorClassName: 'Erk-Forms-Draft', customDecorators: customDecorators }) }) }));
 }
 export default SmartDraftRenderer;
 function cleanUpDraftParams(draft) {
-    return produce(draft, function (draft) {
-        for (var _i = 0, _a = draft.blocks; _i < _a.length; _i++) {
-            var block = _a[_i];
-            for (var _b = 0, _c = block.entityRanges; _b < _c.length; _b++) {
-                var entity = _c[_b];
-                var offset = entity.offset, length_1 = entity.length;
+    return produce(draft, (draft) => {
+        for (const block of draft.blocks) {
+            for (const entity of block.entityRanges) {
+                const { offset, length } = entity;
                 //Change text into spaces
-                block.text = block.text.replace(block.text.substring(offset, offset + length_1), ' '.repeat(length_1));
+                block.text = block.text.replace(block.text.substring(offset, offset + length), ' '.repeat(length));
             }
         }
     });
 }
-var customDecorators = [
-    linkDecorator,
+const customDecorators = [
     {
         strategy: FormDecoratorsStrategy,
         component: FormDecorator,

package/dist/Shared/Toggle/Toggle.d.ts

@@ -1,18 +1,9 @@
-/// <reference types="react" />
-import { SwitchProps } from '@material-ui/core';
-interface StyleProps {
-    /** The color of the toggle */
-    color?: string;
-    /** The color of the toggle when unchecked */
-    baseColor?: string;
-}
-interface RoundedToggleProps extends Omit<SwitchProps, 'color' | 'onChange'>, StyleProps {
-    /** If the toggle is checked */
+interface ToggleProps {
     checked?: boolean;
-    /** Function to call when the toggle is clicked on */
-    onChange: (checked: boolean) => void;
+    size?: 'small' | 'medium';
+    onChange?: (checked: boolean) => void | Promise<void>;
     /** If the Toggle is disabled */
     disabled?: boolean;
 }
-declare function RoundedToggle({ color, baseColor, checked, onChange, disabled, size, }: RoundedToggleProps): JSX.Element;
-export default RoundedToggle;
+declare function ErkToggle({ checked, onChange, size, ...others }: ToggleProps): JSX.Element;
+export default ErkToggle;

package/dist/Shared/Toggle/Toggle.js

@@ -1,36 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { makeStyles, Switch } from '@material-ui/core';
-var useStyles = function (props) {
-    var _a;
-    return makeStyles({
-        root: {
-            padding: '6px 12px',
-            height: 26,
-        },
-        switchBase: {
-            padding: '3px 6px',
-            color: props.baseColor + ' !important',
-            '&$checked': {
-                color: props.color + ' !important',
-            },
-            '&$checked + $track': {
-                backgroundColor: props.color + ' !important',
-            },
-            '&:hover': {
-                backgroundColor: ((_a = props.color) === null || _a === void 0 ? void 0 : _a.startsWith('#'))
-                    ? props.color + '40'
-                    : props.color,
+import { styled, Switch as MuiSwitch } from '@mui/material';
+const Styled = styled(MuiSwitch)(({ theme, checked, size }) => ({
+    marginTop: size === 'medium' ? -6 : undefined,
+    marginBottom: size === 'medium' ? -6 : undefined,
+    overflow: 'visible',
+    '& .Erk-MuiSwitch-switchBase': {
+        marginTop: size === 'small' ? -5 : undefined,
+        transform: size === 'small' ? 'translateX(-5px)' : undefined,
+        color: '#b8b8b8',
+        '&.Mui-checked': {
+            transform: size === 'small' ? 'translateX(12px)' : undefined,
+            '& .Erk-MuiSwitch-thumb': {
+                backgroundColor: theme.palette.primary.main,
             },
         },
-        checked: {},
-        track: {},
-    });
-};
-function RoundedToggle(_a) {
-    var _b = _a.color, color = _b === void 0 ? '#3d5a7f' : _b, _c = _a.baseColor, baseColor = _c === void 0 ? '#b8b8b8' : _c, _d = _a.checked, checked = _d === void 0 ? true : _d, onChange = _a.onChange, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? 'medium' : _f;
-    var classes = useStyles({ color: color, baseColor: baseColor })();
-    return (_jsx(Switch, { size: size, classes: classes, checked: checked, disabled: disabled, onChange: function (event) {
-            onChange(event.target.checked);
-        } }));
+        '& .Erk-MuiSwitch-thumb': {
+            width: size === 'small' ? 16 : 20,
+            height: size === 'small' ? 16 : 20,
+        },
+    },
+    '& .Erk-MuiSwitch-track': {
+        backgroundColor: checked ? theme.palette.primary.main : undefined,
+        opacity: checked ? 0.5 : undefined,
+    },
+}));
+function ErkToggle({ checked, onChange, size = 'medium', ...others }) {
+    return (_jsx(Styled, { ...others, checked: checked, onChange: () => {
+            if (onChange)
+                void onChange(!checked);
+        }, size: size }));
 }
-export default RoundedToggle;
+export default ErkToggle;

package/dist/States/GlobalSlice.d.ts

@@ -3,7 +3,6 @@ import type { PayloadAction } from '@reduxjs/toolkit';
 import { SiteState } from './SiteSlice';
 import { EurekaDraft } from '../@Types/Draft/Draft';
 import { CountryCode } from 'libphonenumber-js';
-import { User } from '../@Types/User';
 export interface GlobalState {
     apiKey?: string;
     idOrganization: string;
@@ -21,35 +20,31 @@ export interface GlobalState {
     partial: boolean;
     internal: boolean;
     loaded: boolean;
-    /** Current User */
-    user: User | null | undefined;
 }
 export declare const GlobalSlice: import("@reduxjs/toolkit").Slice<GlobalState, {
-    reset: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<Omit<GlobalState, 'loaded'> & SiteState>) => {
+    reset: (state: import("immer").WritableDraft<GlobalState>, action: PayloadAction<Omit<GlobalState, "loaded"> & SiteState>) => {
         loaded: true;
         editable: boolean;
         partial: boolean;
-        postview: boolean;
         formStyle: FormStyle;
+        postview: boolean;
         preview: boolean;
         idOrganization: string;
-        idCurrentAgent?: string | undefined;
-        apiKey?: string | undefined;
+        idCurrentAgent?: string;
+        apiKey?: string;
         countryCode: CountryCode;
         confirmation: {
             confirmationMessage: EurekaDraft;
             showLink: boolean;
         };
         internal: boolean;
-        user: User | null | undefined;
         dependencies: import("../Form/Form").DependencyStore;
         values: import("./SiteSlice").ValuesStore;
         idCurrentSection: string | null;
         previousSections: string[];
         nextSections: string[];
-        focusStep?: string | undefined;
+        focusStep?: string;
     };
-    setUser: (state: import("immer/dist/internal").WritableDraft<GlobalState>, action: PayloadAction<User | null>) => void;
-}, "global">;
-export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">, setUser: import("@reduxjs/toolkit").ActionCreatorWithPayload<User | null, "global/setUser">;
+}, "global", "global", import("@reduxjs/toolkit").SliceSelectors<GlobalState>>;
+export declare const reset: import("@reduxjs/toolkit").ActionCreatorWithPayload<Omit<GlobalState, "loaded"> & SiteState, "global/reset">;
 export default GlobalSlice;