@arquimedes.co/eureka-forms 3.0.30-test → 3.0.31

package/dist/Shared/ErkSmartSelect/ErkSmartSelect.stories.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useArgs } from '@storybook/preview-api';
 import ErkSmartSelect from './ErkSmartSelect';
-import { within, userEvent, screen } from '@storybook/testing-library';
+import { useArgs } from 'storybook/internal/preview-api';
 const meta = {
     component: ErkSmartSelect,
     tags: ['autodocs'],
@@ -26,11 +25,10 @@ export const Default = {
             },
         ],
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
-        const option = screen.getByTestId('smart-select-option');
+        const option = canvas.getByTestId('smart-select-option');
         await userEvent.click(option);
     },
     render: function Component(args) {
@@ -46,11 +44,10 @@ export const Focused = {
     args: {
         label: 'Label',
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
-        const option = screen.getByTestId('smart-select-empty');
+        const option = canvas.getByTestId('smart-select-empty');
         await userEvent.click(option);
     },
 };
@@ -59,8 +56,7 @@ export const FocusedSearchable = {
         label: 'Label',
         searchable: true,
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
     },
@@ -76,8 +72,7 @@ export const SearchableWithOptions = {
             },
         ],
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
     },
@@ -94,8 +89,7 @@ export const SearchableWithSearchAndOptions = {
             },
         ],
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
     },
@@ -111,8 +105,7 @@ export const LoadingOpened = {
         label: 'Label',
         loading: true,
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
     },
@@ -123,8 +116,7 @@ export const SearchableLoadingOpened = {
         searchable: true,
         loading: true,
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const selector = canvas.getByTestId('smart-select');
         await userEvent.click(selector);
     },

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import ErkTextField from './ErkTextField';
 declare const meta: {
     component: typeof ErkTextField;

package/dist/Shared/ErkTextField/ErkTextField.stories.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useArgs } from '@storybook/preview-api';
 import ErkTextField from './ErkTextField';
