@arquimedes.co/eureka-forms 3.0.1-refactor → 3.0.3-refactor

package/dist/Shared/ErkTextField/ErkTextField.js

@@ -5,6 +5,7 @@ import { useAppSelector } from '../../hooks';
 export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12px', ...props }) => ({
     borderRadius: 10,
     opacity: props.disabled ? 0.5 : 1,
+    backgroundColor: theme.palette.stepBackgroundColor.default,
     '& input, textarea': {
         cursor: props.disabled || props.readOnly ? 'default' : 'text',
         padding,
@@ -15,7 +16,7 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
         height: '1.188em', //Esto.
         borderRadius: 10,
     },
-    '& .EF-MuiFormLabel-root:not(.EF-MuiInputLabel-shrink)': {
+    '& .Erk-MuiFormLabel-root:not(.Erk-MuiInputLabel-shrink)': {
         transform: 'translate(12px, 5px) scale(1)', //Quitando esto y el height queda con height de 40px
     },
     '& label': {
@@ -25,12 +26,12 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
         textOverflow: 'ellipsis',
     },
     '& input + fieldset': {},
-    '& .EF-MuiOutlinedInput-root': {
+    '& .Erk-MuiOutlinedInput-root': {
         '&.Mui-focused fieldset': {
             borderColor: theme.palette.primary.main,
             borderWidth: 2,
         },
-        '& .EF-MuiOutlinedInput-notchedOutline': {
+        '& .Erk-MuiOutlinedInput-notchedOutline': {
             borderRadius: 10,
             borderColor: theme.palette.outline.main,
             '& legend': {
@@ -38,7 +39,7 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
             },
         },
     },
-    '& .EF-MuiOutlinedInput-root:hover:not(.Mui-readOnly) .EF-MuiOutlinedInput-notchedOutline': {
+    '& .Erk-MuiOutlinedInput-root:hover:not(.Mui-readOnly) .Erk-MuiOutlinedInput-notchedOutline': {
         borderColor: props.disabled || props.readOnly ? theme.palette.outline.main : theme.palette.primary.main,
     },
     '& label.Mui-focused': {
@@ -47,23 +48,23 @@ export const StyledTextField = styled(MuiTextField)(({ theme, padding = '6px 12p
     '& .Mui-error': {
         color: theme.palette.error.main,
     },
-    '& .EF-MuiInputBase-adornedEnd': {
+    '& .Erk-MuiInputBase-adornedEnd': {
         paddingRight: '7px',
     },
-    '& .EF-MuiFormHelperText-root': {
+    '& .Erk-MuiFormHelperText-root': {
         color: theme.palette.helperText.primary,
         position: 'relative',
         marginRight: props.maxLength ? 40 : 14,
         overflow: 'hidden',
         textOverflow: 'ellipsis',
     },
-    '& .EF-MuiFormHelperText-root.Mui-error': {
+    '& .Erk-MuiFormHelperText-root.Mui-error': {
         color: theme.palette.error.main,
     },
-    '& .EF-MuiInputBase-multiline': {
+    '& .Erk-MuiInputBase-multiline': {
         padding: 0,
     },
-    '& .EF-MuiInputAdornment-root': {
+    '& .Erk-MuiInputAdornment-root': {
         paddingTop: 2,
         marginRight: 0,
     },

package/dist/Shared/ErkTimePicker/ErkTimePicker.js

@@ -85,7 +85,7 @@ function CustomSelect({ value, onChange, label, error, required, pickDays, helpe
                                 if (!readOnly && !disabled)
                                     setOpen(!open);
                             }, children: _jsx(ClockIcon, {}) }), onFocus: (e) => {
-                            if (!e.relatedTarget?.closest('.EF-MuiPaper-root') && !readOnly && !disabled) {
+                            if (!e.relatedTarget?.closest('.Erk-MuiPaper-root') && !readOnly && !disabled) {
                                 setOpen(true);
                             }
                         }, onOpen: () => {

package/dist/Shared/InputIcon/InputIcon.js

@@ -33,11 +33,7 @@ function InputIcon({ icon, fill, ...others }) {
                     width: 23,
                 }, fill: fill, ...others }));
         case IconTypes.PERSON:
-            return (_jsx(PersonIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
+            return _jsx(PersonIcon, { fill: fill, ...others });
         case IconTypes.LEAK:
             return (_jsx(LeakIcon, { style: {
                     display: 'flex',
@@ -70,11 +66,7 @@ function InputIcon({ icon, fill, ...others }) {
                     width: 24,
                 }, fill: fill, ...others }));
         case IconTypes.CALENDAR:
-            return (_jsx(CalendarIcon, { style: {
-                    display: 'flex',
-                    height: 23,
-                    width: 23,
-                }, fill: fill, ...others }));
+            return _jsx(CalendarIcon, { fill: fill, ...others });
         case IconTypes.LOCATION:
             return (_jsx(LocationIcon, { style: {
                     display: 'flex',

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

@@ -6,13 +6,13 @@ const StyledRating = styled(MuiRating)(({ theme }) => ({
     '&.Mui-disabled': {
         opacity: 1,
     },
-    '& .EF-MuiRating-iconFilled': {
+    '& .Erk-MuiRating-iconFilled': {
         color: theme.palette.primary.main,
     },
-    '& .EF-MuiRating-iconEmpty': {
+    '& .Erk-MuiRating-iconEmpty': {
         color: theme.palette.outline.main,
     },
-    '& .EF-MuiRating-visuallyHidden': {
+    '& .Erk-MuiRating-visuallyHidden': {
         display: 'none',
     },
 }));

package/dist/Shared/Toggle/Toggle.js

@@ -3,7 +3,7 @@ import { styled, Switch as MuiSwitch } from '@mui/material';
 const Styled = styled(MuiSwitch)(({ theme, checked }) => ({
     marginTop: -6,
     marginBottom: -6,
-    '& .EF-MuiSwitch-track': {
+    '& .Erk-MuiSwitch-track': {
         backgroundColor: checked ? theme.palette.primary.main : undefined,
     },
 }));

package/dist/Utils/MaterialProviders.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import '../Utils/MuiClassnameSetup';
 import { FormStyle } from '../@Types/Form';
 import { Palette, PaletteColor } from '@mui/material/styles/createPalette';
 declare module '@mui/material/styles' {

package/dist/Utils/MaterialProviders.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import '../Utils/MuiClassnameSetup';
 import { esES as DatePickersEs } from '@mui/x-date-pickers/locales';
 import { createTheme, ThemeProvider } from '@mui/material';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';

package/dist/Utils/MuiClassnameSetup.d.ts

@@ -1 +1 @@
-export declare const SEED = "EF";
+export declare const SEED = "Erk";

package/dist/Utils/MuiClassnameSetup.js

@@ -1,3 +1,3 @@
 import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';
-export const SEED = 'EF';
+export const SEED = 'Erk';
 ClassNameGenerator.configure((componentName) => `${SEED}-${componentName}`);

package/dist/Widget.d.ts

@@ -1 +1 @@
-export {};
+import './Utils/MuiClassnameSetup';

package/dist/Widget.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import App from './App/App';
+import './Utils/MuiClassnameSetup';
 const WIDGET_ID = document.currentScript?.getAttribute('data-id') ?? 'widget:eureka';
 const element = document.getElementById(WIDGET_ID);
 const props = {};

package/dist/main.d.ts

@@ -1,2 +1,3 @@
 import './Init.ts';
 import './index.css';
+import './Utils/MuiClassnameSetup';

package/dist/main.js

@@ -4,6 +4,7 @@ import ReactDOM from 'react-dom/client';
 import styles from './index.module.css';
 import App from './App/App';
 import './index.css';
+import './Utils/MuiClassnameSetup';
 const urlParams = new URLSearchParams(window.location.search);
 const values = urlParams.get('data-values');
 let dataValues = undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.1-refactor",
+  "version":"3.0.3-refactor",
   "scripts": {
     "watch": "tsc --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -16,24 +16,20 @@
     "cypress": "DISPLAY=:0 cypress open"
   },
   "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/material": "^6.1.3",
-    "@mui/x-date-pickers": "^7.19.0",
-    "@reduxjs/toolkit": "^2.2.8",
+    "@reduxjs/toolkit": "^2.4.0",
     "axios": "^1.7.7",
     "date-fns": "^4.1.0",
     "draft-js": "^0.11.7",
-    "i18n-iso-countries": "^7.12.0",
-    "libphonenumber-js": "^1.11.11",
+    "i18n-iso-countries": "^7.13.0",
+    "libphonenumber-js": "^1.11.14",
     "logrocket": "^9.0.0",
     "nanoid": "^5.0.7",
     "react-draft-wysiwyg": "^1.15.0",
     "react-google-recaptcha": "^3.1.0",
-    "react-hook-form": "^7.53.0",
+    "react-hook-form": "^7.53.2",
     "react-international-phone": "^4.3.0",
     "react-redux": "^9.1.2",
-    "typescript": "^5.6.2"
+    "typescript": "^5.7.2"
   },
   "eslintConfig": {},
   "browserslist": {
@@ -50,10 +46,10 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.25.7",
-    "@babel/preset-react": "^7.25.7",
-    "@babel/preset-typescript": "^7.25.7",
-    "@faker-js/faker": "^9.0.3",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.25.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@faker-js/faker": "^9.2.0",
     "@storybook/addon-coverage": "^1.0.4",
     "@storybook/addon-essentials": "^8.3.5",
     "@storybook/addon-interactions": "^8.3.5",
@@ -66,19 +62,19 @@
     "@storybook/test": "^8.3.5",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/draft-js": "^0.11.18",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@types/react-draft-wysiwyg": "^1.13.8",
     "@types/react-google-recaptcha": "^2.1.9",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
     "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-react-swc": "^3.7.1",
-    "chromatic": "^11.12.5",
-    "cypress": "^13.15.0",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "chromatic": "^11.19.0",
+    "cypress": "^13.16.0",
     "dotenv-webpack": "^8.1.0",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
@@ -88,18 +84,22 @@
     "eslint-plugin-storybook": "^0.9.0",
     "identity-obj-proxy": "^3.0.0",
     "jsdom": "^25.0.1",
-    "prettier": "3.3.3",
+    "prettier": "3.4.1",
     "react-docgen-typescript": "^2.2.2",
     "react-refresh": "^0.14.2",
-    "storybook": "^8.3.5",
+    "storybook": "^8.4.5",
     "storybook-mock-date-decorator": "^2.0.6",
-    "vite": "^5.4.8",
-    "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^2.1.2"
+    "vite": "^6.0.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^2.1.6"
   },
   "peerDependencies": {
     "react": "^18.x.x",
-    "react-dom": "^18.x.x"
+    "react-dom": "^18.x.x",
+    "@emotion/react": "^11.x.x",
+    "@emotion/styled": "^11.x.x",
+    "@mui/material": "^6.x.x",
+    "@mui/x-date-pickers": "^7.x.x"
   },
   "publishConfig": {
     "access": "public"

package/dist/Icons/@IconTypes.d.ts

@@ -1,6 +0,0 @@
-export interface IconProps {
-    fill?: string;
-    contrast?: string;
-    style?: React.CSSProperties;
-    className?: string;
-}

package/dist/Icons/@IconTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/Icons/{ErkIcon.module.css → @ErkIcon.css}

@@ -1,7 +1,7 @@
 .ErkIcon {
-    fill: currentColor;
     width: 1em;
     height: 1em;
+    fill: currentColor;
     display: inline-block;
     font-size: 1.5rem;
     flex-shrink: 0;