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

package/dist/hooks.js

@@ -1,25 +1,23 @@
 import { createDispatchHook, createSelectorHook } from 'react-redux';
-import { defaultRootState, } from './Utils/store';
+import { defaultRootState } from './Utils/store';
 import { useContext } from 'react';
-import { IdFormContext } from './App/App';
 import React from 'react';
-export var StoreContext = React.createContext({});
-var useSelector = createSelectorHook(StoreContext);
-var useDispatch = createDispatchHook(StoreContext);
+import { IdFormContext } from './Contexts/FormContext';
+export const StoreContext = React.createContext({});
+const useSelector = createSelectorHook(StoreContext);
+const useDispatch = createDispatchHook(StoreContext);
 // Use throughout your app instead of plain `useDispatch` and `useSelector`
-export var useAppDispatch = function () {
-    var idForm = useContext(IdFormContext);
-    var dispatch = useDispatch();
-    var appDispatch = function (action) {
-        action.meta = { idForm: idForm };
+export const useAppDispatch = () => {
+    const idForm = useContext(IdFormContext);
+    const dispatch = useDispatch();
+    const appDispatch = (action) => {
+        action.meta = { idForm };
         return dispatch(action);
     };
     return appDispatch;
 };
-export var useAppSelector = function (selector, options) {
-    var idForm = useContext(IdFormContext);
-    return useSelector(function (state) { var _a; return selector((_a = state[idForm]) !== null && _a !== void 0 ? _a : defaultRootState); }, options);
-};
-export var selectBreakPoint = function (state) {
-    return state.widthStats.currentBreakPoint;
+export const useAppSelector = (selector, options) => {
+    const idForm = useContext(IdFormContext);
+    return useSelector((state) => selector(state[idForm] ?? defaultRootState), options);
 };
+export const selectBreakPoint = (state) => state.widthStats.currentBreakPoint;

package/dist/index.css

@@ -0,0 +1,4 @@
+body {
+    margin: 0;
+    font-size: 16px;
+}

package/dist/main.d.ts

@@ -0,0 +1,2 @@
+import './Init.ts';
+import './index.css';

package/dist/main.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Init.ts';
+import ReactDOM from 'react-dom/client';
+import styles from './index.module.css';
+import App from './App/App';
+import './index.css';
+const urlParams = new URLSearchParams(window.location.search);
+const values = urlParams.get('data-values');
+let dataValues = undefined;
+if (values) {
+    try {
+        dataValues = JSON.parse(decodeURIComponent(values));
+    }
+    catch (error) {
+        console.error('Invalid data-values JSON', error);
+    }
+}
+ReactDOM.createRoot(document.getElementById('eureka-root')).render(_jsx("div", { className: styles.eurekaForm, children: _jsx(App, { isWidget: false, idOrganization: urlParams.get('idOrganization') ?? undefined, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues, scrollToTop: () => {
+            location.href = '#';
+            location.href = '#eureka-root';
+            location.href = '#';
+        } }) }));

package/package.json

@@ -1,127 +1,111 @@
 {
-    "name": "@arquimedes.co/eureka-forms",
-    "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "2.0.99",
-    "scripts": {
-        "start": "react-scripts start",
-        "build": "react-scripts build",
-        "lint": "eslint 'src/**/*.ts'",
-        "test": "react-scripts test",
-        "test-ci": "react-scripts test --reporters=default --reporters=jest-junit --coverage --coverageReporters cobertura html",
-        "tsc-build": "tsc --noEmit false --outDir ./dist --incremental false",
-        "watch": "tsc -w --noEmit false --outDir ./dist --preserveWatchOutput",
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "cypress": "DISPLAY=:0 cypress open"
-    },
-    "dependencies": {
-        "@date-io/date-fns": "^1.3.13",
-        "@material-ui/core": "^4.11.3",
-        "@material-ui/icons": "^4.11.2",
-        "@material-ui/lab": "^4.0.0-alpha.57",
-        "@material-ui/pickers": "^3.3.10",
-        "@reduxjs/toolkit": "^1.9.7",
-        "axios": "^1.6.3",
-        "date-fns": "^2.23.0",
-        "draft-js": "^0.11.7",
-        "i18n-iso-countries": "^7.11.3",
-        "libphonenumber-js": "^1.11.7",
-        "logrocket": "^2.2.1",
-        "nanoid": "^3.3.7",
-        "react-draft-wysiwyg": "^1.15.0",
-        "react-google-recaptcha": "^3.1.0",
-        "react-hook-form": "^7.48.2",
-        "react-international-phone": "^4.3.0",
-        "react-redux": "^8.1.3",
-        "typescript": "^4.9.5"
-    },
-    "eslintConfig": {
-        "extends": [
-            "react-app",
-            "react-app/jest"
-        ]
-    },
-    "browserslist": {
-        "production": [
-            ">0.2%",
-            "not dead",
-            "not op_mini all"
-        ],
-        "development": [
-            "last 1 chrome version",
-            "last 1 firefox version",
-            "last 1 safari version"
-        ]
-    },
-    "devDependencies": {
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@babel/preset-env": "^7.23.5",
-        "@babel/preset-react": "^7.23.3",
-        "@babel/preset-typescript": "^7.23.3",
-        "@faker-js/faker": "^8.3.1",
-        "@storybook/addon-coverage": "^1.0.0",
-        "@storybook/addon-essentials": "^7.6.4",
-        "@storybook/addon-interactions": "^7.6.4",
-        "@storybook/addon-links": "^7.6.4",
-        "@storybook/addon-onboarding": "^1.0.9",
-        "@storybook/addon-themes": "^7.6.4",
-        "@storybook/blocks": "^7.6.4",
-        "@storybook/react": "^7.6.4",
-        "@storybook/react-webpack5": "^7.6.4",
-        "@storybook/test": "^7.6.4",
-        "@storybook/testing-library": "^0.2.2",
-        "@testing-library/dom": "^9.3.3",
-        "@testing-library/jest-dom": "^6.1.5",
-        "@testing-library/react": "^12.1.5",
-        "@testing-library/react-hooks": "^8.0.1",
-        "@testing-library/user-event": "^14.5.1",
-        "@types/draft-js": "^0.11.16",
-        "@types/jest": "^29.5.10",
-        "@types/react": "^17.0.71",
-        "@types/react-dom": "^17.0.25",
-        "@types/react-draft-wysiwyg": "^1.13.7",
-        "@types/react-google-recaptcha": "^2.1.8",
-        "@typescript-eslint/eslint-plugin": "^6.13.1",
-        "@typescript-eslint/parser": "^6.13.1",
-        "chromatic": "^10.0.0",
-        "cypress": "^13.8.1",
-        "dotenv-webpack": "^8.0.1",
-        "eslint": "^8.55.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-css-modules": "^2.12.0",
-        "eslint-plugin-prettier": "^5.0.1",
-        "eslint-plugin-storybook": "^0.6.15",
-        "identity-obj-proxy": "^3.0.0",
-        "jest": "^29.7.0",
-        "jest-environment-jsdom": "^29.7.0",
-        "jest-junit": "^16.0.0",
-        "jest-mock-axios": "^4.7.3",
-        "prettier": "^3.1.0",
-        "react-docgen-typescript": "^2.2.2",
-        "react-refresh": "^0.11.0",
-        "react-scripts": "5.0.1",
-        "storybook": "^7.6.4",
-        "storybook-mock-date-decorator": "^1.0.1",
-        "ts-jest": "^29.1.1"
-    },
-    "peerDependencies": {
-        "react": "^17.x.x",
-        "react-dom": "^17.x.x"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "main": "./dist/index.lib.js",
-    "files": [
-        "/dist"
+  "name": "@arquimedes.co/eureka-forms",
+  "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
+  "version":"3.0.1-refactor",
+  "scripts": {
+    "watch": "tsc --noEmit --watch --project tsconfig.app.json",
+    "start": "vite",
+    "build": "tsc -b && vite build",
+    "format": "prettier --write ./src",
+    "lint": "eslint ./src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "test": "vitest",
+    "tsc-build": "tsc --p tsconfig.app.json --noEmit false --outDir ./dist --composite false --declaration true --allowImportingTsExtensions false",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "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",
+    "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",
+    "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-international-phone": "^4.3.0",
+    "react-redux": "^9.1.2",
+    "typescript": "^5.6.2"
+  },
+  "eslintConfig": {},
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
     ],
-    "jest": {
-        "transformIgnorePatterns": [
-            "node_modules/(?!axios)"
-        ],
-        "moduleNameMapper": {
-            "\\.(scss|sass|css)$": "identity-obj-proxy"
-        }
-    },
-    "proxy": "https://api.forms.capta.co"
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "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",
+    "@storybook/addon-coverage": "^1.0.4",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-onboarding": "^8.3.5",
+    "@storybook/addon-themes": "^8.3.5",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-webpack5": "^8.3.5",
+    "@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/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-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",
+    "dotenv-webpack": "^8.1.0",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.12",
+    "eslint-plugin-storybook": "^0.9.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jsdom": "^25.0.1",
+    "prettier": "3.3.3",
+    "react-docgen-typescript": "^2.2.2",
+    "react-refresh": "^0.14.2",
+    "storybook": "^8.3.5",
+    "storybook-mock-date-decorator": "^2.0.6",
+    "vite": "^5.4.8",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^2.1.2"
+  },
+  "peerDependencies": {
+    "react": "^18.x.x",
+    "react-dom": "^18.x.x"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.lib.js",
+  "files": [
+    "/dist"
+  ]
 }

package/dist/Shared/RoundedButton/RoundedButton.js

@@ -1,45 +0,0 @@
-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 { Button, withStyles } from '@material-ui/core';
-/**
- * Generic rounded button
- */
-function RoundedButton(_a) {
-    var text = _a.text, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#3d5a7f' : _b, _c = _a.color, color = _c === void 0 ? '#ffffff' : _c, onClick = _a.onClick, disabled = _a.disabled, _d = _a.fontSize, fontSize = _d === void 0 ? '1rem' : _d, _e = _a.padding, padding = _e === void 0 ? '0 13px 0 13px' : _e, _f = _a.borderRadius, borderRadius = _f === void 0 ? 10 : _f, _g = _a.height, height = _g === void 0 ? 28 : _g, _h = _a.bold, bold = _h === void 0 ? false : _h, _j = _a.width, width = _j === void 0 ? 'fit-content' : _j;
-    var CustomButton = withStyles({
-        root: {
-            width: width,
-            textTransform: 'none',
-            fontFamily: 'inherit',
-            fontSize: fontSize,
-            borderRadius: borderRadius,
-            padding: padding,
-            height: height,
-            boxShadow: 'none',
-            backgroundColor: backgroundColor,
-            color: color,
-            '&:hover': {
-                boxShadow: 'none',
-                backgroundColor: backgroundColor,
-            },
-            '&:disabled': {
-                backgroundColor: backgroundColor,
-                color: color,
-                opacity: 0.5,
-            },
-            fontWeight: bold ? 'bold' : 'normal',
-        },
-    })(Button);
-    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text })));
-}
-export default RoundedButton;

