@arquimedes.co/eureka-forms 1.9.22 → 1.9.24-test
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts +2 -0
- package/dist/FormComponents/Form/ColumnForm/ColumnForm.d.ts +3 -1
- package/dist/FormComponents/Form/ColumnForm/ColumnForm.js +20 -13
- package/dist/FormComponents/Form/Form.d.ts +4 -0
- package/dist/FormComponents/Step/@Construction/CBRPropertyStep/CBRPropertyStep.js +7 -1
- package/package.json +1 -1
package/dist/App.d.ts
CHANGED
|
@@ -27,6 +27,8 @@ export interface AppProps {
|
|
|
27
27
|
customSteps?: Record<string, CustomStep>;
|
|
28
28
|
/** Custom function to call on send */
|
|
29
29
|
customSend?: (values: any, reload: Function) => Promise<void>;
|
|
30
|
+
/** Custom submit buttons */
|
|
31
|
+
customSubmit?: JSX.Element;
|
|
30
32
|
/** Function to call on postview to fetch the download url of a file */
|
|
31
33
|
fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
|
|
32
34
|
/** Function to call after the confimation dialog has been closed */
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Form } from '../../../@Types/Form';
|
|
2
3
|
import { FormComponentProps } from '../Form';
|
|
3
|
-
declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, sendLabel, widthStats, customSteps, customSend, handleLoaded, originalValues, ...others }: FormComponentProps): JSX.Element;
|
|
4
|
+
declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, sendLabel, widthStats, customSteps, customSend, customForm, handleLoaded, originalValues, ...others }: FormComponentProps): JSX.Element;
|
|
4
5
|
export default ColumnForm;
|
|
6
|
+
export declare const mapOriginalValues: (originalValues: Record<string, any>, form: Form) => any;
|
|
@@ -57,7 +57,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
57
57
|
return t;
|
|
58
58
|
};
|
|
59
59
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
60
|
-
import { useEffect, useRef, useState } from 'react';
|
|
60
|
+
import { cloneElement, useEffect, useRef, useState } from 'react';
|
|
61
61
|
import ReCAPTCHA from 'react-google-recaptcha';
|
|
62
62
|
import SectionComponent from '../../Section/Section';
|
|
63
63
|
import { useForm } from 'react-hook-form';
|
|
@@ -72,18 +72,19 @@ import widgetInstance from '../../../AxiosWidget';
|
|
|
72
72
|
import React from 'react';
|
|
73
73
|
function ColumnForm(_a) {
|
|
74
74
|
var _this = this;
|
|
75
|
-
var
|
|
76
|
-
var
|
|
77
|
-
var
|
|
78
|
-
var
|
|
75
|
+
var _b, _c;
|
|
76
|
+
var form = _a.form, apiKey = _a.apiKey, reload = _a.reload, domain = _a.domain, postview = _a.postview, internal = _a.internal, formStyle = _a.formStyle, sendLabel = _a.sendLabel, widthStats = _a.widthStats, customSteps = _a.customSteps, customSend = _a.customSend, customForm = _a.customForm, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "sendLabel", "widthStats", "customSteps", "customSend", "customForm", "handleLoaded", "originalValues"]);
|
|
77
|
+
var _d = useState(false), tempError = _d[0], setTempError = _d[1];
|
|
78
|
+
var _e = useState(calcDependencies(form.steps, originalValues)), dependencyStore = _e[0], setDependencyStore = _e[1];
|
|
79
|
+
var _f = (_c = (_b = customForm === null || customForm === void 0 ? void 0 : customForm.useForm) === null || _b === void 0 ? void 0 : _b.call(customForm, mapOriginalValues(originalValues, form))) !== null && _c !== void 0 ? _c : useForm({
|
|
79
80
|
defaultValues: mapOriginalValues(originalValues, form),
|
|
80
81
|
mode: 'onTouched',
|
|
81
82
|
shouldFocusError: true,
|
|
82
|
-
}), getValues =
|
|
83
|
+
}), getValues = _f.getValues, setValue = _f.setValue, clearErrors = _f.clearErrors, control = _f.control, errors = _f.formState.errors, trigger = _f.trigger;
|
|
83
84
|
var recaptchaRef = useRef();
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
85
|
+
var _g = useState(undefined), sections = _g[0], setSections = _g[1];
|
|
86
|
+
var _h = useState(false), loading = _h[0], setLoading = _h[1];
|
|
87
|
+
var _j = useState(), showConfirmation = _j[0], setShowConfirmation = _j[1];
|
|
87
88
|
useEffect(function () {
|
|
88
89
|
var tempSections = [];
|
|
89
90
|
calcNextSection(form, form.firstSection, tempSections);
|
|
@@ -163,7 +164,7 @@ function ColumnForm(_a) {
|
|
|
163
164
|
(originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined && (_jsx("div", __assign({ className: styles.termsContainer, style: {
|
|
164
165
|
width: (form.size.blockSize + form.size.spacingSize) *
|
|
165
166
|
form.size.blockNum,
|
|
166
|
-
} }, { children: form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }) }))), !postview && others.editable && (_jsxs(React.Fragment, { children: [form.hasCaptcha && !internal && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), _jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "form__submit", className: styles.submitBtn, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
|
|
167
|
+
} }, { children: form.terms.map(function (term, index) { return (_jsx(TermComponent, { setValue: setValue, postview: postview, tempError: tempError, term: term, control: control, errors: errors, form: form, formStyle: formStyle }, index)); }) }))), !postview && others.editable && (_jsxs(React.Fragment, { children: [form.hasCaptcha && !internal && (_jsx(ReCAPTCHA, { ref: recaptchaRef, sitekey: "6LcL22kkAAAAAEotDeAFbRATob-u5vbibbCyWL2p", size: 'invisible', badge: 'bottomright' })), !(customForm === null || customForm === void 0 ? void 0 : customForm.submit) && (_jsx("div", __assign({ className: styles.submitBtnContainer }, { children: _jsxs("button", __assign({ "data-testid": "form__submit", className: styles.submitBtn, onClick: function () { return __awaiter(_this, void 0, void 0, function () {
|
|
167
168
|
var valid, captcha;
|
|
168
169
|
return __generator(this, function (_a) {
|
|
169
170
|
switch (_a.label) {
|
|
@@ -196,8 +197,14 @@ function ColumnForm(_a) {
|
|
|
196
197
|
background: formStyle.primaryColor,
|
|
197
198
|
color: formStyle.primaryContrastColor,
|
|
198
199
|
}, disabled: loading }, { children: [_jsx("div", __assign({ style: {
|
|
199
|
-
visibility: loading
|
|
200
|
-
|
|
200
|
+
visibility: loading
|
|
201
|
+
? 'hidden'
|
|
202
|
+
: 'visible',
|
|
203
|
+
} }, { children: sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar' })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }) })))] })) }))), (customForm === null || customForm === void 0 ? void 0 : customForm.submit) &&
|
|
204
|
+
cloneElement(customForm === null || customForm === void 0 ? void 0 : customForm.submit, {
|
|
205
|
+
onSubmit: onSubmit,
|
|
206
|
+
loading: loading,
|
|
207
|
+
})] }))] })));
|
|
201
208
|
}
|
|
202
209
|
export default ColumnForm;
|
|
203
210
|
function calcNextSection(form, idSection, sections) {
|
|
@@ -212,7 +219,7 @@ function calcNextSection(form, idSection, sections) {
|
|
|
212
219
|
}
|
|
213
220
|
}
|
|
214
221
|
}
|
|
215
|
-
var mapOriginalValues = function (originalValues, form) {
|
|
222
|
+
export var mapOriginalValues = function (originalValues, form) {
|
|
216
223
|
var _a;
|
|
217
224
|
var newValues = __assign({}, originalValues);
|
|
218
225
|
var _loop_1 = function (val) {
|
|
@@ -14,6 +14,10 @@ export interface FormComponentProps {
|
|
|
14
14
|
originalValues: Record<string, unknown>;
|
|
15
15
|
customSteps: Record<string, CustomStep>;
|
|
16
16
|
customSend?: (values: any, reload: Function) => Promise<void>;
|
|
17
|
+
customForm?: {
|
|
18
|
+
useForm?: (originalValues: Record<string, unknown>) => any;
|
|
19
|
+
submit?: JSX.Element;
|
|
20
|
+
};
|
|
17
21
|
widthStats: WidthStats;
|
|
18
22
|
internal: boolean;
|
|
19
23
|
reload: Function;
|
|
@@ -116,7 +116,13 @@ function CBRPropertyStepComponent(props) {
|
|
|
116
116
|
var time = today.getTime() - date.getTime();
|
|
117
117
|
var days = time / (1000 * 3600 * 24);
|
|
118
118
|
if (days > props.step.validation.maxDays) {
|
|
119
|
-
setShowWarning(date)
|
|
119
|
+
setShowWarning(new Date(date.getTime() +
|
|
120
|
+
(props.step.validation
|
|
121
|
+
.maxDays +
|
|
122
|
+
1) *
|
|
123
|
+
1000 *
|
|
124
|
+
3600 *
|
|
125
|
+
24));
|
|
120
126
|
}
|
|
121
127
|
}
|
|
122
128
|
}
|
package/package.json
CHANGED