@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 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 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, handleLoaded = _a.handleLoaded, originalValues = _a.originalValues, others = __rest(_a, ["form", "apiKey", "reload", "domain", "postview", "internal", "formStyle", "sendLabel", "widthStats", "customSteps", "customSend", "handleLoaded", "originalValues"]);
76
- var _b = useState(false), tempError = _b[0], setTempError = _b[1];
77
- var _c = useState(calcDependencies(form.steps, originalValues)), dependencyStore = _c[0], setDependencyStore = _c[1];
78
- var _d = useForm({
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 = _d.getValues, setValue = _d.setValue, clearErrors = _d.clearErrors, control = _d.control, errors = _d.formState.errors, trigger = _d.trigger;
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 _e = useState(undefined), sections = _e[0], setSections = _e[1];
85
- var _f = useState(false), loading = _f[0], setLoading = _f[1];
86
- var _g = useState(), showConfirmation = _g[0], setShowConfirmation = _g[1];
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 ? 'hidden' : 'visible',
200
- } }, { children: sendLabel !== null && sendLabel !== void 0 ? sendLabel : 'Enviar' })), loading && (_jsx("div", __assign({ className: styles.loaderContainer }, { children: _jsx(Loader, { color: formStyle.primaryContrastColor, position: "unset" }) })))] })) }))] }))] })));
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arquimedes.co/eureka-forms",
3
3
  "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
4
- "version": "1.9.22",
4
+ "version":"1.9.24-test",
5
5
  "scripts": {
6
6
  "start": "react-scripts start",
7
7
  "build": "react-scripts build",