package/dist/Shared/RoundedCheckBox/RoundedCheckBox.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { CheckboxProps } from '@material-ui/core';
-interface StyleProps {
-    error?: boolean;
-    padding?: string;
-    uncheckedColor?: string;
-    checkedColor?: string;
-    checkedHoverColor?: string;
-    errorColor?: string;
-    disabledColor?: string;
-    size?: number | string;
-    cantEdit?: boolean;
-}
-interface ComponentProps extends StyleProps, Omit<CheckboxProps, 'size' | 'onChange'> {
-    onChange?: (checked: boolean) => void;
-    checked: boolean;
-}
-/**
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
- */
-declare class RoundedCheckBox extends React.Component<ComponentProps> {
-    render(): JSX.Element;
-}
-export default RoundedCheckBox;

package/dist/Shared/RoundedCheckBox/RoundedCheckBox.js

@@ -1,101 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 } from "react/jsx-runtime";
-import React from 'react';
-import { Checkbox, makeStyles } from '@material-ui/core';
-import CheckBoxRoundedIcon from '@material-ui/icons/CheckBoxRounded';
-import CheckBoxOutlineBlankRoundedIcon from '@material-ui/icons/CheckBoxOutlineBlankRounded';
-var useCheckBoxStyles = function (props) {
-    return makeStyles(function () { return ({
-        root: {
-            padding: props.padding,
-            fontSize: props.size,
-            color: props.error ? props.errorColor : props.uncheckedColor,
-            '&.Mui-checked': {
-                color: props.checkedColor,
-            },
-            '&.Mui-checked:hover': {
-                backgroundColor: props.checkedHoverColor,
-            },
-            '&.Mui-disabled': {
-                cursor: 'default',
-                pointerEvents: 'all !important',
-                color: props.cantEdit
-                    ? props.disabledColor
-                    : props.checkedColor,
-            },
-            '&:hover': {
-                backgroundColor: props.cantEdit
-                    ? 'transparent'
-                    : props.checkedHoverColor,
-            },
-        },
-    }); });
-};
-/**
- * Generic rounded checkbox
- */
-function CustomCheckBox(_a) {
-    var _b = _a.padding, padding = _b === void 0 ? '9px' : _b, onChange = _a.onChange, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? '1.5rem' : _d, _e = _a.checkedColor, checkedColor = _e === void 0 ? '#3d5a7f' : _e, _f = _a.uncheckedColor, uncheckedColor = _f === void 0 ? '#787878' : _f, _g = _a.disabledColor, disabledColor = _g === void 0 ? '#A0A0A0' : _g, _h = _a.errorColor, errorColor = _h === void 0 ? '#cc2936' : _h, _j = _a.cantEdit, cantEdit = _j === void 0 ? false : _j, checked = _a.checked, others = __rest(_a, ["padding", "onChange", "error", "size", "checkedColor", "uncheckedColor", "disabledColor", "errorColor", "cantEdit", "checked"]);
-    var classes = useCheckBoxStyles({
-        size: size,
-        error: error,
-        padding: padding,
-        cantEdit: cantEdit,
-        errorColor: errorColor,
-        checkedColor: checkedColor,
-        disabledColor: disabledColor,
-        uncheckedColor: uncheckedColor,
-        checkedHoverColor: checkedColor + '0a',
-    })();
-    return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: function (event) { return onChange === null || onChange === void 0 ? void 0 : onChange(event.target.checked); }, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }) })));
-}
-/**
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
- */
-var RoundedCheckBox = /** @class */ (function (_super) {
-    __extends(RoundedCheckBox, _super);
-    function RoundedCheckBox() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RoundedCheckBox.prototype.render = function () {
-        return _jsx(CustomCheckBox, __assign({}, this.props));
-    };
-    return RoundedCheckBox;
-}(React.Component));
-export default RoundedCheckBox;

