@solidstarters/solid-core-ui 1.1.142 → 1.1.144
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/auth/SolidResetPassword.js +3 -3
- package/dist/components/auth/SolidResetPassword.js.map +1 -1
- 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/core/common/SolidGenericImport/SolidImportInstructions.d.ts.map +1 -1
- package/dist/components/core/common/SolidGenericImport/SolidImportInstructions.js +5 -1
- package/dist/components/core/common/SolidGenericImport/SolidImportInstructions.js.map +1 -1
- package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map +1 -1
- package/dist/components/core/common/SolidGlobalSearchElement.js +15 -1
- package/dist/components/core/common/SolidGlobalSearchElement.js.map +1 -1
- package/dist/components/core/dashboard/SolidDashboard.d.ts +3 -0
- package/dist/components/core/dashboard/SolidDashboard.d.ts.map +1 -0
- package/dist/components/core/dashboard/SolidDashboard.js +51 -0
- package/dist/components/core/dashboard/SolidDashboard.js.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardBody.d.ts +11 -0
- package/dist/components/core/dashboard/SolidDashboardBody.d.ts.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardBody.js +41 -0
- package/dist/components/core/dashboard/SolidDashboardBody.js.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardHeader.d.ts +3 -0
- package/dist/components/core/dashboard/SolidDashboardHeader.d.ts.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardHeader.js +7 -0
- package/dist/components/core/dashboard/SolidDashboardHeader.js.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilter.d.ts +3 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilter.d.ts.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilter.js +13 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilter.js.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilterWrapper.d.ts +3 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilterWrapper.d.ts.map +1 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilterWrapper.js +10 -0
- package/dist/components/core/dashboard/SolidDashboardVariableFilterWrapper.js.map +1 -0
- package/dist/components/core/dashboard/solid-dashboard.css +3 -0
- package/dist/components/core/list/SolidListView.d.ts.map +1 -1
- package/dist/components/core/list/SolidListView.js +3 -2
- package/dist/components/core/list/SolidListView.js.map +1 -1
- package/dist/components/core/list/SolidListViewConfigure.d.ts.map +1 -1
- package/dist/components/core/list/SolidListViewConfigure.js +16 -10
- package/dist/components/core/list/SolidListViewConfigure.js.map +1 -1
- package/dist/components/core/model/FieldMetaDataForm.d.ts.map +1 -1
- package/dist/components/core/model/FieldMetaDataForm.js +236 -51
- package/dist/components/core/model/FieldMetaDataForm.js.map +1 -1
- package/dist/redux/api/dashboardApi.d.ts +18 -0
- package/dist/redux/api/dashboardApi.d.ts.map +1 -0
- package/dist/redux/api/dashboardApi.js +25 -0
- package/dist/redux/api/dashboardApi.js.map +1 -0
- 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,63 @@ 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 _b, _c;
|
|
148
|
+
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, modelMetaData = _a.modelMetaData, errors = _a.errors, touched = _a.touched;
|
|
149
|
+
var _d = useState([]), filteredOperations = _d[0], setFilteredOperations = _d[1];
|
|
150
|
+
useEffect(function () {
|
|
151
|
+
var _a, _b;
|
|
152
|
+
if (!row.moduleName && ((_a = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _a === void 0 ? void 0 : _a.name)) {
|
|
153
|
+
formik.setFieldValue("computedFieldTriggerConfig[".concat(index, "].moduleName"), (_b = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _b === void 0 ? void 0 : _b.name);
|
|
154
|
+
}
|
|
155
|
+
if (!row.modelName && (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName)) {
|
|
156
|
+
formik.setFieldValue("computedFieldTriggerConfig[".concat(index, "].modelName"), modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName);
|
|
157
|
+
}
|
|
158
|
+
}, [(_b = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _b === void 0 ? void 0 : _b.name, modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName]);
|
|
159
|
+
var searchOperations = function (event) {
|
|
160
|
+
var query = event.query.toLowerCase();
|
|
161
|
+
setFilteredOperations(triggerOperationOptions.filter(function (item) {
|
|
162
|
+
return item.label.toLowerCase().includes(query);
|
|
163
|
+
}));
|
|
164
|
+
};
|
|
165
|
+
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: "displayName", valueKey: "name", searchData: searchModuleName, existingData: row.moduleName
|
|
166
|
+
? {
|
|
167
|
+
name: row.moduleName,
|
|
168
|
+
displayName: row.displayName || formatDisplayName(row.moduleName),
|
|
169
|
+
}
|
|
170
|
+
: ((_c = modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.module) === null || _c === void 0 ? void 0 : _c.name)
|
|
171
|
+
? {
|
|
172
|
+
name: modelMetaData.module.name,
|
|
173
|
+
displayName: modelMetaData.module.displayName || formatDisplayName(modelMetaData.module.name),
|
|
174
|
+
}
|
|
175
|
+
: 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
|
|
176
|
+
? {
|
|
177
|
+
singularName: row.modelName,
|
|
178
|
+
displayName: row.displayName || formatDisplayName(row.modelName),
|
|
179
|
+
}
|
|
180
|
+
: (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName)
|
|
181
|
+
? {
|
|
182
|
+
singularName: modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.singularName,
|
|
183
|
+
displayName: (modelMetaData === null || modelMetaData === void 0 ? void 0 : modelMetaData.displayName) || formatDisplayName(modelMetaData.displayName),
|
|
184
|
+
}
|
|
185
|
+
: 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) {
|
|
186
|
+
return onChange(index, __assign(__assign({}, row), { operations: e.value.map(function (val) { return val.value; }) }));
|
|
187
|
+
}, 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" })] }));
|
|
188
|
+
};
|
|
132
189
|
var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData) {
|
|
133
190
|
// const booleanFields: string | any[] = [
|
|
134
191
|
// "isSystem",
|
|
@@ -162,6 +219,10 @@ var fieldBasedPayloadFormating = function (values, currentFields, fieldMetaData)
|
|
|
162
219
|
var prettified = JSON.stringify(JSON.parse(values.computedFieldValueProviderCtxt), null, 2);
|
|
163
220
|
transformedPayload.computedFieldValueProviderCtxt = prettified;
|
|
164
221
|
}
|
|
222
|
+
if (currentFields.includes("computedFieldTriggerConfig")) {
|
|
223
|
+
// const prettified = JSON.stringify(values.computedFieldTriggerConfig, null, 2);
|
|
224
|
+
transformedPayload.computedFieldTriggerConfig = values.computedFieldTriggerConfig;
|
|
225
|
+
}
|
|
165
226
|
if (currentFields.includes("relationCreateInverse")) {
|
|
166
227
|
transformedPayload.relationCreateInverse = values.relationCreateInverse == false ? false : true;
|
|
167
228
|
}
|
|
@@ -375,50 +436,57 @@ var createValidationSchema = function (currentFields, selectedType, allFields, f
|
|
|
375
436
|
return false;
|
|
376
437
|
}
|
|
377
438
|
}),
|
|
378
|
-
})), (currentFields.includes("
|
|
379
|
-
|
|
439
|
+
})), (currentFields.includes("computedFieldTriggerConfig") && {
|
|
440
|
+
computedFieldTriggerConfig: Yup.array()
|
|
441
|
+
.of(Yup.object().shape({
|
|
442
|
+
moduleName: Yup.string().required("Module name is required"),
|
|
443
|
+
modelName: Yup.string().required("Model name is required"),
|
|
444
|
+
operations: Yup.array().of(Yup.string()).min(1, "Select at least one operation"),
|
|
445
|
+
}))
|
|
446
|
+
.min(1, "At least one trigger config is required")
|
|
447
|
+
.required("Computed Field Trigger Config is required"),
|
|
380
448
|
})), (currentFields.includes("columnName") && {
|
|
381
449
|
columnName: Yup.string().nullable().matches(/^[a-z0-9_]+$/, "Column name must be in snake_case (lowercase letters, numbers, and underscores only)."),
|
|
382
450
|
}));
|
|
383
451
|
return Yup.object(schema);
|
|
384
452
|
};
|
|
385
453
|
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
|
|
454
|
+
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
455
|
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
456
|
var booleanOptions = ["false", "true"];
|
|
389
|
-
var
|
|
390
|
-
var
|
|
457
|
+
var _62 = useState(false), isBackPopupVisible = _62[0], setIsBackPopupVisible = _62[1];
|
|
458
|
+
var _63 = useState(false), showColumnName = _63[0], setShowColumnName = _63[1];
|
|
391
459
|
var pathname = usePathname();
|
|
392
460
|
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
|
|
461
|
+
var _64 = useGetFieldDefaultMetaDataQuery(null), fieldDefaultMetaData = _64.data, isLoading = _64.isLoading, error = _64.error, refetch = _64.refetch;
|
|
462
|
+
var _65 = useState(fetchCurrentFields(fieldMetaData && fieldMetaData.type, fieldDefaultMetaData)), currentFields = _65[0], setCurrentFields = _65[1];
|
|
463
|
+
var _66 = useLazyGetMediaStorageProvidersQuery(), triggerGetMediaStorageProvider = _66[0], _67 = _66[1], MediaStorageProviderData = _67.data, isMediaStorageProviderFetching = _67.isFetching, MediaStorageProviderError = _67.error;
|
|
464
|
+
var _68 = useLazyGetmodulesQuery(), triggerGetModules = _68[0], _69 = _68[1], moduleData = _69.data, isModuleFetching = _69.isFetching, moduleError = _69.error;
|
|
465
|
+
var _70 = useLazyGetModelsQuery(), triggerGetModels = _70[0], _71 = _70[1], modelData = _71.data, ismodelFetching = _71.isFetching, modelError = _71.error;
|
|
466
|
+
var _72 = useUpdateUserKeyMutation(), updateUserKey = _72[0], _73 = _72[1], isUpdateUserKeyLoading = _73.isLoading, isUpdateUserKeySuccess = _73.isSuccess, isUpdateUserKeyError = _73.isError, UpdateUserKeyError = _73.error, newModel = _73.data;
|
|
467
|
+
var _74 = useState(), markdownText = _74[0], setMarkdownText = _74[1];
|
|
468
|
+
var _75 = useState(false), encryptState = _75[0], setEncryptState = _75[1];
|
|
469
|
+
var _76 = useState(fieldMetaData ? false : true), showTypeFilter = _76[0], setShowTypeFilter = _76[1];
|
|
470
|
+
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];
|
|
471
|
+
var _78 = useState((fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueType) && { label: fieldMetaData.computedFieldValueType, value: fieldMetaData.computedFieldValueType }), selectedComputedFieldValueType = _78[0], setSelectedComputedFieldValueType = _78[1];
|
|
472
|
+
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
473
|
// 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
|
|
474
|
+
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];
|
|
475
|
+
var _81 = useState([]), filteredComputedFieldValueTypes = _81[0], setFilteredComputedFieldValueTypes = _81[1];
|
|
476
|
+
var _82 = useState([]), filteredSelectionDynamicProvider = _82[0], setFilteredSelectionDynamicProvider = _82[1];
|
|
477
|
+
var _83 = useState([]), ormTypeOptions = _83[0], setOrmTypeOptions = _83[1];
|
|
478
|
+
var _84 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.ormType), selectedOrmType = _84[0], setSelectedOrmType = _84[1];
|
|
479
|
+
var _85 = useState(false), askForUserKeyField = _85[0], setAskForUserKeyField = _85[1];
|
|
480
|
+
var _86 = useState([]), userKeyFieldData = _86[0], setUserKeyFieldData = _86[1];
|
|
481
|
+
var _87 = useState([]), filteredExternalIdProvider = _87[0], setFilteredExternalIdProvider = _87[1];
|
|
482
|
+
var _88 = useState([]), filteredSelectionEncryptionType = _88[0], setFilteredSelectionEncryptionType = _88[1];
|
|
483
|
+
var _89 = useState([]), filteredSelectionDecryptWhen = _89[0], setFilteredSelectionDecryptWhen = _89[1];
|
|
416
484
|
var items = Array.from({ length: 100000 }).map(function (_, i) { return ({
|
|
417
485
|
label: "Item #".concat(i),
|
|
418
486
|
value: i,
|
|
419
487
|
}); });
|
|
420
488
|
var validationSchema = React.useMemo(function () { return createValidationSchema(currentFields, selectedType, allFields, fieldMetaData, encryptState); }, [currentFields, encryptState]);
|
|
421
|
-
var
|
|
489
|
+
var _90 = useState(false), typeSelected = _90[0], setTypeSelected = _90[1];
|
|
422
490
|
var searchMediaTypes = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
423
491
|
var query, suggestionData;
|
|
424
492
|
return __generator(this, function (_a) {
|
|
@@ -609,6 +677,82 @@ var FieldMetaDataForm = function (_a) {
|
|
|
609
677
|
}
|
|
610
678
|
});
|
|
611
679
|
}); };
|
|
680
|
+
var searchModuleName = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
681
|
+
var query, queryData, queryString, result, updatedSuggestion, error_4;
|
|
682
|
+
return __generator(this, function (_a) {
|
|
683
|
+
switch (_a.label) {
|
|
684
|
+
case 0:
|
|
685
|
+
_a.trys.push([0, 2, , 3]);
|
|
686
|
+
query = event.query;
|
|
687
|
+
queryData = {
|
|
688
|
+
limit: 10,
|
|
689
|
+
offset: 0,
|
|
690
|
+
filters: {
|
|
691
|
+
name: {
|
|
692
|
+
$containsi: query,
|
|
693
|
+
},
|
|
694
|
+
},
|
|
695
|
+
};
|
|
696
|
+
queryString = qs.stringify(queryData, {
|
|
697
|
+
encodeValuesOnly: true,
|
|
698
|
+
});
|
|
699
|
+
return [4 /*yield*/, triggerGetModules(queryString).unwrap()];
|
|
700
|
+
case 1:
|
|
701
|
+
result = _a.sent();
|
|
702
|
+
if (result && result.records) {
|
|
703
|
+
updatedSuggestion = __spreadArray([], result.records, true);
|
|
704
|
+
return [2 /*return*/, updatedSuggestion];
|
|
705
|
+
}
|
|
706
|
+
else {
|
|
707
|
+
return [2 /*return*/, []];
|
|
708
|
+
}
|
|
709
|
+
return [3 /*break*/, 3];
|
|
710
|
+
case 2:
|
|
711
|
+
error_4 = _a.sent();
|
|
712
|
+
return [2 /*return*/, []];
|
|
713
|
+
case 3: return [2 /*return*/];
|
|
714
|
+
}
|
|
715
|
+
});
|
|
716
|
+
}); };
|
|
717
|
+
var getSearchModelNameHandler = useCallback(function (moduleName) {
|
|
718
|
+
return function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
719
|
+
var query, queryData, queryString, result, error_5;
|
|
720
|
+
var _a;
|
|
721
|
+
return __generator(this, function (_b) {
|
|
722
|
+
switch (_b.label) {
|
|
723
|
+
case 0:
|
|
724
|
+
_b.trys.push([0, 2, , 3]);
|
|
725
|
+
query = event.query;
|
|
726
|
+
queryData = {
|
|
727
|
+
limit: 10,
|
|
728
|
+
offset: 0,
|
|
729
|
+
filters: {
|
|
730
|
+
module: {
|
|
731
|
+
name: {
|
|
732
|
+
$containsi: moduleName,
|
|
733
|
+
},
|
|
734
|
+
},
|
|
735
|
+
},
|
|
736
|
+
};
|
|
737
|
+
if (query) {
|
|
738
|
+
queryData.filters.singularName = {
|
|
739
|
+
$containsi: query,
|
|
740
|
+
};
|
|
741
|
+
}
|
|
742
|
+
queryString = qs.stringify(queryData, { encodeValuesOnly: true });
|
|
743
|
+
return [4 /*yield*/, triggerGetModels(queryString).unwrap()];
|
|
744
|
+
case 1:
|
|
745
|
+
result = _b.sent();
|
|
746
|
+
return [2 /*return*/, (_a = result === null || result === void 0 ? void 0 : result.records) !== null && _a !== void 0 ? _a : []];
|
|
747
|
+
case 2:
|
|
748
|
+
error_5 = _b.sent();
|
|
749
|
+
return [2 /*return*/, []];
|
|
750
|
+
case 3: return [2 /*return*/];
|
|
751
|
+
}
|
|
752
|
+
});
|
|
753
|
+
}); };
|
|
754
|
+
}, [] // or include dependencies like triggerGetModels if needed
|
|
755
|
+
);
|
|
612
756
|
var searchUserKeyField = function () {
|
|
613
757
|
return userKeyFieldData;
|
|
614
758
|
};
|
|
@@ -724,7 +868,7 @@ var FieldMetaDataForm = function (_a) {
|
|
|
724
868
|
{ label: "True", value: "true" },
|
|
725
869
|
{ label: "False", value: "false" },
|
|
726
870
|
];
|
|
727
|
-
var
|
|
871
|
+
var _91 = useState(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.regexPattern), selectedPasswordPolicy = _91[0], setSelectedPasswordPolicy = _91[1];
|
|
728
872
|
var passwordPolicyOptions = [
|
|
729
873
|
{ label: 'Lowercase and Uppercase Alphabets Required', value: '^(?=.*[a-z])(?=.*[A-Z]).*$' },
|
|
730
874
|
{ label: 'Lowercase and Uppercase Alphabets and Numbers Required', value: '^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).*$' },
|
|
@@ -737,6 +881,24 @@ var FieldMetaDataForm = function (_a) {
|
|
|
737
881
|
{ label: 'Video (Supports MP4, AVI, MKV, etc.)', value: 'video' },
|
|
738
882
|
{ label: 'File (Supports PDF, DOCX, TXT, etc.)', value: 'file' }
|
|
739
883
|
];
|
|
884
|
+
var parseComputedFieldTriggerConfig = function (input) {
|
|
885
|
+
try {
|
|
886
|
+
if (typeof input === "string") {
|
|
887
|
+
var parsed = JSON.parse(input);
|
|
888
|
+
return Array.isArray(parsed) ? parsed : [parsed];
|
|
889
|
+
}
|
|
890
|
+
else if (Array.isArray(input)) {
|
|
891
|
+
return input;
|
|
892
|
+
}
|
|
893
|
+
else if (typeof input === "object" && input !== null) {
|
|
894
|
+
return [input];
|
|
895
|
+
}
|
|
896
|
+
}
|
|
897
|
+
catch (_a) {
|
|
898
|
+
return [{ moduleName: "", modelName: "", operations: [] }];
|
|
899
|
+
}
|
|
900
|
+
return [{ moduleName: "", modelName: "", operations: [] }];
|
|
901
|
+
};
|
|
740
902
|
var initialValues = {
|
|
741
903
|
name: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.name : null,
|
|
742
904
|
displayName: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.displayName : null,
|
|
@@ -773,7 +935,7 @@ var FieldMetaDataForm = function (_a) {
|
|
|
773
935
|
selectionStaticValues: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionStaticValues : [""],
|
|
774
936
|
selectionValueType: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.selectionValueType : null,
|
|
775
937
|
computedFieldValueProvider: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProvider : null,
|
|
776
|
-
|
|
938
|
+
computedFieldTriggerConfig: parseComputedFieldTriggerConfig(fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldTriggerConfig),
|
|
777
939
|
computedFieldValueProviderCtxt: fieldMetaData ? fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.computedFieldValueProviderCtxt : "",
|
|
778
940
|
// externalIdProvider: fieldMetaData ? fieldMetaData?.externalIdProvider : null,
|
|
779
941
|
// externalIdProviderCtxt: fieldMetaData ? fieldMetaData?.externalIdProviderCtxt : "",
|
|
@@ -955,6 +1117,27 @@ var FieldMetaDataForm = function (_a) {
|
|
|
955
1117
|
setIsDirty(true);
|
|
956
1118
|
}
|
|
957
1119
|
}, [formik.dirty]);
|
|
1120
|
+
var handleChange = function (index, updatedRow) {
|
|
1121
|
+
var updatedRows = __spreadArray([], formik.values.computedFieldTriggerConfig, true);
|
|
1122
|
+
updatedRows[index] = updatedRow;
|
|
1123
|
+
formik.setFieldValue("computedFieldTriggerConfig", updatedRows);
|
|
1124
|
+
};
|
|
1125
|
+
var handleAdd = function () {
|
|
1126
|
+
var updatedRows = __spreadArray(__spreadArray([], formik.values.computedFieldTriggerConfig, true), [
|
|
1127
|
+
{ moduleName: '', modelName: '', operations: [] }
|
|
1128
|
+
], false);
|
|
1129
|
+
formik.setFieldValue("computedFieldTriggerConfig", updatedRows);
|
|
1130
|
+
};
|
|
1131
|
+
var handleDelete = function (index) {
|
|
1132
|
+
var updatedRows = formik.values.computedFieldTriggerConfig.filter(function (_, i) { return i !== index; });
|
|
1133
|
+
formik.setFieldValue("computedFieldTriggerConfig", updatedRows.length > 0 ? updatedRows : [{ moduleName: '', modelName: '', operations: [] }]);
|
|
1134
|
+
};
|
|
1135
|
+
console.log("formik.values.computedFieldTriggerConfig", formik.values.computedFieldTriggerConfig);
|
|
1136
|
+
var computedFieldSearchHandlers = useMemo(function () {
|
|
1137
|
+
return formik.values.computedFieldTriggerConfig.map(function (row) {
|
|
1138
|
+
return getSearchModelNameHandler(row.moduleName);
|
|
1139
|
+
});
|
|
1140
|
+
}, [formik.values.computedFieldTriggerConfig]);
|
|
958
1141
|
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
1142
|
_jsxs(_Fragment, { children: [_jsx("div", { className: "flex align-items-center gap-3", children: showTypeFilter === false ?
|
|
960
1143
|
_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 +1251,14 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1068
1251
|
return formik.setFieldValue("selectionValueType", e.value);
|
|
1069
1252
|
}, placeholder: "Select Value Type", className: classNames("", {
|
|
1070
1253
|
"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,
|
|
1254
|
+
}) }), 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
1255
|
// 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: (
|
|
1256
|
+
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
|
|
1257
|
+
&&
|
|
1258
|
+
_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) {
|
|
1259
|
+
var _a;
|
|
1260
|
+
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], modelMetaData: modelMetaData, errors: (_a = formik.errors.computedFieldTriggerConfig) === null || _a === void 0 ? void 0 : _a[index] }, index));
|
|
1261
|
+
}), typeof formik.errors.computedFieldTriggerConfig === 'string' && (_jsx(Message, { severity: "error", text: formik.errors.computedFieldTriggerConfig }))] })), currentFields.includes("selectionDynamicProviderCtxt") && (
|
|
1077
1262
|
// {/* {markdownText &&
|
|
1078
1263
|
// <div className="md:col-12 sm:col-12">
|
|
1079
1264
|
// <div className="field col-6 flex-flex-column gap-2">
|
|
@@ -1084,9 +1269,9 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1084
1269
|
// </div>
|
|
1085
1270
|
// </div>
|
|
1086
1271
|
// } */}
|
|
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: (
|
|
1272
|
+
_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
1273
|
// {/* {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: (
|
|
1274
|
+
), 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
1275
|
_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
1276
|
_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
1277
|
setSelectedPasswordPolicy(e.value);
|
|
@@ -1097,9 +1282,9 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1097
1282
|
// className="w-full md:w-14rem"
|
|
1098
1283
|
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
1284
|
"p-invalid": isFormFieldValid(formik, "regexPattern"),
|
|
1100
|
-
}) }), isFormFieldValid(formik, "regexPattern") && (_jsx(Message, { severity: "error", text: (
|
|
1285
|
+
}) }), 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
1286
|
"p-invalid": isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg"),
|
|
1102
|
-
}) }), isFormFieldValid(formik, "regexPatternNotMatchingErrorMsg") && (_jsx(Message, { severity: "error", text: (
|
|
1287
|
+
}) }), 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
1288
|
_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
1289
|
selectedType.value === "decimal" ||
|
|
1105
1290
|
selectedType.value === "shortText" ||
|
|
@@ -1110,7 +1295,7 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1110
1295
|
selectedType.value === "json") &&
|
|
1111
1296
|
_jsx(InputNumber, { id: "min", name: "min", onValueChange: formik.handleChange, value: formik.values.min, className: classNames("", {
|
|
1112
1297
|
"p-invalid": isFormFieldValid(formik, "min"),
|
|
1113
|
-
}), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "min") && (_jsx(Message, { severity: "error", text: (
|
|
1298
|
+
}), 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
1299
|
selectedType.value !== "decimal") && "(Characters allowed)"] }), (selectedType.value === "int" ||
|
|
1115
1300
|
selectedType.value === "decimal" ||
|
|
1116
1301
|
selectedType.value === "shortText" ||
|
|
@@ -1121,31 +1306,31 @@ var FieldMetaDataForm = function (_a) {
|
|
|
1121
1306
|
selectedType.value === "json") &&
|
|
1122
1307
|
_jsx(InputNumber, { id: "max", name: "max", onValueChange: formik.handleChange, value: formik.values.max, className: classNames("", {
|
|
1123
1308
|
"p-invalid": isFormFieldValid(formik, "max"),
|
|
1124
|
-
}), disabled: fieldMetaData === null || fieldMetaData === void 0 ? void 0 : fieldMetaData.id }), isFormFieldValid(formik, "max") && (_jsx(Message, { severity: "error", text: (
|
|
1309
|
+
}), 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
1310
|
_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
1311
|
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
1312
|
formik.setFieldValue("ormType", e.value);
|
|
1128
1313
|
setSelectedOrmType(e.value);
|
|
1129
1314
|
}, 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: (
|
|
1315
|
+
}) }), 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
1316
|
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: (
|
|
1317
|
+
}, 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
1318
|
formik.setFieldValue("unique", e.checked);
|
|
1134
1319
|
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: (
|
|
1320
|
+
}, 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
1321
|
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: (
|
|
1322
|
+
}, 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
1323
|
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: (
|
|
1324
|
+
}, 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
1325
|
formik.setFieldValue("encrypt", e.checked);
|
|
1141
1326
|
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: (
|
|
1327
|
+
}, 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
1328
|
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: (
|
|
1329
|
+
}, 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
1330
|
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: (
|
|
1331
|
+
}, 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
1332
|
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: (
|
|
1333
|
+
}, 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
1334
|
formik.resetForm();
|
|
1150
1335
|
setIsBackPopupVisible(false);
|
|
1151
1336
|
setShowTypeFilter(true);
|