@zengenti/contensis-react-base 3.2.2-beta.7 → 3.2.2-beta.8
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/cjs/{App-BwHcW7lS.js → App-D2_FqsUD.js} +24 -24
- package/cjs/{App-BwHcW7lS.js.map → App-D2_FqsUD.js.map} +1 -1
- package/cjs/{ChangePassword.container-CUqTfb6O.js → ChangePassword.container-DrO8p-7S.js} +5 -5
- package/cjs/{ChangePassword.container-CUqTfb6O.js.map → ChangePassword.container-DrO8p-7S.js.map} +1 -1
- package/cjs/{RouteLoader-BgEFZDUj.js → RouteLoader-BrUuhdcK.js} +4 -4
- package/cjs/{RouteLoader-BgEFZDUj.js.map → RouteLoader-BrUuhdcK.js.map} +1 -1
- package/cjs/{SSRContext-BPOCHuNE.js → SSRContext-CmXDzwPL.js} +4 -4
- package/cjs/{SSRContext-BPOCHuNE.js.map → SSRContext-CmXDzwPL.js.map} +1 -1
- package/cjs/{ToJs-BAvKFEAO.js → ToJs-C9jwV7YB.js} +2 -2
- package/cjs/{ToJs-BAvKFEAO.js.map → ToJs-C9jwV7YB.js.map} +1 -1
- package/cjs/client.js +9 -9
- package/cjs/contensis-react-base.js +17 -17
- package/cjs/contensis-react-base.js.map +1 -1
- package/cjs/forms.js +34 -34
- package/cjs/forms.js.map +1 -1
- package/cjs/redux.js +4 -4
- package/cjs/routing.js +5 -5
- package/cjs/{sagas-B5gohSpf.js → sagas-DFdRjqSX.js} +4 -4
- package/cjs/{sagas-B5gohSpf.js.map → sagas-DFdRjqSX.js.map} +1 -1
- package/cjs/search.js +3 -3
- package/cjs/search.js.map +1 -1
- package/cjs/{selectors-VGpE6wyV.js → selectors-wCs5fHD4.js} +3 -3
- package/{esm/selectors-CAjGfIyu.js.map → cjs/selectors-wCs5fHD4.js.map} +1 -1
- package/cjs/{store-C7cLStZQ.js → store-D8dJBaFw.js} +4 -4
- package/cjs/{store-C7cLStZQ.js.map → store-D8dJBaFw.js.map} +1 -1
- package/cjs/user.js +3 -3
- package/cjs/util.js +4 -4
- package/cjs/{version-CY850L7T.js → version-CM-bJ62L.js} +2 -2
- package/cjs/{version-CY850L7T.js.map → version-CM-bJ62L.js.map} +1 -1
- package/cjs/{version-KnbUFM-2.js → version-DSW6Roy9.js} +3 -3
- package/cjs/{version-KnbUFM-2.js.map → version-DSW6Roy9.js.map} +1 -1
- package/esm/{App-BpGG43cE.js → App-BE7fh-wb.js} +24 -24
- package/esm/{App-BpGG43cE.js.map → App-BE7fh-wb.js.map} +1 -1
- package/esm/{ChangePassword.container-6SpIHof-.js → ChangePassword.container-6fQXhkzW.js} +5 -5
- package/esm/{ChangePassword.container-6SpIHof-.js.map → ChangePassword.container-6fQXhkzW.js.map} +1 -1
- package/esm/{RouteLoader-CYib224B.js → RouteLoader-BNKfOnU8.js} +4 -4
- package/esm/{RouteLoader-CYib224B.js.map → RouteLoader-BNKfOnU8.js.map} +1 -1
- package/esm/{SSRContext-aOrFy6DJ.js → SSRContext-BoisoiyV.js} +4 -4
- package/esm/{SSRContext-aOrFy6DJ.js.map → SSRContext-BoisoiyV.js.map} +1 -1
- package/esm/{ToJs-8AwNF3Q4.js → ToJs-B4MH53fx.js} +2 -2
- package/esm/{ToJs-8AwNF3Q4.js.map → ToJs-B4MH53fx.js.map} +1 -1
- package/esm/client.js +10 -10
- package/esm/contensis-react-base.js +18 -18
- package/esm/contensis-react-base.js.map +1 -1
- package/esm/forms.js +34 -34
- package/esm/forms.js.map +1 -1
- package/esm/redux.js +7 -7
- package/esm/routing.js +5 -5
- package/esm/{sagas-COFJLvDA.js → sagas-waBQR0Ek.js} +4 -4
- package/esm/{sagas-COFJLvDA.js.map → sagas-waBQR0Ek.js.map} +1 -1
- package/esm/search.js +4 -4
- package/esm/search.js.map +1 -1
- package/esm/{selectors-CAjGfIyu.js → selectors-BRzliwbK.js} +3 -3
- package/{cjs/selectors-VGpE6wyV.js.map → esm/selectors-BRzliwbK.js.map} +1 -1
- package/esm/{store-BX4iG2-k.js → store-Cr0lmZNr.js} +4 -4
- package/esm/{store-BX4iG2-k.js.map → store-Cr0lmZNr.js.map} +1 -1
- package/esm/user.js +5 -5
- package/esm/util.js +4 -4
- package/esm/{version-DtJjY5QT.js → version-78jjDnHU.js} +2 -2
- package/esm/{version-DtJjY5QT.js.map → version-78jjDnHU.js.map} +1 -1
- package/esm/{version-cetMyLmp.js → version-CB7rIyoF.js} +3 -3
- package/esm/{version-cetMyLmp.js.map → version-CB7rIyoF.js.map} +1 -1
- package/package.json +3 -3
package/cjs/forms.js
CHANGED
|
@@ -265,70 +265,70 @@ const selectForms = state => state.forms;
|
|
|
265
265
|
const makeSelectPagedFields = formId => reselect.createSelector(selectForms, forms => {
|
|
266
266
|
if (forms !== null && forms !== void 0 && forms[formId]) {
|
|
267
267
|
var _forms$formId, _forms$formId2;
|
|
268
|
-
const pagingInfo = forms === null || forms === void 0
|
|
269
|
-
const fields = forms === null || forms === void 0
|
|
268
|
+
const pagingInfo = forms === null || forms === void 0 || (_forms$formId = forms[formId]) === null || _forms$formId === void 0 ? void 0 : _forms$formId.pagingInfo;
|
|
269
|
+
const fields = forms === null || forms === void 0 || (_forms$formId2 = forms[formId]) === null || _forms$formId2 === void 0 ? void 0 : _forms$formId2.fields;
|
|
270
270
|
if ((fields === null || fields === void 0 ? void 0 : fields.length) > 0 && pagingInfo.pageCount > 1) return fields.filter(f => f.groupId == pagingInfo.currentPageId);else return fields;
|
|
271
271
|
}
|
|
272
272
|
});
|
|
273
273
|
const makeSelectFormStatus = formId => reselect.createSelector(selectForms, forms => {
|
|
274
274
|
var _forms$formId3;
|
|
275
|
-
return forms === null || forms === void 0
|
|
275
|
+
return forms === null || forms === void 0 || (_forms$formId3 = forms[formId]) === null || _forms$formId3 === void 0 ? void 0 : _forms$formId3.status;
|
|
276
276
|
});
|
|
277
277
|
const makeSelectPagingInfo = formId => reselect.createSelector(selectForms, forms => {
|
|
278
278
|
var _forms$formId4;
|
|
279
|
-
return forms === null || forms === void 0
|
|
279
|
+
return forms === null || forms === void 0 || (_forms$formId4 = forms[formId]) === null || _forms$formId4 === void 0 ? void 0 : _forms$formId4.pagingInfo;
|
|
280
280
|
});
|
|
281
281
|
const makeSelectFormSettings = formId => reselect.createSelector(selectForms, forms => {
|
|
282
282
|
var _forms$formId5;
|
|
283
|
-
return forms === null || forms === void 0
|
|
283
|
+
return forms === null || forms === void 0 || (_forms$formId5 = forms[formId]) === null || _forms$formId5 === void 0 ? void 0 : _forms$formId5.settings;
|
|
284
284
|
});
|
|
285
285
|
const makeSelectFormFieldErrors = formId => reselect.createSelector(selectForms, forms => {
|
|
286
286
|
var _forms$formId6;
|
|
287
|
-
return forms === null || forms === void 0
|
|
287
|
+
return forms === null || forms === void 0 || (_forms$formId6 = forms[formId]) === null || _forms$formId6 === void 0 ? void 0 : _forms$formId6.fieldErrors;
|
|
288
288
|
});
|
|
289
289
|
const makeSelectFormEntries = formId => reselect.createSelector(selectForms, forms => {
|
|
290
290
|
var _forms$formId7;
|
|
291
|
-
return forms === null || forms === void 0
|
|
291
|
+
return forms === null || forms === void 0 || (_forms$formId7 = forms[formId]) === null || _forms$formId7 === void 0 ? void 0 : _forms$formId7.entries;
|
|
292
292
|
});
|
|
293
293
|
const makeSelectFormPostData = formId => reselect.createSelector(selectForms, forms => {
|
|
294
294
|
var _forms$formId8;
|
|
295
|
-
return forms === null || forms === void 0
|
|
295
|
+
return forms === null || forms === void 0 || (_forms$formId8 = forms[formId]) === null || _forms$formId8 === void 0 ? void 0 : _forms$formId8.data;
|
|
296
296
|
});
|
|
297
297
|
const makeSelectIsLoading = formId => reselect.createSelector(selectForms, forms => {
|
|
298
298
|
var _forms$formId9;
|
|
299
|
-
return forms === null || forms === void 0
|
|
299
|
+
return forms === null || forms === void 0 || (_forms$formId9 = forms[formId]) === null || _forms$formId9 === void 0 ? void 0 : _forms$formId9.status.isLoading;
|
|
300
300
|
});
|
|
301
301
|
const makeSelectIsSubmitting = formId => reselect.createSelector(selectForms, forms => {
|
|
302
302
|
var _forms$formId10;
|
|
303
|
-
return forms === null || forms === void 0
|
|
303
|
+
return forms === null || forms === void 0 || (_forms$formId10 = forms[formId]) === null || _forms$formId10 === void 0 ? void 0 : _forms$formId10.status.isSubmitting;
|
|
304
304
|
});
|
|
305
305
|
const makeSelectHasSuccess = formId => reselect.createSelector(selectForms, forms => {
|
|
306
306
|
var _forms$formId11;
|
|
307
|
-
return forms === null || forms === void 0
|
|
307
|
+
return forms === null || forms === void 0 || (_forms$formId11 = forms[formId]) === null || _forms$formId11 === void 0 ? void 0 : _forms$formId11.status.hasSuccess;
|
|
308
308
|
});
|
|
309
309
|
const makeSelectHasError = formId => reselect.createSelector(selectForms, forms => {
|
|
310
310
|
var _forms$formId12;
|
|
311
|
-
return forms === null || forms === void 0
|
|
311
|
+
return forms === null || forms === void 0 || (_forms$formId12 = forms[formId]) === null || _forms$formId12 === void 0 ? void 0 : _forms$formId12.status.hasError;
|
|
312
312
|
});
|
|
313
313
|
const makeSelectFormFields = formId => reselect.createSelector(selectForms, forms => {
|
|
314
314
|
var _forms$formId13;
|
|
315
|
-
return forms === null || forms === void 0
|
|
315
|
+
return forms === null || forms === void 0 || (_forms$formId13 = forms[formId]) === null || _forms$formId13 === void 0 ? void 0 : _forms$formId13.fields;
|
|
316
316
|
});
|
|
317
317
|
const makeSelectDefaultLang = formId => reselect.createSelector(selectForms, forms => {
|
|
318
318
|
var _forms$formId14;
|
|
319
|
-
return forms === null || forms === void 0
|
|
319
|
+
return forms === null || forms === void 0 || (_forms$formId14 = forms[formId]) === null || _forms$formId14 === void 0 ? void 0 : _forms$formId14.defaultLanguage;
|
|
320
320
|
});
|
|
321
321
|
const makeSelectFormSuccessMessage = formId => reselect.createSelector(selectForms, forms => {
|
|
322
322
|
var _forms$formId15;
|
|
323
|
-
return forms === null || forms === void 0
|
|
323
|
+
return forms === null || forms === void 0 || (_forms$formId15 = forms[formId]) === null || _forms$formId15 === void 0 ? void 0 : _forms$formId15.status.messages.success;
|
|
324
324
|
});
|
|
325
325
|
const makeSelectFormValidationSent = formId => reselect.createSelector(selectForms, forms => {
|
|
326
326
|
var _forms$formId16;
|
|
327
|
-
return forms === null || forms === void 0
|
|
327
|
+
return forms === null || forms === void 0 || (_forms$formId16 = forms[formId]) === null || _forms$formId16 === void 0 ? void 0 : _forms$formId16.status.validation.sent;
|
|
328
328
|
});
|
|
329
329
|
const makeSelectFormGroup = formId => reselect.createSelector(selectForms, forms => {
|
|
330
330
|
var _forms$formId17;
|
|
331
|
-
return forms === null || forms === void 0
|
|
331
|
+
return forms === null || forms === void 0 || (_forms$formId17 = forms[formId]) === null || _forms$formId17 === void 0 ? void 0 : _forms$formId17.groups;
|
|
332
332
|
});
|
|
333
333
|
const selectors = {
|
|
334
334
|
selectForms,
|
|
@@ -407,17 +407,17 @@ const doA11yValidation = (v, field, formValidationSent) => {
|
|
|
407
407
|
}
|
|
408
408
|
};
|
|
409
409
|
const doValidateField = (field, value) => {
|
|
410
|
-
var _field$validations
|
|
410
|
+
var _field$validations;
|
|
411
411
|
const isRequired = field.validations && field.validations.required;
|
|
412
412
|
const minLength = field.validations && field.validations.minLength;
|
|
413
413
|
const maxLength = field.validations && field.validations.maxLength;
|
|
414
|
-
const hasRegex = field !== null && field !== void 0 && (_field$validations = field.validations) !== null && _field$validations !== void 0 && (_field$validations
|
|
414
|
+
const hasRegex = field !== null && field !== void 0 && (_field$validations = field.validations) !== null && _field$validations !== void 0 && (_field$validations = _field$validations.regex) !== null && _field$validations !== void 0 && _field$validations.pattern ? true : false;
|
|
415
415
|
const integer = field.dataType === 'integer';
|
|
416
416
|
const decimal = field.dataType === 'decimal';
|
|
417
417
|
const isBusinessEmail = field.id === 'businessEmail';
|
|
418
418
|
if (isRequired && (value === null || value === void 0 ? void 0 : value.length) <= 0) {
|
|
419
419
|
var _isRequired$message, _field$name;
|
|
420
|
-
const errorMessage = (isRequired === null || isRequired === void 0
|
|
420
|
+
const errorMessage = (isRequired === null || isRequired === void 0 || (_isRequired$message = isRequired.message) === null || _isRequired$message === void 0 ? void 0 : _isRequired$message['en-GB']) || `${(_field$name = field.name) === null || _field$name === void 0 ? void 0 : _field$name['en-GB']} is required`;
|
|
421
421
|
return {
|
|
422
422
|
fieldId: field.id,
|
|
423
423
|
groupId: field.groupId,
|
|
@@ -444,7 +444,7 @@ const doValidateField = (field, value) => {
|
|
|
444
444
|
if (hasRegex && value.length >= 1) {
|
|
445
445
|
var _r$message;
|
|
446
446
|
const r = field.validations.regex;
|
|
447
|
-
const msg = (r === null || r === void 0
|
|
447
|
+
const msg = (r === null || r === void 0 || (_r$message = r.message) === null || _r$message === void 0 ? void 0 : _r$message['en-GB']) || `${field.name['en-GB']} is invalid`;
|
|
448
448
|
if (isValidRegex(field, value) && isBusinessEmail) {
|
|
449
449
|
if (!isBusinessEmailValid(field, value)) {
|
|
450
450
|
return {
|
|
@@ -485,8 +485,8 @@ const doValidateField = (field, value) => {
|
|
|
485
485
|
}
|
|
486
486
|
};
|
|
487
487
|
const isValidRegex = (field, value) => {
|
|
488
|
-
var _field$validations2
|
|
489
|
-
const regexPattern = field === null || field === void 0
|
|
488
|
+
var _field$validations2;
|
|
489
|
+
const regexPattern = field === null || field === void 0 || (_field$validations2 = field.validations) === null || _field$validations2 === void 0 || (_field$validations2 = _field$validations2.regex) === null || _field$validations2 === void 0 ? void 0 : _field$validations2.pattern;
|
|
490
490
|
if (!regexPattern || regexPattern === '') return false;
|
|
491
491
|
try {
|
|
492
492
|
// Create RegExp object from string pattern
|
|
@@ -702,10 +702,10 @@ function* doFetchForm(action) {
|
|
|
702
702
|
var _schema$groups;
|
|
703
703
|
const formId = action.formId;
|
|
704
704
|
const schema = yield getFormSchema(formId);
|
|
705
|
-
const groups = schema === null || schema === void 0
|
|
705
|
+
const groups = schema === null || schema === void 0 || (_schema$groups = schema.groups) === null || _schema$groups === void 0 ? void 0 : _schema$groups.filter(group => group.id !== 'private' && group.id !== 'settings');
|
|
706
706
|
if (formId && schema) {
|
|
707
707
|
var _schema$groups2, _submitButtonText$def;
|
|
708
|
-
if ((schema === null || schema === void 0
|
|
708
|
+
if ((schema === null || schema === void 0 || (_schema$groups2 = schema.groups) === null || _schema$groups2 === void 0 ? void 0 : _schema$groups2.length) > 0) {
|
|
709
709
|
yield effects.put({
|
|
710
710
|
type: SET_CURRENT_PAGE,
|
|
711
711
|
formId: formId,
|
|
@@ -728,7 +728,7 @@ function* doFetchForm(action) {
|
|
|
728
728
|
groups: groups,
|
|
729
729
|
defaultLanguage: schema.defaultLanguage,
|
|
730
730
|
settings: {
|
|
731
|
-
submitButtonText: submitButtonText === null || submitButtonText === void 0
|
|
731
|
+
submitButtonText: submitButtonText === null || submitButtonText === void 0 || (_submitButtonText$def = submitButtonText.default) === null || _submitButtonText$def === void 0 ? void 0 : _submitButtonText$def['en-GB']
|
|
732
732
|
}
|
|
733
733
|
});
|
|
734
734
|
}
|
|
@@ -5111,10 +5111,10 @@ const CountrySelect = ({
|
|
|
5111
5111
|
if (evt.key === 'Escape') combo.close();
|
|
5112
5112
|
}
|
|
5113
5113
|
});
|
|
5114
|
-
elInputRef === null || elInputRef === void 0
|
|
5114
|
+
elInputRef === null || elInputRef === void 0 || (_elInputRef$current = elInputRef.current) === null || _elInputRef$current === void 0 || _elInputRef$current.addEventListener('keydown', onKeyDown);
|
|
5115
5115
|
return () => {
|
|
5116
5116
|
var _elInputRef$current2;
|
|
5117
|
-
elInputRef === null || elInputRef === void 0
|
|
5117
|
+
elInputRef === null || elInputRef === void 0 || (_elInputRef$current2 = elInputRef.current) === null || _elInputRef$current2 === void 0 || _elInputRef$current2.removeEventListener('keydown', onKeyDown);
|
|
5118
5118
|
if (combo && typeof combo.destroy === 'function') combo.destroy();
|
|
5119
5119
|
};
|
|
5120
5120
|
}
|
|
@@ -5212,8 +5212,8 @@ const FormComposer = ({
|
|
|
5212
5212
|
case 'number':
|
|
5213
5213
|
case 'textfield':
|
|
5214
5214
|
{
|
|
5215
|
-
var _field$editor
|
|
5216
|
-
const instructions = field === null || field === void 0
|
|
5215
|
+
var _field$editor;
|
|
5216
|
+
const instructions = field === null || field === void 0 || (_field$editor = field.editor) === null || _field$editor === void 0 || (_field$editor = _field$editor.instructions) === null || _field$editor === void 0 ? void 0 : _field$editor[defaultLanguage];
|
|
5217
5217
|
return /*#__PURE__*/React__default.default.createElement(Textfield, {
|
|
5218
5218
|
key: `${field.id}-${idx}`,
|
|
5219
5219
|
field: field,
|
|
@@ -5350,7 +5350,7 @@ const FormComposer = ({
|
|
|
5350
5350
|
}
|
|
5351
5351
|
case 'country':
|
|
5352
5352
|
{
|
|
5353
|
-
var _field$default, _field$editor2
|
|
5353
|
+
var _field$default, _field$editor2;
|
|
5354
5354
|
return /*#__PURE__*/React__default.default.createElement(CountrySelect, {
|
|
5355
5355
|
key: `${field.id}-${idx}`,
|
|
5356
5356
|
formId: formId,
|
|
@@ -5358,8 +5358,8 @@ const FormComposer = ({
|
|
|
5358
5358
|
id: field.id,
|
|
5359
5359
|
label: field.name && field.name[defaultLanguage],
|
|
5360
5360
|
validations: field.validations,
|
|
5361
|
-
defaultValue: formData && formData[field.id] || (field === null || field === void 0
|
|
5362
|
-
placeholder: field === null || field === void 0
|
|
5361
|
+
defaultValue: formData && formData[field.id] || (field === null || field === void 0 || (_field$default = field.default) === null || _field$default === void 0 ? void 0 : _field$default[defaultLanguage]),
|
|
5362
|
+
placeholder: field === null || field === void 0 || (_field$editor2 = field.editor) === null || _field$editor2 === void 0 || (_field$editor2 = _field$editor2.properties) === null || _field$editor2 === void 0 || (_field$editor2 = _field$editor2.placeholderText) === null || _field$editor2 === void 0 ? void 0 : _field$editor2[defaultLanguage]
|
|
5363
5363
|
});
|
|
5364
5364
|
}
|
|
5365
5365
|
case 'content':
|
|
@@ -5369,7 +5369,7 @@ const FormComposer = ({
|
|
|
5369
5369
|
name,
|
|
5370
5370
|
editor
|
|
5371
5371
|
} = field || {};
|
|
5372
|
-
const instructions = editor === null || editor === void 0
|
|
5372
|
+
const instructions = editor === null || editor === void 0 || (_editor$instructions = editor.instructions) === null || _editor$instructions === void 0 ? void 0 : _editor$instructions[defaultLanguage];
|
|
5373
5373
|
return /*#__PURE__*/React__default.default.createElement("span", {
|
|
5374
5374
|
className: "form__content",
|
|
5375
5375
|
"data-form": "title",
|