@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.20

package/dist/components/core/form/SolidFormView.js

@@ -797,7 +797,7 @@ var SolidFormView = function (params) {
                         baseFormPath = normalizeSolidFormActionPath(pathname, "form");
                         queryParams = new URLSearchParams(searchParams.toString());
                         queryParams.set("viewMode", "view");
-                        router.push("".concat(baseFormPath, "/").concat((_t = result === null || result === void 0 ? void 0 : result.data) === null || _t === void 0 ? void 0 : _t.id, "?").concat(queryParams.toString()));
+                        router.replace("".concat(baseFormPath, "/").concat((_t = result === null || result === void 0 ? void 0 : result.data) === null || _t === void 0 ? void 0 : _t.id, "?").concat(queryParams.toString()));
                         setViewMode("view");
                     }
                     return [2 /*return*/, result];
@@ -1049,7 +1049,7 @@ var SolidFormView = function (params) {
     // }, [solidFormViewMetaData, solidFormViewData]);
     useEffect(function () {
         var runFormEvents = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var workingLayout, workingFormData, baseEvent, onFormLayoutLoadFn, fn, result, e_1, onFormDataLoadFn, fn, result, e_2, onFormLoadFn, fn, result, e_3;
+            var workingLayout, workingFormData, solidFieldsMetadata, baseEvent, onFormLayoutLoadFn, fn, result, e_1, onFormDataLoadFn, fn, result, e_2, onFormLoadFn, fn, result, e_3;
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             return __generator(this, function (_p) {
                 switch (_p.label) {
@@ -1058,9 +1058,10 @@ var SolidFormView = function (params) {
                             return [2 /*return*/];
                         workingLayout = (_a = params.customLayout) !== null && _a !== void 0 ? _a : (_c = (_b = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.layout;
                         workingFormData = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data;
+                        solidFieldsMetadata = solidFormViewMetaData.data.solidFieldsMetadata;
                         baseEvent = {
                             parentData: params === null || params === void 0 ? void 0 : params.parentData,
-                            fieldsMetadata: solidFormViewMetaData,
+                            fieldsMetadata: solidFieldsMetadata,
                             viewMetadata: (_d = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView,
                             queryParams: {
                                 actionName: actionName,
@@ -1157,7 +1158,7 @@ var SolidFormView = function (params) {
             enableReinitialize: true,
             onSubmit: onFormikSubmit,
         });
-        return (_jsx("div", { className: "solid-form-wrapper", ref: solidFormWrapperRef, children: _jsxs("div", { className: "solid-form-section", children: [_jsx("div", { className: "page-header solid-list-toolbar flex-column lg:flex-row", children: _jsxs("div", { className: "flex justify-content-between w-full solid-form-toolbar-row", children: [_jsx("div", { className: "flex gap-3 align-items-center solid-form-toolbar-left", children: _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: "Loading form" }) }), _jsx("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: _jsx(SolidHeaderRequestStatus, { label: "Loading..." }) })] }) }), _jsx("div", { className: "solid-view-loading-body-spacer flex-1 min-h-0" })] }) }));
+        return (_jsx("div", { className: "solid-form-wrapper ".concat(viewMode == "edit" ? "solid-form-edit" : "solid-form-view"), ref: solidFormWrapperRef, children: _jsxs("div", { className: "solid-form-section", children: [_jsx("div", { className: "page-header solid-list-toolbar flex-column lg:flex-row", children: _jsxs("div", { className: "flex justify-content-between w-full solid-form-toolbar-row", children: [_jsx("div", { className: "flex gap-3 align-items-center solid-form-toolbar-left", children: _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: "Loading form" }) }), _jsx("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-form-toolbar-actions", children: _jsx(SolidHeaderRequestStatus, { label: "Loading..." }) })] }) }), _jsx("div", { className: "solid-view-loading-body-spacer flex-1 min-h-0" })] }) }));
     }
     // At this point everything required to render the form is loaded, so we go ahead and start rendering things dynamically...
     else {
@@ -1179,6 +1180,9 @@ var SolidFormView = function (params) {
             if (params.parentData) {
                 fieldContext.parentData = params.parentData;
             }
+            if (params.parentFieldName) {
+                fieldContext.parentFieldName = params.parentFieldName;
+            }
             var solidField = fieldFactory(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type, fieldContext);
             if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
                 var errorMessage = ((_g = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _g === void 0 ? void 0 : _g.label) ? (_h = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _h === void 0 ? void 0 : _h.label : formLayoutField.attrs.name;
@@ -1200,7 +1204,7 @@ var SolidFormView = function (params) {
             onSubmit: onFormikSubmit,
         });
         var formFieldOnXXX_1 = function (event, eventType) { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, fieldName, value, type, checked, changeHandler, dynamicChangeHandler, event_1, updatedFormInfo;
+            var _a, fieldName, value, changeHandler, dynamicChangeHandler, event_1, updatedFormInfo;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -1208,11 +1212,12 @@ var SolidFormView = function (params) {
                         // Invoke the formik change
                         if (eventType === 'onFieldChange') {
                             formik.handleChange(event);
+                            formik.setFieldTouched(event.target.name, true, false);
                         }
                         else if (eventType === 'onFieldBlur') {
                             formik.handleBlur(event);
                         }
-                        _a = event.target, fieldName = _a.name, value = _a.value, type = _a.type, checked = _a.checked;
+                        _a = event.target, fieldName = _a.name, value = _a.value;
                         changeHandler = solidView_1.layout.attrs[eventType];
                         if (!changeHandler) {
                             changeHandler = solidView_1.layout[eventType];
@@ -1524,7 +1529,7 @@ var SolidFormView = function (params) {
             return slide;
         })
             .filter(function (slide) { return !!slide; });
-        return (_jsxs("div", { className: "solid-form-wrapper", ref: solidFormWrapperRef, children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_jsx(FormikSubmitWatcher, { formik: formik, tabFieldsRef: tabFieldsRef, embeded: params.embeded, searchParams: searchParams, setRequestedTab: setRequestedTab, setRequestedTabVersion: setRequestedTabVersion }), _jsx(SolidFormActionHeader, { formik: formik, formData: solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data, params: params, actionsAllowed: actionsAllowed, formViewLayout: formViewLayout, solidView: solidView_1, solidFormViewMetaData: solidFormViewMetaData, initialEntityData: solidFormViewData ? solidFormViewData.data : {}, setDeleteDialogVisible: setDeleteDialogVisible, setLayoutDialogVisible: setLayoutDialogVisible, setRedirectToList: setRedirectToList, viewMode: viewMode, setViewMode: setViewMode, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, draftEnabled: (_m = (_l = (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.model) === null || _m === void 0 ? void 0 : _m.draftPublishWorkflow, publish: published, internationalisationEnabled: (_q = (_p = (_o = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.model) === null || _q === void 0 ? void 0 : _q.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, headerRequestStatusLabel: isSubmitting ? "Saving..." : null, showMobileOpenChatter: isMobileViewport && !isShowChatter && params.embeded !== true, onMobileOpenChatter: function () { return setShowChatter(true); } }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : '', " ").concat(params.embeded === true ? 'h-auto' : ''), style: { maxHeight: params.embeded === true ? '80vh' : '', overflowY: 'auto' }, children: [DynamicHeaderComponent && _jsx(DynamicHeaderComponent, {}), params.id === 'new' && DynamicFormComponentNew ? (_jsx(DynamicFormComponentNew, { params: params })) : params.id !== 'new' && DynamicFormComponentEdit ? (_jsx(DynamicFormComponentEdit, { params: params })) : (renderFormDynamically(formViewMetaData, formViewLayout))] })] }), _jsx(SolidFormFooter, { params: params })] }), params.embeded !== true &&
+        return (_jsxs("div", { className: "solid-form-wrapper", ref: solidFormWrapperRef, children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_jsx(FormikSubmitWatcher, { formik: formik, tabFieldsRef: tabFieldsRef, embeded: params.embeded, searchParams: searchParams, setRequestedTab: setRequestedTab, setRequestedTabVersion: setRequestedTabVersion }), _jsx(SolidFormActionHeader, { formik: formik, formData: solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data, params: params, actionsAllowed: actionsAllowed, formViewLayout: formViewLayout, solidView: solidView_1, solidFormViewMetaData: solidFormViewMetaData, initialEntityData: solidFormViewData ? solidFormViewData.data : {}, setDeleteDialogVisible: setDeleteDialogVisible, setLayoutDialogVisible: setLayoutDialogVisible, setRedirectToList: setRedirectToList, viewMode: viewMode, setViewMode: setViewMode, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, draftEnabled: (_m = (_l = (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.model) === null || _m === void 0 ? void 0 : _m.draftPublishWorkflow, publish: published, internationalisationEnabled: (_q = (_p = (_o = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.model) === null || _q === void 0 ? void 0 : _q.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, headerRequestStatusLabel: isSubmitting ? "Saving..." : null, showMobileOpenChatter: isMobileViewport && !isShowChatter && params.embeded !== true, onMobileOpenChatter: function () { return setShowChatter(true); } }), _jsxs("div", { className: "px-3 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : 'solid-edit-mode-form-content', " ").concat(params.embeded === true ? 'h-auto' : ''), children: [DynamicHeaderComponent && _jsx(DynamicHeaderComponent, {}), params.id === 'new' && DynamicFormComponentNew ? (_jsx(DynamicFormComponentNew, { params: params })) : params.id !== 'new' && DynamicFormComponentEdit ? (_jsx(DynamicFormComponentEdit, { params: params })) : (renderFormDynamically(formViewMetaData, formViewLayout))] })] }), _jsx(SolidFormFooter, { params: params })] }), params.embeded !== true &&
                     _jsxs("div", { className: "chatter-section ".concat(isShowChatter === false ? 'collapsed' : 'open'), style: { width: chatterLocaleWidth }, children: [isShowChatter && (_jsx("div", { style: {
                                     width: 5,
                                     cursor: 'col-resize',