@solidstarters/solid-core-ui 1.1.141 → 1.1.143
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/components/common/SolidBreadcrumb.d.ts.map +1 -1
- package/dist/components/common/SolidBreadcrumb.js +0 -1
- package/dist/components/common/SolidBreadcrumb.js.map +1 -1
- package/dist/components/common/useHandleFormCustomButtonClick.d.ts.map +1 -1
- package/dist/components/common/useHandleFormCustomButtonClick.js.map +1 -1
- package/dist/components/common/useHandleListCustomButtonClick.d.ts.map +1 -1
- package/dist/components/common/useHandleListCustomButtonClick.js.map +1 -1
- package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.d.ts.map +1 -1
- package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js +13 -8
- package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js.map +1 -1
- package/dist/components/core/list/SolidListView.d.ts.map +1 -1
- package/dist/components/core/list/SolidListView.js +2 -2
- package/dist/components/core/list/SolidListView.js.map +1 -1
- package/dist/components/core/list/SolidListViewRowButtonContextMenu.d.ts.map +1 -1
- package/dist/components/core/list/SolidListViewRowButtonContextMenu.js +2 -2
- package/dist/components/core/list/SolidListViewRowButtonContextMenu.js.map +1 -1
- package/dist/components/core/model/FieldMetaData.d.ts.map +1 -1
- package/dist/components/core/model/FieldMetaData.js +17 -2
- package/dist/components/core/model/FieldMetaData.js.map +1 -1
- package/dist/components/core/model/FieldMetaDataForm.d.ts.map +1 -1
- package/dist/components/core/model/FieldMetaDataForm.js +224 -51
- package/dist/components/core/model/FieldMetaDataForm.js.map +1 -1
- package/dist/redux/api/solidEntityApi.d.ts +12 -12
- package/dist/redux/api/solidEntityApi.d.ts.map +1 -1
- package/dist/redux/api/solidEntityApi.js +5 -1
- package/dist/redux/api/solidEntityApi.js.map +1 -1
- package/package.json +1 -1
|
@@ -83,7 +83,7 @@ import { TabPanel, TabView } from "primereact/tabview";
|
|
|
83
83
|
import { Toast } from "primereact/toast";
|
|
84
84
|
import { classNames } from "primereact/utils";
|
|
85
85
|
import qs from "qs";
|
|
86
|
-
import React, { useEffect, useRef, useState } from "react";
|
|
86
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
87
87
|
import * as Yup from "yup";
|
|
88
88
|
import FieldSelector from "./FieldSelector";
|
|
89
89
|
var SolidFieldType;
|
|
@@ -129,6 +129,51 @@ var SelectionStaticValues = function (_a) {
|
|
|
129
129
|
};
|
|
130
130
|
return (_jsxs("div", { className: "flex align-items-center gap-2 mt-2", children: [_jsx(InputText, { value: value || "", onChange: function (e) { return handleValueChange(e.target.value); }, placeholder: "Value", className: "w-full" }), _jsx(InputText, { value: display || "", onChange: function (e) { return handleDisplayChange(e.target.value); }, placeholder: "Display", className: "w-full" }), _jsx(Button, { icon: "pi pi-plus", size: "small", onClick: onAdd, type: "button" }), _jsx(Button, { icon: "pi pi-trash", size: "small", onClick: onDelete, outlined: true, severity: "danger", type: "button" })] }));
|
|
131
131
|
};
|
|
132
|
+
var triggerOperationOptions = [
|
|
133
|
+
{ label: "beforeInsert", value: "before-insert" },
|
|
134
|
+
{ label: "afterInsert", value: "after-insert" },
|
|
135
|
+
{ label: "beforeUpdate", value: "before-update" },
|
|
136
|
+
{ label: "afterUpdate", value: "after-update" },
|
|
137
|
+
{ label: "beforeRemove", value: "before-delete" },
|
|
138
|
+
{ label: "afterRemove", value: "after-delete" },
|
|
139
|
+
];
|
|
140
|
+
var formatDisplayName = function (value) {
|
|
141
|
+
return value
|
|
142
|
+
.split('-')
|
|
143
|
+
.map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
|
|
144
|
+
.join(' ');
|
|
145
|
+
};
|
|
146
|
+
var SelectComputedFieldTriggerValues = function (_a) {
|
|
147
|
+
var index = _a.index, row = _a.row, onChange = _a.onChange, onDelete = _a.onDelete, disableDelete = _a.disableDelete, formik = _a.formik, isFormFieldValid = _a.isFormFieldValid, searchModuleName = _a.searchModuleName, searchModelName = _a.searchModelName, params = _a.params, errors = _a.errors, touched = _a.touched;
|
|
148
|
+
var _b = useState([]), filteredOperations = _b[0], setFilteredOperations = _b[1];
|
|
149
|
+
useEffect(function () {
|
|
150
|
+
if (!row.moduleName && (params === null || params === void 0 ? void 0 : params.moduleName)) {
|
|
151
|
+
formik.setFieldValue("computedFieldTriggerConfig[".concat(index, "].moduleName"), params.moduleName);
|
|
152
|
+
}
|
|
153
|
+
if (!row.modelName && (params === null || params === void 0 ? void 0 : params.modelName)) {
|
|
154
|
+
formik.setFieldValue("computedFieldTriggerConfig[".concat(index, "].modelName"), params.modelName);
|
|
155
|
+
}
|
|
156
|
+
}, [params === null || params === void 0 ? void 0 : params.moduleName, params === null || params === void 0 ? void 0 : params.modelName]);
|
|
157
|
+
var searchOperations = function (event) {
|
|
158
|
+
var query = event.query.toLowerCase();
|
|
159
|
+
setFilteredOperations(triggerOperationOptions.filter(function (item) {
|
|
160
|
+
return item.label.toLowerCase().includes(query);
|
|
161
|
+
}));
|
|
162
|
+
};
|
|
163
|
+
return (_jsxs("div", { className: "flex align-items-start gap-3 mt-2", children: [_jsxs("div", { className: "", children: [_jsx("label", { htmlFor: "moduleName", className: "form-field-label", children: "Module" }), _jsx("div", { className: "mt-2", children: _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "computedFieldTriggerConfig[".concat(index, "].moduleName"), fieldNameId: "computedFieldTriggerConfig[".concat(index, "].moduleName"), labelKey: "name", valueKey: "name", searchData: searchModuleName, existingData: row.moduleName ? { name: row.moduleName } : (params === null || params === void 0 ? void 0 : params.moduleName) ? { name: params.moduleName } : null }, "moduleName-".concat(index)) }), (errors === null || errors === void 0 ? void 0 : errors.moduleName) && (_jsx(Message, { severity: "error", text: errors.moduleName }))] }), _jsxs("div", { className: "", children: [_jsx("label", { htmlFor: "modelName", className: "form-field-label", children: "Model" }), _jsx("div", { className: "mt-2", children: _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "computedFieldTriggerConfig[".concat(index, "].modelName"), fieldNameId: "computedFieldTriggerConfig[".concat(index, "].modelName"), labelKey: "displayName", valueKey: "singularName", searchData: searchModelName, existingData: row.modelName
|
|
164
|
+
? {
|
|
165
|
+
singularName: row.modelName,
|
|
166
|
+
displayName: row.displayName || formatDisplayName(row.modelName),
|
|
167
|
+
}
|
|
168
|
+
: (params === null || params === void 0 ? void 0 : params.modelName)
|
|
169
|
+
? {
|
|
170
|
+
singularName: params.modelName,
|
|
171
|
+
displayName: formatDisplayName(params.modelName),
|
|
172
|
+
}
|
|
173
|
+
: null }, "modelName-".concat(index)) }), (errors === null || errors === void 0 ? void 0 : errors.modelName) && (_jsx(Message, { severity: "error", text: errors.modelName }))] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "operations", className: "form-field-label", children: "Operations" }), _jsx("div", { className: "mt-2", children: _jsx(AutoComplete, { multiple: true, dropdown: true, value: triggerOperationOptions.filter(function (opt) { return (row.operations || []).includes(opt.value); }), suggestions: filteredOperations, completeMethod: searchOperations, field: "label", onChange: function (e) {
|
|
174
|
+
return onChange(index, __assign(__assign({}, row), { operations: e.value.map(function (val) { return val.value; }) }));
|
|
175
|
+
}, placeholder: "Select operations", className: "solid-standard-autocomplete max-w-16rem" }) }), (errors === null || errors === void 0 ? void 0 : errors.operations) && (_jsx(Message, { severity: "error", text: errors.operations }))] }), _jsx(Button, { icon: "pi pi-trash", size: "small", onClick: function () { return onDelete(index); }, disabled: disableDelete, outlined: true, severity: "danger", type: "button" })] }));
|
|
176
|
+
};
|
|
132
177
|
var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData) {
|
|
133
178
|
// const booleanFields: string | any[] = [
|
|
134
179
|
// "isSystem",
|
|
@@ -162,6 +207,10 @@ var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData)
|
|
|
162
207
|
var prettified = JSON.stringify(JSON.parse(values.computedFieldValueProviderCtxt), null, 2);
|
|
163
208
|
transformedPayload.computedFieldValueProviderCtxt = prettified;
|
|
164
209
|
}
|
|
210
|
+
if (currentFields.includes("computedFieldTriggerConfig")) {
|
|
211
|
+
// const prettified = JSON.stringify(values.computedFieldTriggerConfig, null, 2);
|
|
212
|
+
transformedPayload.computedFieldTriggerConfig = values.computedFieldTriggerConfig;
|
|
213
|
+
}
|
|
165
214
|
if (currentFields.includes("relationCreateInverse")) {
|
|
166
215
|
transformedPayload.relationCreateInverse = values.relationCreateInverse == false ? false : true;
|
|
167
216
|
}
|
|
@@ -375,50 +424,57 @@ var createValidationSchema = function (currentFields, selectedType, allFields, f
|
|
|
375
424
|
return false;
|
|
376
425
|
}
|
|
377
426
|
}),
|
|
378
|
-
})), (currentFields.includes("
|
|
379
|
-
|
|
427
|
+
})), (currentFields.includes("computedFieldTriggerConfig") && {
|
|
428
|
+
computedFieldTriggerConfig: Yup.array()
|
|
429
|
+
.of(Yup.object().shape({
|
|
430
|
+
moduleName: Yup.string().required("Module name is required"),
|
|
431
|
+
modelName: Yup.string().required("Model name is required"),
|
|
432
|
+
operations: Yup.array().of(Yup.string()).min(1, "Select at least one operation"),
|
|
433
|
+
}))
|
|
434
|
+
.min(1, "At least one trigger config is required")
|
|
435
|
+
.required("Computed Field Trigger Config is required"),
|
|
380
436
|
})), (currentFields.includes("columnName") && {
|
|
381
437
|
columnName: Yup.string().nullable().matches(/^[a-z0-9_]+$/, "Column name must be in snake_case (lowercase letters, numbers, and underscores only)."),
|
|
382
438
|
}));
|
|
383
439
|
return Yup.object(schema);
|
|
384
440
|
};
|
|
385
441
|
var FieldMetaDataForm = function (_a) {
|
|
386
|
-
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61
|
|
442
|
+
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61;
|
|
387
443
|
var setIsDirty = _a.setIsDirty, modelMetaData = _a.modelMetaData, fieldMetaData = _a.fieldMetaData, setFieldMetaData = _a.setFieldMetaData, allFields = _a.allFields, deleteModelFunction = _a.deleteModelFunction, setVisiblePopup = _a.setVisiblePopup, params = _a.params, setIsRequiredPopUp = _a.setIsRequiredPopUp, showToaster = _a.showToaster;
|
|
388
444
|
var booleanOptions = ["false", "true"];
|
|
389
|
-
var
|
|
390
|
-
var
|
|
445
|
+
var _62 = useState(false), isBackPopupVisible = _62[0], setIsBackPopupVisible = _62[1];
|
|
446
|
+
var _63 = useState(false), showColumnName = _63[0], setShowColumnName = _63[1];
|
|
391
447
|
var pathname = usePathname();
|
|
392
448
|
var toast = useRef(null);
|
|
393
|
-
var
|
|
394
|
-
var
|
|
395
|
-
var
|
|
396
|
-
var
|
|
397
|
-
var
|
|
398
|
-
var
|
|
399
|
-
var
|
|
400
|
-
var
|
|
401
|
-
var
|
|
402
|
-
var
|
|
403
|
-
var
|
|
404
|
-
var
|
|
449
|
+
var _64 = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _64.data, isLoading = _64.isLoading, error = _64.error, refetch = _64.refetch;
|
|
450
|
+
var _65 = useState(fetchCurrentFields(fieldMetaData && fieldMetaData.type, fieldDefaultMetaData)), currentFields = _65[0], setCurrentFields = _65[1];
|
|
451
|
+
var _66 = useLazyGetMediaStorageProvidersQuery(), triggerGetMediaStorageProvider = _66[0], _67 = _66[1], MediaStorageProviderData = _67.data, isMediaStorageProviderFetching = _67.isFetching, MediaStorageProviderError = _67.error;
|
|
452
|
+
var _68 = useLazyGetmodulesQuery(), triggerGetModules = _68[0], _69 = _68[1], moduleData = _69.data, isModuleFetching = _69.isFetching, moduleError = _69.error;
|
|
453
|
+
var _70 = useLazyGetModelsQuery(), triggerGetModels = _70[0], _71 = _70[1], modelData = _71.data, ismodelFetching = _71.isFetching, modelError = _71.error;
|
|
454
|
+
var _72 = useUpdateUserKeyMutation(), updateUserKey = _72[0], _73 = _72[1], isUpdateUserKeyLoading = _73.isLoading, isUpdateUserKeySuccess = _73.isSuccess, isUpdateUserKeyError = _73.isError, UpdateUserKeyError = _73.error, newModel = _73.data;
|
|
455
|
+
var _74 = useState(), markdownText = _74[0], setMarkdownText = _74[1];
|
|
456
|
+
var _75 = useState(false), encryptState = _75[0], setEncryptState = _75[1];
|
|
457
|
+
var _76 = useState(fieldMetaData ? false : true), showTypeFilter = _76[0], setShowTypeFilter = _76[1];
|
|
458
|
+
var _77 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type) && { label: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type, value: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.type }), selectedType = _77[0], setSelectedType = _77[1];
|
|
459
|
+
var _78 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueType) && { label: fieldMetaData.computedFieldValueType, value: fieldMetaData.computedFieldValueType }), selectedComputedFieldValueType = _78[0], setSelectedComputedFieldValueType = _78[1];
|
|
460
|
+
var _79 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionDynamicProvider) && { label: fieldMetaData.selectionDynamicProvider, value: fieldMetaData.selectionDynamicProvider }), selectionDynamicProvider = _79[0], setSelectionDynamicProvider = _79[1];
|
|
405
461
|
// const [externalIdProvider, setExternalIdProvider] = useState(fieldMetaData?.externalIdProvider && { label: fieldMetaData.externalIdProvider, value: fieldMetaData.externalIdProvider });
|
|
406
|
-
var
|
|
407
|
-
var
|
|
408
|
-
var
|
|
409
|
-
var
|
|
410
|
-
var
|
|
411
|
-
var
|
|
412
|
-
var
|
|
413
|
-
var
|
|
414
|
-
var
|
|
415
|
-
var
|
|
462
|
+
var _80 = useState(fieldMetaData && fieldMetaData.selectionStaticValues && fieldMetaData.selectionStaticValues.length > 0 && (fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionStaticValues.filter(function (line) { return line.trim() !== ""; }).join("\n"))), selectionStaticValues = _80[0], setSelectionStaticValues = _80[1];
|
|
463
|
+
var _81 = useState([]), filteredComputedFieldValueTypes = _81[0], setFilteredComputedFieldValueTypes = _81[1];
|
|
464
|
+
var _82 = useState([]), filteredSelectionDynamicProvider = _82[0], setFilteredSelectionDynamicProvider = _82[1];
|
|
465
|
+
var _83 = useState([]), ormTypeOptions = _83[0], setOrmTypeOptions = _83[1];
|
|
466
|
+
var _84 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.ormType), selectedOrmType = _84[0], setSelectedOrmType = _84[1];
|
|
467
|
+
var _85 = useState(false), askForUserKeyField = _85[0], setAskForUserKeyField = _85[1];
|
|
468
|
+
var _86 = useState([]), userKeyFieldData = _86[0], setUserKeyFieldData = _86[1];
|
|
469
|
+
var _87 = useState([]), filteredExternalIdProvider = _87[0], setFilteredExternalIdProvider = _87[1];
|
|
470
|
+
var _88 = useState([]), filteredSelectionEncryptionType = _88[0], setFilteredSelectionEncryptionType = _88[1];
|
|
471
|
+
var _89 = useState([]), filteredSelectionDecryptWhen = _89[0], setFilteredSelectionDecryptWhen = _89[1];
|
|
416
472
|
var items = Array.from({ length: 100000 }).map(function (_, i) { return ({
|
|
417
473
|
label: "Item #".concat(i),
|
|
418
474
|
value: i,
|
|
419
475
|
}); });
|
|
420
476
|
var validationSchema = React.useMemo(function () { return createValidationSchema(currentFields, selectedType, allFields, fieldMetaData, encryptState); }, [currentFields, encryptState]);
|
|
421
|
-
var
|
|
477
|
+
var _90 = useState(false), typeSelected = _90[0], setTypeSelected = _90[1];
|
|
422
478
|
var searchMediaTypes = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
423
479
|
var query, suggestionData;
|
|
424
480
|
return __generator(this, function (_a) {
|
|
@@ -609,6 +665,82 @@ var FieldMetaDataForm = function (_a) {
|
|
|
609
665
|
}
|
|
610
666
|
});
|
|
611
667
|
}); };
|
|
668
|
+
var searchModuleName = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
669
|
+
var query, queryData, queryString, result, updatedSuggestion, error_4;
|
|
670
|
+
return __generator(this, function (_a) {
|
|
671
|
+
switch (_a.label) {
|
|
672
|
+
case 0:
|
|
673
|
+
_a.trys.push([0, 2, , 3]);
|
|
674
|
+
query = event.query;
|
|
675
|
+
queryData = {
|
|
676
|
+
limit: 10,
|
|
677
|
+
offset: 0,
|
|
678
|
+
filters: {
|
|
679
|
+
name: {
|
|
680
|
+
$containsi: query,
|
|
681
|
+
},
|
|
682
|
+
},
|
|
683
|
+
};
|
|
684
|
+
queryString = qs.stringify(queryData, {
|
|
685
|
+
encodeValuesOnly: true,
|
|
686
|
+
});
|
|
687
|
+
return [4 /*yield*/, triggerGetModules(queryString).unwrap()];
|
|
688
|
+
case 1:
|
|
689
|
+
result = _a.sent();
|
|
690
|
+
if (result && result.records) {
|
|
691
|
+
updatedSuggestion = __spreadArray([], result.records, true);
|
|
692
|
+
return [2 /*return*/, updatedSuggestion];
|
|
693
|
+
}
|
|
694
|
+
else {
|
|
695
|
+
return [2 /*return*/, []];
|
|
696
|
+
}
|
|
697
|
+
return [3 /*break*/, 3];
|
|
698
|
+
case 2:
|
|
699
|
+
error_4 = _a.sent();
|
|
700
|
+
return [2 /*return*/, []];
|
|
701
|
+
case 3: return [2 /*return*/];
|
|
702
|
+
}
|
|
703
|
+
});
|
|
704
|
+
}); };
|
|
705
|
+
var getSearchModelNameHandler = useCallback(function (moduleName) {
|
|
706
|
+
return function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
707
|
+
var query, queryData, queryString, result, error_5;
|
|
708
|
+
var _a;
|
|
709
|
+
return __generator(this, function (_b) {
|
|
710
|
+
switch (_b.label) {
|
|
711
|
+
case 0:
|
|
712
|
+
_b.trys.push([0, 2, , 3]);
|
|
713
|
+
query = event.query;
|
|
714
|
+
queryData = {
|
|
715
|
+
limit: 10,
|
|
716
|
+
offset: 0,
|
|
717
|
+
filters: {
|
|
718
|
+
module: {
|
|
719
|
+
name: {
|
|
720
|
+
$containsi: moduleName,
|
|
721
|
+
},
|
|
722
|
+
},
|
|
723
|
+
},
|
|
724
|
+
};
|
|
725
|
+
if (query) {
|
|
726
|
+
queryData.filters.singularName = {
|
|
727
|
+
$containsi: query,
|
|
728
|
+
};
|
|
729
|
+
}
|
|
730
|
+
queryString = qs.stringify(queryData, { encodeValuesOnly: true });
|
|
731
|
+
return [4 /*yield*/, triggerGetModels(queryString).unwrap()];
|
|
732
|
+
case 1:
|
|
733
|
+
result = _b.sent();
|
|
734
|
+
return [2 /*return*/, (_a = result === null || result === void 0 ? void 0 : result.records) !== null && _a !== void 0 ? _a : []];
|
|
735
|
+
case 2:
|
|
736
|
+
error_5 = _b.sent();
|
|
737
|
+
return [2 /*return*/, []];
|
|
738
|
+
case 3: return [2 /*return*/];
|
|
739
|
+
}
|
|
740
|
+
});
|
|
741
|
+
}); };
|
|
742
|
+
}, [] // or include dependencies like triggerGetModels if needed
|
|
743
|
+
);
|
|
612
744
|
var searchUserKeyField = function () {
|
|
613
745
|
return userKeyFieldData;
|
|
614
746
|
};
|
|
@@ -724,7 +856,7 @@ var FieldMetaDataForm = function (_a) {
|
|
|
724
856
|
{ label: "True", value: "true" },
|
|
725
857
|
{ label: "False", value: "false" },
|
|
726
858
|
];
|
|
727
|
-
var
|
|
859
|
+
var _91 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPattern), selectedPasswordPolicy = _91[0], setSelectedPasswordPolicy = _91[1];
|
|
728
860
|
var passwordPolicyOptions = [
|
|
729
861
|
{ label: 'Lowercase and Uppercase Alphabets Required', value: '^(?=.*[a-z])(?=.*[A-Z]).*$' },
|
|
730
862
|
{ label: 'Lowercase and Uppercase Alphabets and Numbers Required', value: '^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).*$' },
|
|
@@ -737,6 +869,24 @@ var FieldMetaDataForm = function (_a) {
|
|
|
737
869
|
{ label: 'Video (Supports MP4, AVI, MKV, etc.)', value: 'video' },
|
|
738
870
|
{ label: 'File (Supports PDF, DOCX, TXT, etc.)', value: 'file' }
|
|
739
871
|
];
|
|
872
|
+
var parseComputedFieldTriggerConfig = function (input) {
|
|
873
|
+
try {
|
|
874
|
+
if (typeof input === "string") {
|
|
875
|
+
var parsed = JSON.parse(input);
|
|
876
|
+
return Array.isArray(parsed) ? parsed : [parsed];
|
|
877
|
+
}
|
|
878
|
+
else if (Array.isArray(input)) {
|
|
879
|
+
return input;
|
|
880
|
+
}
|
|
881
|
+
else if (typeof input === "object" && input !== null) {
|
|
882
|
+
return [input];
|
|
883
|
+
}
|
|
884
|
+
}
|
|
885
|
+
catch (_a) {
|
|
886
|
+
return [{ moduleName: "", modelName: "", operations: [] }];
|
|
887
|
+
}
|
|
888
|
+
return [{ moduleName: "", modelName: "", operations: [] }];
|
|
889
|
+
};
|
|
740
890
|
var initialValues = {
|
|
741
891
|
name: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.name : null,
|
|
742
892
|
displayName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.displayName : null,
|
|
@@ -773,7 +923,7 @@ var FieldMetaDataForm = function (_a) {
|
|
|
773
923
|
selectionStaticValues: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionStaticValues : [""],
|
|
774
924
|
selectionValueType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionValueType : null,
|
|
775
925
|
computedFieldValueProvider: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider : null,
|
|
776
|
-
|
|
926
|
+
computedFieldTriggerConfig: parseComputedFieldTriggerConfig(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig),
|
|
777
927
|
computedFieldValueProviderCtxt: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProviderCtxt : "",
|
|
778
928
|
// externalIdProvider: fieldMetaData ? fieldMetaData?.externalIdProvider : null,
|
|
779
929
|
// externalIdProviderCtxt: fieldMetaData ? fieldMetaData?.externalIdProviderCtxt : "",
|
|
@@ -955,6 +1105,27 @@ var FieldMetaDataForm = function (_a) {
|
|
|
955
1105
|
setIsDirty(true);
|
|
956
1106
|
}
|
|
957
1107
|
}, [formik.dirty]);
|
|
1108
|
+
var handleChange = function (index, updatedRow) {
|
|
1109
|
+
var updatedRows = __spreadArray([], formik.values.computedFieldTriggerConfig, true);
|
|
1110
|
+
updatedRows[index] = updatedRow;
|
|
1111
|
+
formik.setFieldValue("computedFieldTriggerConfig", updatedRows);
|
|
1112
|
+
};
|
|
1113
|
+
var handleAdd = function () {
|
|
1114
|
+
var updatedRows = __spreadArray(__spreadArray([], formik.values.computedFieldTriggerConfig, true), [
|
|
1115
|
+
{ moduleName: '', modelName: '', operations: [] }
|
|
1116
|
+
], false);
|
|
1117
|
+
formik.setFieldValue("computedFieldTriggerConfig", updatedRows);
|
|
1118
|
+
};
|
|
1119
|
+
var handleDelete = function (index) {
|
|
1120
|
+
var updatedRows = formik.values.computedFieldTriggerConfig.filter(function (_, i) { return i !== index; });
|
|
1121
|
+
formik.setFieldValue("computedFieldTriggerConfig", updatedRows.length > 0 ? updatedRows : [{ moduleName: '', modelName: '', operations: [] }]);
|
|
1122
|
+
};
|
|
1123
|
+
console.log("formik.values.computedFieldTriggerConfig", formik.values.computedFieldTriggerConfig);
|
|
1124
|
+
var computedFieldSearchHandlers = useMemo(function () {
|
|
1125
|
+
return formik.values.computedFieldTriggerConfig.map(function (row) {
|
|
1126
|
+
return getSearchModelNameHandler(row.moduleName);
|
|
1127
|
+
});
|
|
1128
|
+
}, [formik.values.computedFieldTriggerConfig]);
|
|
958
1129
|
return (_jsxs("div", { children: [_jsx(Toast, { ref: toast }), _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx("div", { className: "solid-field-metadata-form-header", children: pathname.includes('create') ?
|
|
959
1130
|
_jsxs(_Fragment, { children: [_jsx("div", { className: "flex align-items-center gap-3", children: showTypeFilter === false ?
|
|
960
1131
|
_jsxs(_Fragment, { children: [_jsx(Button, { text: true, icon: 'pi pi-arrow-left', size: "small", type: "button", "aria-label": "Back", className: 'max-w-2rem bg-primary-reverse text-color', onClick: function () {
|
|
@@ -1068,12 +1239,14 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1068
1239
|
return formik.setFieldValue("selectionValueType", e.value);
|
|
1069
1240
|
}, placeholder: "Select Value Type", className: classNames("", {
|
|
1070
1241
|
"p-invalid": isFormFieldValid(formik, "selectionValueType"),
|
|
1071
|
-
}) }), isFormFieldValid(formik, "selectionValueType") && (_jsx(Message, { severity: "error", text: (_23 = (_22 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _22 === void 0 ? void 0 : _22.selectionValueType) === null || _23 === void 0 ? void 0 : _23.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionStaticValues", className: "form-field-label", children: "Selection Static Values" }), formik.values.selectionStaticValues.map(function (enumValue, index) { return (_jsx(SelectionStaticValues, { enumValue: enumValue, onUpdate: function (updatedString) { return updateEnumValues(index, updatedString); }, onDelete: function () { return deleteEnumValue(index); }, onAdd: addEnumValue }, index)); }), isFormFieldValid(formik, "selectionStaticValues") && (_jsx(Message, { severity: "error", text: (_25 = (_24 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _24 === void 0 ? void 0 : _24.selectionStaticValues) === null || _25 === void 0 ? void 0 : _25.toString() }))] })), currentFields.includes("
|
|
1072
|
-
setSelectedComputedFieldValueType(e.value);
|
|
1073
|
-
formik.setFieldValue("computedFieldValueType", e.value.value);
|
|
1074
|
-
} }), isFormFieldValid(formik, "computedFieldValueType") && (_jsx(Message, { severity: "error", text: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.computedFieldValueType) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "computedFieldValueProvider", className: "form-field-label", children: "Computed Field Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid,
|
|
1242
|
+
}) }), isFormFieldValid(formik, "selectionValueType") && (_jsx(Message, { severity: "error", text: (_23 = (_22 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _22 === void 0 ? void 0 : _22.selectionValueType) === null || _23 === void 0 ? void 0 : _23.toString() }))] })), currentFields.includes("selectionStaticValues") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "selectionStaticValues", className: "form-field-label", children: "Selection Static Values" }), formik.values.selectionStaticValues.map(function (enumValue, index) { return (_jsx(SelectionStaticValues, { enumValue: enumValue, onUpdate: function (updatedString) { return updateEnumValues(index, updatedString); }, onDelete: function () { return deleteEnumValue(index); }, onAdd: addEnumValue }, index)); }), isFormFieldValid(formik, "selectionStaticValues") && (_jsx(Message, { severity: "error", text: (_25 = (_24 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _24 === void 0 ? void 0 : _24.selectionStaticValues) === null || _25 === void 0 ? void 0 : _25.toString() }))] })), currentFields.includes("computedFieldValueProvider") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "computedFieldValueProvider", className: "form-field-label", children: "IEntity Computed Field Provider" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid,
|
|
1075
1243
|
// relationField={false}
|
|
1076
|
-
fieldName: "computedFieldValueProvider", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: searchComputedProvider, existingData: formik.values.computedFieldValueProvider, additionalAction: function (e) { return setMarkdownText(e.target.value.help); } }, "computedFieldValueProvider"), isFormFieldValid(formik, "computedFieldValueProvider") && (_jsx(Message, { severity: "error", text: (
|
|
1244
|
+
fieldName: "computedFieldValueProvider", fieldNameId: null, labelKey: "label", valueKey: "value", searchData: searchComputedProvider, existingData: formik.values.computedFieldValueProvider, additionalAction: function (e) { return setMarkdownText(e.target.value.help); } }, "computedFieldValueProvider"), isFormFieldValid(formik, "computedFieldValueProvider") && (_jsx(Message, { severity: "error", text: (_27 = (_26 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _26 === void 0 ? void 0 : _26.computedFieldValueProvider) === null || _27 === void 0 ? void 0 : _27.toString() }))] })), currentFields.includes("computedFieldTriggerConfig") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-3", children: [(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig) === null
|
|
1245
|
+
&&
|
|
1246
|
+
_jsx("div", { className: "mb-3", children: _jsx(Message, { severity: "error", text: "You seem to be using an old configuration of ComputedFieldProvider. Please change your current computed field provider i.e ".concat(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider, " to implement IEntityComputedFieldProvider before continuing.") }) }), _jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx("label", { htmlFor: "computedFieldTriggerConfig", className: "form-field-label", children: "Computed Field Trigger Config" }), _jsx("div", { children: _jsx(Button, { icon: "pi pi-plus", size: "small", onClick: handleAdd, type: "button", className: "ml-2" }) })] }), formik.values.computedFieldTriggerConfig.map(function (row, index) {
|
|
1247
|
+
var _a;
|
|
1248
|
+
return (_jsx(SelectComputedFieldTriggerValues, { index: index, row: row, onChange: handleChange, onDelete: handleDelete, isLastRow: index === formik.values.computedFieldTriggerConfig.length - 1, disableDelete: formik.values.computedFieldTriggerConfig.length === 1, formik: formik, isFormFieldValid: isFormFieldValid, searchModuleName: searchModuleName, searchModelName: computedFieldSearchHandlers[index], params: params, errors: (_a = formik.errors.computedFieldTriggerConfig) === null || _a === void 0 ? void 0 : _a[index] }, index));
|
|
1249
|
+
}), typeof formik.errors.computedFieldTriggerConfig === 'string' && (_jsx(Message, { severity: "error", text: formik.errors.computedFieldTriggerConfig }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (
|
|
1077
1250
|
// {/* {markdownText &&
|
|
1078
1251
|
// <div className="md:col-12 sm:col-12">
|
|
1079
1252
|
// <div className="field col-6 flex-flex-column gap-2">
|
|
@@ -1084,9 +1257,9 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1084
1257
|
// </div>
|
|
1085
1258
|
// </div>
|
|
1086
1259
|
// } */}
|
|
1087
|
-
_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "selectionDynamicProviderCtxt", className: "form-field-label", children: "Selection Dynamic Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "selectionDynamicProviderCtxt" }), _jsx("div", { className: " form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "selectionDynamicProviderCtxt") && (_jsx(Message, { severity: "error", text: (
|
|
1260
|
+
_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "selectionDynamicProviderCtxt", className: "form-field-label", children: "Selection Dynamic Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "selectionDynamicProviderCtxt" }), _jsx("div", { className: " form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "selectionDynamicProviderCtxt") && (_jsx(Message, { severity: "error", text: (_29 = (_28 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _28 === void 0 ? void 0 : _28.selectionDynamicProviderCtxt) === null || _29 === void 0 ? void 0 : _29.toString() }))] })
|
|
1088
1261
|
// {/* {currentFields.includes("markdown") && ( */}
|
|
1089
|
-
), currentFields.includes("computedFieldValueProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "computedFieldValueProviderCtxt", className: "form-field-label", children: "Computed Field Value Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "computedFieldValueProviderCtxt" }), _jsx("div", { className: "form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "computedFieldValueProviderCtxt") && (_jsx(Message, { severity: "error", text: (
|
|
1262
|
+
), currentFields.includes("computedFieldValueProviderCtxt") && (_jsxs("div", { className: "field col-12 flex-flex-column gap-2 mt-4", children: [_jsx("label", { htmlFor: "computedFieldValueProviderCtxt", className: "form-field-label", children: "Computed Field Value Provider Context" }), _jsx(CodeEditor, { formik: formik, field: "computedFieldValueProviderCtxt" }), _jsx("div", { className: "form-field-label mt-4", children: markdownText }), isFormFieldValid(formik, "computedFieldValueProviderCtxt") && (_jsx(Message, { severity: "error", text: (_31 = (_30 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _30 === void 0 ? void 0 : _30.computedFieldValueProviderCtxt) === null || _31 === void 0 ? void 0 : _31.toString() }))] }))] })), (currentFields.includes("regexPattern") || currentFields.includes("min") || currentFields.includes("max") || currentFields.includes("ormType")) && ormTypeOptions && selectedType.value !== 'relation' &&
|
|
1090
1263
|
_jsxs(_Fragment, { children: [_jsx("p", { className: "form-wrapper-heading text-base mt-3", children: "Validations" }), _jsxs("div", { className: "formgrid grid", children: [(currentFields.includes("regexPattern") && selectedType.value === "password") &&
|
|
1091
1264
|
_jsx(_Fragment, { children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "regexPattern", className: "form-field-label", children: "Password Policy" }), _jsx(Dropdown, { value: selectedPasswordPolicy, onChange: function (e) {
|
|
1092
1265
|
setSelectedPasswordPolicy(e.value);
|
|
@@ -1097,9 +1270,9 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1097
1270
|
// className="w-full md:w-14rem"
|
|
1098
1271
|
className: "", checkmark: true, highlightOnSelect: false })] }) }), currentFields.includes("regexPattern") && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "regexPattern", className: "form-field-label", children: "Regex Pattern" }), _jsx(InputText, { type: "text", id: "regexPattern", name: "regexPattern", onChange: formik.handleChange, value: formik.values.regexPattern, className: classNames("", {
|
|
1099
1272
|
"p-invalid": isFormFieldValid(formik, "regexPattern"),
|
|
1100
|
-
}) }), isFormFieldValid(formik, "regexPattern") && (_jsx(Message, { severity: "error", text: (
|
|
1273
|
+
}) }), isFormFieldValid(formik, "regexPattern") && (_jsx(Message, { severity: "error", text: (_33 = (_32 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _32 === void 0 ? void 0 : _32.regexPattern) === null || _33 === void 0 ? void 0 : _33.toString() }))] }), currentFields.includes("regexPattern") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "regexPatternNotMatchingErrorMsg", className: "form-field-label", children: "Regex Pattern Not Matching Error Msg" }), _jsx(InputText, { type: "text", id: "regexPatternNotMatchingErrorMsg", name: "regexPatternNotMatchingErrorMsg", onChange: formik.handleChange, value: formik.values.regexPatternNotMatchingErrorMsg, className: classNames("", {
|
|
1101
1274
|
"p-invalid": isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg"),
|
|
1102
|
-
}) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx(Message, { severity: "error", text: (
|
|
1275
|
+
}) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx(Message, { severity: "error", text: (_35 = (_34 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _34 === void 0 ? void 0 : _34.regexPatternNotMatchingErrorMsg) === null || _35 === void 0 ? void 0 : _35.toString() }))] }))] })), (currentFields.includes("min") || currentFields.includes("max")) &&
|
|
1103
1276
|
_jsxs(_Fragment, { children: [currentFields.includes("min") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("label", { htmlFor: "min", className: "form-field-label", children: ["Min ", (selectedType.value !== "int" && selectedType.value !== "decimal") && "(Characters Allowed)"] }), (selectedType.value === "int" ||
|
|
1104
1277
|
selectedType.value === "decimal" ||
|
|
1105
1278
|
selectedType.value === "shortText" ||
|
|
@@ -1110,7 +1283,7 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1110
1283
|
selectedType.value === "json") &&
|
|
1111
1284
|
_jsx(InputNumber, { id: "min", name: "min", onValueChange: formik.handleChange, value: formik.values.min, className: classNames("", {
|
|
1112
1285
|
"p-invalid": isFormFieldValid(formik, "min"),
|
|
1113
|
-
}), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: (
|
|
1286
|
+
}), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: (_37 = (_36 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _36 === void 0 ? void 0 : _36.min) === null || _37 === void 0 ? void 0 : _37.toString() }))] })), currentFields.includes("max") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("label", { htmlFor: "max", className: "form-field-label", children: ["Max ", (selectedType.value !== "int" &&
|
|
1114
1287
|
selectedType.value !== "decimal") && "(Characters allowed)"] }), (selectedType.value === "int" ||
|
|
1115
1288
|
selectedType.value === "decimal" ||
|
|
1116
1289
|
selectedType.value === "shortText" ||
|
|
@@ -1121,31 +1294,31 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1121
1294
|
selectedType.value === "json") &&
|
|
1122
1295
|
_jsx(InputNumber, { id: "max", name: "max", onValueChange: formik.handleChange, value: formik.values.max, className: classNames("", {
|
|
1123
1296
|
"p-invalid": isFormFieldValid(formik, "max"),
|
|
1124
|
-
}), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: (
|
|
1297
|
+
}), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: (_39 = (_38 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _38 === void 0 ? void 0 : _38.max) === null || _39 === void 0 ? void 0 : _39.toString() }))] }))] }), currentFields.includes("ormType") && (_jsx("div", { className: "md:col-12 sm:col-12", children: ormTypeOptions && ormTypeOptions.length > 1 &&
|
|
1125
1298
|
_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "ormType", className: "form-field-label", children: "Type" }), _jsx("div", { className: "ormTypeflex", children: ormTypeOptions && ormTypeOptions.map(function (ormType) {
|
|
1126
1299
|
return (_jsx(_Fragment, { children: _jsxs("div", { className: "mr-3 align-items-center", children: [_jsx(RadioButton, { inputId: ormType.label, name: "ormType", value: ormType.label, onChange: function (e) {
|
|
1127
1300
|
formik.setFieldValue("ormType", e.value);
|
|
1128
1301
|
setSelectedOrmType(e.value);
|
|
1129
1302
|
}, checked: selectedOrmType === ormType.label }), _jsxs("label", { htmlFor: ormType.label, className: "ml-2", children: [ormType.label, _jsx("br", {}), _jsx("span", { className: "ml-4 fieldSubTitle", children: ormType.description })] })] }, ormType.key) }));
|
|
1130
|
-
}) }), isFormFieldValid(formik, "ormType") && (_jsx(Message, { severity: "error", text: (
|
|
1303
|
+
}) }), isFormFieldValid(formik, "ormType") && (_jsx(Message, { severity: "error", text: (_41 = (_40 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _40 === void 0 ? void 0 : _40.ormType) === null || _41 === void 0 ? void 0 : _41.toString() }))] }) }))] })] }), (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && _jsx("p", { className: "form-wrapper-heading text-base mt-3", children: "Settings" }), _jsxs("div", { className: "formgrid grid", children: [currentFields.includes("required") && (formik.values.relationType !== "many-to-many" && formik.values.relationType !== "one-to-many") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "required", onChange: function (e) {
|
|
1131
1304
|
formik.setFieldValue("required", e.checked);
|
|
1132
|
-
}, checked: formik.values.required }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Required" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if this field is empty" }), isFormFieldValid(formik, "required") && (_jsx(Message, { severity: "error", text: (
|
|
1305
|
+
}, checked: formik.values.required }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Required" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if this field is empty" }), isFormFieldValid(formik, "required") && (_jsx(Message, { severity: "error", text: (_43 = (_42 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _42 === void 0 ? void 0 : _42.required) === null || _43 === void 0 ? void 0 : _43.toString() }))] })), currentFields.includes("unique") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "unique", onChange: function (e) {
|
|
1133
1306
|
formik.setFieldValue("unique", e.checked);
|
|
1134
1307
|
formik.setFieldValue("isUserKey", false);
|
|
1135
|
-
}, checked: formik.values.unique }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Unique" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if there is an existing entry with identical content" }), isFormFieldValid(formik, "unique") && (_jsx(Message, { severity: "error", text: (
|
|
1308
|
+
}, checked: formik.values.unique }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Unique" })] }), _jsx("p", { className: "text-xs mt-2", children: "You won't be able to create an entry if there is an existing entry with identical content" }), isFormFieldValid(formik, "unique") && (_jsx(Message, { severity: "error", text: (_45 = (_44 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _44 === void 0 ? void 0 : _44.unique) === null || _45 === void 0 ? void 0 : _45.toString() }))] })), currentFields.includes("index") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "index", onChange: function (e) {
|
|
1136
1309
|
formik.setFieldValue("index", e.checked);
|
|
1137
|
-
}, checked: formik.values.index }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Index" })] }), isFormFieldValid(formik, "index") && (_jsx(Message, { severity: "error", text: (
|
|
1310
|
+
}, checked: formik.values.index }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Index" })] }), isFormFieldValid(formik, "index") && (_jsx(Message, { severity: "error", text: (_47 = (_46 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _46 === void 0 ? void 0 : _46.index) === null || _47 === void 0 ? void 0 : _47.toString() }))] })), currentFields.includes("private") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "private", onChange: function (e) {
|
|
1138
1311
|
formik.setFieldValue("private", e.checked);
|
|
1139
|
-
}, checked: formik.values.private }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Private" })] }), _jsx("p", { className: "text-xs mt-2", children: "This field will not show up in the API response" }), isFormFieldValid(formik, "private") && (_jsx(Message, { severity: "error", text: (
|
|
1312
|
+
}, checked: formik.values.private }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Private" })] }), _jsx("p", { className: "text-xs mt-2", children: "This field will not show up in the API response" }), isFormFieldValid(formik, "private") && (_jsx(Message, { severity: "error", text: (_49 = (_48 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _48 === void 0 ? void 0 : _48.private) === null || _49 === void 0 ? void 0 : _49.toString() }))] })), currentFields.includes("encrypt") && selectedType.value !== 'relation' && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "encrypt", onChange: function (e) {
|
|
1140
1313
|
formik.setFieldValue("encrypt", e.checked);
|
|
1141
1314
|
setEncryptState(e.checked);
|
|
1142
|
-
}, checked: formik.values.encrypt }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx(Message, { severity: "error", text: (
|
|
1315
|
+
}, checked: formik.values.encrypt }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Encrypt" })] }), isFormFieldValid(formik, "encrypt") && (_jsx(Message, { severity: "error", text: (_51 = (_50 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _50 === void 0 ? void 0 : _50.encrypt) === null || _51 === void 0 ? void 0 : _51.toString() }))] })), currentFields.includes("isMultiSelect") && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center", children: [_jsx(Checkbox, { name: "isMultiSelect", onChange: function (e) {
|
|
1143
1316
|
formik.setFieldValue("isMultiSelect", e.checked);
|
|
1144
|
-
}, checked: formik.values.isMultiSelect }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Is MultiSelect" })] }), isFormFieldValid(formik, "isMultiSelect") && (_jsx(Message, { severity: "error", text: (
|
|
1317
|
+
}, checked: formik.values.isMultiSelect }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label ml-2", children: "Is MultiSelect" })] }), isFormFieldValid(formik, "isMultiSelect") && (_jsx(Message, { severity: "error", text: (_53 = (_52 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _52 === void 0 ? void 0 : _52.isMultiSelect) === null || _53 === void 0 ? void 0 : _53.toString() }))] })), currentFields.includes("enableAuditTracking") && formik.values.relationType !== "one-to-many" && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "enableAuditTracking", onChange: function (e) {
|
|
1145
1318
|
formik.setFieldValue("enableAuditTracking", e.checked);
|
|
1146
|
-
}, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Enable Audit Tracking" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting audit trail for this field." }), isFormFieldValid(formik, "enableAuditTracking") && (_jsx(Message, { severity: "error", text: (
|
|
1319
|
+
}, checked: formik.values.enableAuditTracking }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Enable Audit Tracking" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting audit trail for this field." }), isFormFieldValid(formik, "enableAuditTracking") && (_jsx(Message, { severity: "error", text: (_55 = (_54 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _54 === void 0 ? void 0 : _54.enableAuditTracking) === null || _55 === void 0 ? void 0 : _55.toString() }))] })), currentFields.includes("isUserKey") && formik.values.unique && (_jsxs("div", { className: "field col-6 flex-flex-column gap-2 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(Checkbox, { name: "isUserKey", onChange: function (e) {
|
|
1147
1320
|
formik.setFieldValue("isUserKey", e.checked);
|
|
1148
|
-
}, checked: formik.values.isUserKey }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Is Userkey" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the model's user key. Any existing user key configuration will be overwritten" }), isFormFieldValid(formik, "isUserKey") && (_jsx(Message, { severity: "error", text: (
|
|
1321
|
+
}, checked: formik.values.isUserKey }), _jsx("label", { htmlFor: "ingredient1", className: "form-field-label", children: "Is Userkey" })] }), _jsx("p", { className: "fieldSubTitle", children: "By selecting this option, you are setting this field as the model's user key. Any existing user key configuration will be overwritten" }), isFormFieldValid(formik, "isUserKey") && (_jsx(Message, { severity: "error", text: (_57 = (_56 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _56 === void 0 ? void 0 : _56.isUserKey) === null || _57 === void 0 ? void 0 : _57.toString() }))] }))] }), formik.values.encrypt === true && (_jsxs("div", { className: "formgrid grid mt-2", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "encryptionType", className: "form-field-label", children: "Encryption Type" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "encryptionType", fieldNameId: "encryptionType", labelKey: "label", valueKey: "value", searchData: searchSelectionEncryptionType, existingData: formik.values.encryptionType }, "encryptionType"), isFormFieldValid(formik, "encryptionType") && (_jsx(Message, { severity: "error", text: (_59 = (_58 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _58 === void 0 ? void 0 : _58.encryptionType) === null || _59 === void 0 ? void 0 : _59.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field col-6 flex-flex-column gap-2", children: [_jsx("label", { htmlFor: "decryptWhen", className: "form-field-label", children: "Decrypt When" }), _jsx(SingleSelectAutoCompleteField, { formik: formik, isFormFieldValid: isFormFieldValid, fieldName: "decryptWhen", fieldNameId: "decryptWhen", labelKey: "label", valueKey: "value", searchData: searchSelectionDecryptWhen, existingData: formik.values.decryptWhen }, "decryptWhen"), isFormFieldValid(formik, "decryptWhen") && (_jsx(Message, { severity: "error", text: (_61 = (_60 = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _60 === void 0 ? void 0 : _60.decryptWhen) === null || _61 === void 0 ? void 0 : _61.toString() }))] }) })] }))] })] }), _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { children: _jsx(Button, { label: "Finish", size: "small", onClick: function () { return showError(); }, type: "submit" }) }), _jsx("div", { children: _jsx(Button, { label: "Cancel", size: "small", severity: "secondary", type: "reset", onClick: function () { return setVisiblePopup(false); }, outlined: true }) })] })] }) }) })] }) }), _jsx(Dialog, { visible: isBackPopupVisible, header: "Select Type", headerClassName: "text-center", modal: true, footer: function () { return (_jsxs("div", { className: "flex gap-3", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", size: "small", type: "reset", severity: "danger", autoFocus: true, onClick: function () {
|
|
1149
1322
|
formik.resetForm();
|
|
1150
1323
|
setIsBackPopupVisible(false);
|
|
1151
1324
|
setShowTypeFilter(true);
|