package/dist/Shared/RoundedCheckBox/RoundedCheckBox.stories.js

@@ -1,50 +0,0 @@
-import RoundedCheckBox from './RoundedCheckBox';
-var meta = {
-    component: RoundedCheckBox,
-    tags: ['autodocs'],
-    args: {
-        checkedColor: '#3d5a7f',
-        uncheckedColor: '#787878',
-        disabledColor: '#A0A0A0',
-        size: '1.5rem',
-        errorColor: '#cc2936',
-    },
-};
-export default meta;
-export var Uncheked = {
-    args: {
-        checked: false,
-    },
-};
-export var Checked = {
-    args: {
-        checked: true,
-    },
-};
-export var Error = {
-    args: {
-        checked: false,
-        error: true,
-    },
-};
-export var Disabled = {
-    args: {
-        checked: false,
-        disabled: true,
-    },
-};
-export var ErrorColor = {
-    args: {
-        checked: false,
-        error: true,
-        errorColor: 'blue',
-    },
-};
-export var DifferentColors = {
-    args: {
-        checked: true,
-        checkedColor: 'red',
-        uncheckedColor: 'blue',
-        disabledColor: '#A0A0A0',
-    },
-};

package/dist/Shared/RoundedDatePicker/RoundedDatePicker.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { DatePickerProps } from '@material-ui/pickers';
-interface StyleProps {
-    /** The color of the text */
-    textColor?: string;
-    /** The color of the outline when selected and hovered on */
-    focusColor?: string;
-    hoverColor?: string;
-    /** The color of the error to display */
-    errorColor?: string;
-    /** The color of the outline when it is not selected */
-    outlineColor?: string;
-    /** The backgroundColor of the input */
-    backgroundColor?: string;
-    /** The secondary color of the dialog */
-    secondaryColor?: string;
-    /** The contrastColor of the input */
-    contrastColor?: string;
-    /** The accent color of the input */
-    accentColor?: string;
-    /** The borderRadius of the input */
-    borderRadius?: number;
-    /** If it should display the timePicker */
-    pickTime?: boolean;
-    /** The padding of the input */
-    padding?: string;
-    /** The size of the font to display the input in */
-    fontSize?: number | string;
-    /** The weight of the font of the value and the placeholder */
-    fontWeight?: number | string;
-    /** The fontsize of the shrunken label */
-    shrunkenFontSize?: number | string;
-    /** Cant edit */
-    cantEdit?: boolean;
-    /** The color of the helper text when not error */
-    helperTextColor?: string;
-    /** Height of the component */
-    height?: string;
-}
-interface RoundedDatePickerProps extends Omit<DatePickerProps, 'ref'>, StyleProps {
-    ref?: React.RefObject<HTMLDivElement>;
-}
-/**
- * Generic datepicker with apps designs. Is class due to the use in the react-hook-forms library
- */
-declare class RoundedDatePicker extends React.Component<RoundedDatePickerProps> {
-    render(): JSX.Element;
-}
-export default RoundedDatePicker;