-import { within, userEvent } from '@storybook/testing-library';
+import { useArgs } from 'storybook/internal/preview-api';
 const meta = {
     component: ErkTextField,
     tags: ['autodocs'],
@@ -23,13 +22,10 @@ export const Default = {
     args: {
         label: 'Label',
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const emailInput = canvas.getByRole('textbox');
         await userEvent.click(emailInput);
-        await userEvent.type(emailInput, 'example-email@email.com', {
-            delay: 100,
-        });
+        await userEvent.type(emailInput, 'example-email@email.com', { initialSelectionStart: 100 });
     },
     render: function Component(args) {
         const [, setArgs] = useArgs();
@@ -44,16 +40,14 @@ export const Focused = {
     args: {
         label: 'Label',
     },
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const emailInput = canvas.getByRole('textbox');
         await userEvent.click(emailInput);
     },
 };
 export const FocusedNoLabel = {
     args: {},
-    play: async ({ canvasElement }) => {
-        const canvas = within(canvasElement);
+    play: async ({ canvas, userEvent }) => {
         const emailInput = canvas.getByRole('textbox');
         await userEvent.click(emailInput);
     },

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import Navbar from './Navbar';
 declare const meta: {
     component: typeof Navbar;

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-vite';
 import Rating from './Rating';
 declare const meta: {
     component: typeof Rating;

package/dist/Shared/Toggle/Toggle.js

@@ -7,7 +7,7 @@ const Styled = styled(MuiSwitch)(({ theme, checked, size }) => ({
     '& .Erk-MuiSwitch-switchBase': {
         marginTop: size === 'small' ? -5 : undefined,
         transform: size === 'small' ? 'translateX(-5px)' : undefined,
-        color: 'var(--outlineGrey)',
+        color: '#b8b8b8',
         '&.Mui-checked': {
             transform: size === 'small' ? 'translateX(12px)' : undefined,
             '& .Erk-MuiSwitch-thumb': {

package/dist/Utils/AxiosAPI.js

@@ -23,7 +23,7 @@ export const axiosBaseQuery = () => async ({ url, method, body, params, timeout,
         return {
             error: {
                 status: err.response?.status,
-                data: err.response?.data || err.message,
+                data: err.response?.data ?? err.message,
             },
         };
     }

package/dist/Utils/LocaleUtils.js

@@ -8,5 +8,5 @@ const localeMap = {
 export const getLocale = () => {
     return (localeMap[navigator.languages?.length
         ? navigator.languages[0]
-        : navigator.userLanguage || navigator.language || navigator.browserLanguage] ?? localeMap.es);
+        : (navigator.userLanguage ?? navigator.language ?? navigator.browserLanguage)] ?? localeMap.es);
 };

package/dist/Utils/MaterialProviders.js

@@ -4,8 +4,8 @@ import { createTheme, ThemeProvider } from '@mui/material';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { getLocale } from './LocaleUtils';
-// stepBackgroundColor: string;
-function MaterialProviders({ children, formStyle }) {
+import InternalFormStyle from '../constants/InternalFormStyle';
+function MaterialProviders({ children, formStyle = InternalFormStyle }) {
     return (_jsx(ThemeProvider, { theme: createTheme({
             typography: {
                 fontFamily: 'inherit',

package/dist/Utils/store.d.ts

@@ -24,13 +24,4 @@ export type AppStore = typeof store;
 export type AppState = ReturnType<typeof store.getState>;
 export declare const getAppState: import("@reduxjs/toolkit").AsyncThunk<RootState, {
     idForm: string;
-}, {
-    state?: unknown;
-    dispatch?: import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").UnknownAction>;
-    extra?: unknown;
-    rejectValue?: unknown;
-    serializedErrorType?: unknown;
-    pendingMeta?: unknown;
-    fulfilledMeta?: unknown;
-    rejectedMeta?: unknown;
-}>;
+}, import("@reduxjs/toolkit").AsyncThunkConfig>;

package/dist/constants/FormStepTypes.d.ts

@@ -12,6 +12,7 @@ export declare enum FormStepTypes {
     CHECKBOX = "CHECKBOX",
     TEXTAREA = "TEXTAREA",
     DATEPICKER = "DATEPICKER",
+    DATEPICKER_RANGE = "DATEPICKER_RANGE",
     FILEUPLOAD = "FILEUPLOAD",
     TEXTINPUT = "TEXTINPUT",
     SEPARATOR = "SEPARATOR",

package/dist/constants/FormStepTypes.js

@@ -15,6 +15,7 @@ export var FormStepTypes;
     FormStepTypes["CHECKBOX"] = "CHECKBOX";
     FormStepTypes["TEXTAREA"] = "TEXTAREA";
     FormStepTypes["DATEPICKER"] = "DATEPICKER";
+    FormStepTypes["DATEPICKER_RANGE"] = "DATEPICKER_RANGE";
     FormStepTypes["FILEUPLOAD"] = "FILEUPLOAD";
     FormStepTypes["TEXTINPUT"] = "TEXTINPUT";
     FormStepTypes["SEPARATOR"] = "SEPARATOR";

package/dist/index.css

@@ -1,6 +1,7 @@
 body {
     margin: 0;
     font-size: 16px;
+    font-family: 'Nunito', sans-serif;
 }
 
 .ErkIcon {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.30-test",
+  "version": "3.0.31",
   "scripts": {
     "watch": "tsc --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -11,25 +11,25 @@
     "preview": "vite preview",
     "test": "vitest",
     "tsc-build": "tsc --p tsconfig.app.json --noEmit false --outDir ./dist --composite false --declaration true --allowImportingTsExtensions false",
+    "cypress": "DISPLAY=:0 cypress open",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "cypress": "DISPLAY=:0 cypress open"
+    "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@reduxjs/toolkit": "^2.8.1",
-    "axios": "^1.9.0",
+    "@reduxjs/toolkit": "^2.9.0",
+    "axios": "^1.12.2",
     "date-fns": "^4.1.0",
     "draft-js": "^0.11.7",
     "i18n-iso-countries": "^7.14.0",
-    "libphonenumber-js": "^1.12.8",
-    "logrocket": "^10.0.0",
-    "nanoid": "^5.1.5",
+    "libphonenumber-js": "^1.12.23",
+    "logrocket": "^10.1.0",
+    "nanoid": "^5.1.6",
     "react-draft-wysiwyg": "^1.15.0",
     "react-google-recaptcha": "^3.1.0",
-    "react-hook-form": "^7.56.3",
-    "react-international-phone": "^4.5.0",
+    "react-hook-form": "^7.64.0",
+    "react-international-phone": "^4.6.0",
     "react-redux": "^9.2.0",
-    "typescript": "^5.7.2"
+    "typescript": "^5.9.3"
   },
   "eslintConfig": {},
   "browserslist": {
@@ -45,61 +45,49 @@
     ]
   },
   "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-env": "^7.26.9",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@eslint/compat": "^1.2.7",
-    "@eslint/eslintrc": "^3.3.0",
-    "@eslint/js": "^9.21.0",
-    "@faker-js/faker": "^9.5.1",
-    "@mui/material": "^7.1.0",
-    "@mui/x-data-grid-pro": "^8.3.0",
-    "@mui/x-date-pickers": "^8.3.0",
-    "@mui/x-date-pickers-pro": "^8.3.0",
-    "@storybook/addon-coverage": "^1.0.5",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/addon-onboarding": "^8.6.4",
-    "@storybook/addon-themes": "^8.6.4",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-webpack5": "^8.6.4",
-    "@storybook/test": "^8.6.4",
-    "@storybook/testing-library": "^0.2.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@eslint/compat": "^1.4.0",
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.37.0",
+    "@faker-js/faker": "^10.0.0",
+    "@mui/material": "^7.3.4",
+    "@mui/x-data-grid-pro": "^8.13.1",
+    "@mui/x-date-pickers": "^8.12.0",
+    "@mui/x-date-pickers-pro": "^8.12.0",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-onboarding": "^9.1.10",
+    "@storybook/addon-themes": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/draft-js": "^0.11.18",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@types/react-draft-wysiwyg": "^1.13.8",
     "@types/react-google-recaptcha": "^2.1.9",
-    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.26.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "chromatic": "^11.27.0",
-    "cypress": "^14.1.0",
-    "dotenv-webpack": "^8.1.0",
-    "eslint": "^9.26.0",
-    "eslint-config-prettier": "^10.0.2",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^0.11.4",
-    "globals": "^16.1.0",
+    "@vitejs/plugin-react-swc": "^4.1.0",
+    "css-loader": "^7.1.2",
+    "cypress": "^15.3.0",
+    "dotenv-webpack": "^8.1.1",
+    "eslint": "^9.37.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^6.1.1",
+    "eslint-plugin-react-refresh": "^0.4.23",
+    "eslint-plugin-storybook": "^9.1.10",
+    "globals": "^16.4.0",
     "identity-obj-proxy": "^3.0.0",
-    "jsdom": "^26.0.0",
-    "prettier": "3.5.3",
-    "react-docgen-typescript": "^2.2.2",
-    "react-refresh": "^0.16.0",
-    "storybook": "^8.6.4",
-    "storybook-mock-date-decorator": "^2.0.6",
-    "vite": "^6.3.5",
-    "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^3.1.3"
+    "jsdom": "^27.0.0",
+    "prettier": "3.6.2",
+    "react-refresh": "^0.18.0",
+    "storybook": "^9.1.10",
+    "style-loader": "^4.0.0",
+    "vite": "^7.1.9",
+    "vite-plugin-svgr": "^4.5.0",
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@emotion/react": "^11.x.x",