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

package/dist/FormSteps/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -6,6 +6,7 @@ import ErkSmartSelect from '../../../Shared/ErkSmartSelect/ErkSmartSelect';
 import FormContext from '../../../Contexts/FormContext';
 import { useAppSelector } from '../../../hooks';
 import { recursivelyCalcConditionSteps, selectDependencies, useFormStep } from '../../StepHooks';
+import { shallowEqual } from 'react-redux';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
 import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
 import { calcDefaultValue, evaluateCondition } from '../../StepFunctions';
@@ -28,7 +29,7 @@ function ClassifierSelectorStep({ step, editable }) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const dependencies = useAppSelector((state) => selectDependencies(state, idDependencies));
-    const dependenciesValues = useMemo(() => idDependencies.map((id) => dependencies[id].value), [dependencies, idDependencies]);
+    const dependenciesValues = useAppSelector((state) => idDependencies.map((id) => state.site.dependencies[id]?.value), shallowEqual);
     const { postview, preview } = useAppSelector((state) => state.global);
     const form = useContext(FormContext);
     const classifier = form.classifiers?.[step.idClassifier ?? ''];

package/dist/FormSteps/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js

@@ -6,6 +6,7 @@ import ErkSmartSelect from '../../../Shared/ErkSmartSelect/ErkSmartSelect';
 import FormContext from '../../../Contexts/FormContext';
 import { useAppSelector } from '../../../hooks';
 import { recursivelyCalcConditionSteps, selectDependencies, useFormStep } from '../../StepHooks';
+import { shallowEqual } from 'react-redux';
 import StepFillerContainer from '../../Utils/@StepFiller/StepFiller';
 import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
 import { calcDefaultValue, evaluateCondition } from '../../StepFunctions';
@@ -30,6 +31,7 @@ function SelectorStep({ step, editable }) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const dependencies = useAppSelector((state) => selectDependencies(state, idDependencies));
+    const dependenciesValues = useAppSelector((state) => idDependencies.map((id) => state.site.dependencies[id]?.value), shallowEqual);
     const mapNestedOption = () => {
         let currentOptionIndex = null;
         let currentOption = null;
@@ -48,9 +50,6 @@ function SelectorStep({ step, editable }) {
         }
         return null;
     };
-    const dependenciesValues = useMemo(() => {
-        return idDependencies.map((id) => dependencies[id].value);
-    }, [dependencies, idDependencies]);
     const filteredOptions = useMemo(() => {
         return step.options.filter((option) => {
             if (!option.condition || evaluateCondition(option.condition, dependencies))

package/dist/FormSteps/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -7,6 +7,7 @@ import FormContext from '../../../Contexts/FormContext';
 import { useAppDispatch, useAppSelector } from '../../../hooks';
 import { focusStep, setEmptyDependency } from '../../../States/SiteSlice';
 import { selectDependencies, selectStepDependencies, useFormStep } from '../../StepHooks';
+import { shallowEqual } from 'react-redux';
 import MaterialInputContainer from '../../Utils/MaterialInputContainer/MaterialInputContainer';
 import { FormTypes } from '../../../constants/FormStepTypes';
 function SmartSelectStep({ step, editable, getOptions, calcDepError, defaultValue, filterOptions, IconComponent, valueOverwrite, getValueString, changeListener, getValueWarning, getOptionSelected, getOptionalDependencies = () => [], getOptionsConditionsIdSteps = () => [], renderNestedSteps, }) {
@@ -31,11 +32,11 @@ function SmartSelectStep({ step, editable, getOptions, calcDepError, defaultValu
     const allDeps = useMemo(() => [...(step.dependencies ?? []), ...getOptionalDependencies(step)], [getOptionalDependencies, step]);
     const idDependencies = useMemo(() => getOptionsConditionsIdSteps(step), [getOptionsConditionsIdSteps, step]);
     const dependencies = useAppSelector((state) => selectDependencies(state, allDeps));
-    const allDepsValues = useMemo(() => allDeps.map((dep) => dependencies[dep]?.value), [dependencies, allDeps]);
+    const allDepsValues = useAppSelector((state) => allDeps.map((dep) => state.site.dependencies[dep]?.value), shallowEqual);
     const deps = useAppSelector((state) => selectDependencies(state, idDependencies));
-    const dependenciesValues = useMemo(() => idDependencies.map((id) => deps[id]?.value), [deps, idDependencies]);
+    const depsValues = useAppSelector((state) => idDependencies.map((id) => state.site.dependencies[id]?.value), shallowEqual);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const conditionDependencies = useMemo(() => deps, [dependenciesValues]);
+    const conditionDependencies = useMemo(() => deps, [depsValues]);
     const { emptyDep, invalids } = useAppSelector((state) => selectStepDependencies(state, step, form));
     const { getValues, setFocus } = useFormContext();
     const isEmpty = useAppSelector((state) => state.site.dependencies[step.id]?.empty);

package/dist/FormSteps/StepHooks.js

@@ -3,6 +3,7 @@ import { useAppSelector, useAppDispatch } from '../hooks';
 import { clearDependency, setStepDependency } from '../States/SiteSlice';
 import { createSelector } from '@reduxjs/toolkit';
 import { calcDefaultValue, evaluateCondition } from './StepFunctions';
+import { shallowEqual } from 'react-redux';
 import { useController } from 'react-hook-form';
 import ConditionTypes from '../constants/ConditionTypes';
 import FormStepTypes, { ApiSelectorOptionTypes, ClassifierOptionTypes, EntityValueOptionTypes, } from '../constants/FormStepTypes';
@@ -127,7 +128,7 @@ export const selectDependencies = createSelector([
 export const useCondition = (condition) => {
     const ids = useMemo(() => recursivelyCalcConditionSteps(condition), [condition]);
     const dependencies = useAppSelector((state) => selectDependencies(state, ids));
-    const dependenciesValues = useMemo(() => ids.map((id) => dependencies[id].value), [dependencies, ids]);
+    const dependenciesValues = useAppSelector((state) => ids.map((id) => state.site.dependencies[id]?.value), shallowEqual);
     return useMemo(() => {
         return !condition || evaluateCondition(condition, dependencies);
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/dist/FormSteps/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -5,6 +5,7 @@ import { useAppSelector } from '../../../hooks';
 import FormContext from '../../../Contexts/FormContext';
 import { useContext, useMemo } from 'react';
 import { selectDependencies, useFormStep } from '../../StepHooks';
+import { shallowEqual } from 'react-redux';
 import { stringToDraft } from '../../../Utils/DraftFunctions';
 import SmartDraftRenderer from '../../../Shared/SmartDraftRenderer/SmartDraftRenderer';
 //**Pendientes a mejorar, esperar antes de enviar, en local (actividades), usar el value envez de el draft en actividades, esperar a que dejen de escribir, optimizar para que use lo que tiene en local y si necesita ahi si pregunte. */
@@ -21,13 +22,15 @@ function TitleStep({ step }) {
     const description = useMemo(() => calcBaseDraft(value?.description ?? step.description), //Usa por defecto lo que venga en el value, pero no escucha cambios
     [step.description, value?.description]);
     const dependencies = useAppSelector((state) => selectDependencies(state, step.dependencies));
+    const stableDepsValues = useAppSelector((state) => (step.dependencies ?? []).map((id) => state.site.dependencies[id]?.value), shallowEqual);
     const values = useMemo(() => {
         const values = {};
         for (const { idOriginal, value } of Object.values(dependencies)) {
             values[idOriginal] = value;
         }
         return values;
-    }, [dependencies]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [stableDepsValues]);
     return (_jsxs("div", { className: styles.container, style: {
             color: formStyle.textColor,
             width: widthStats.currentBreakPoint <= size ? '100%' : calcStepWidth(size, form.size),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.42-test",
+  "version":"3.0.43-test",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",