@solidxai/core-ui 0.1.4-beta.0 → 0.1.4-beta.2

package/dist/components/core/list/SolidListView.js

@@ -55,7 +55,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// @ts-nocheck
 import { forwardRef, useState, useEffect, useRef, useMemo, useImperativeHandle } from "react";
 import { DataTable, } from "primereact/datatable";
 import { Column } from "primereact/column";
@@ -66,7 +65,6 @@ import { Dialog } from "primereact/dialog";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { SolidListViewColumn } from "./SolidListViewColumn";
-// import { SolidListViewOptions } from "../common/SolidListviewOptions";
 import { SolidCreateButton } from "../common/SolidCreateButton";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
@@ -82,7 +80,6 @@ import { Divider } from "primereact/divider";
 import CompactImage from '../../../resources/images/layout/images/compact.png';
 import CozyImage from '../../../resources/images/layout/images/cozy.png';
 import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
-import { capitalize } from "lodash";
 import Lightbox from "yet-another-react-lightbox";
 import Counter from "yet-another-react-lightbox/plugins/counter";
 import Download from "yet-another-react-lightbox/plugins/download";
@@ -161,7 +158,7 @@ export var setFilterObjectToLocalStorageByUrl = function (url, queryObject) {
     return null;
 };
 export var SolidListView = forwardRef(function (params, ref) {
-    var _a, _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;
+    var _a, _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;
     var session = useSession();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
     var dispatch = useDispatch();
@@ -171,38 +168,41 @@ export var SolidListView = forwardRef(function (params, ref) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
+    var _37 = useState(null), solidListViewMetaData = _37[0], setSolidListViewMetaData = _37[1];
+    var _38 = useState(null), solidListViewLayout = _38[0], setSolidListViewLayout = _38[1];
+    var _39 = useState(false), isDraftPublishWorkflowEnabled = _39[0], setIsDraftPublishWorkflowEnabled = _39[1];
     // Filter query realted states
-    var _36 = useState(null), filters = _36[0], setFilters = _36[1];
-    var _37 = useState(0), totalRecords = _37[0], setTotalRecords = _37[1];
-    var _38 = useState(0), first = _38[0], setFirst = _38[1];
-    var _39 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _39[0], setRows = _39[1];
-    var _40 = useState([{ field: "id", order: -1 }]), multiSortMeta = _40[0], setMultiSortMeta = _40[1];
-    var _41 = useState([]), toPopulate = _41[0], setToPopulate = _41[1];
-    var _42 = useState([]), toPopulateMedia = _42[0], setToPopulateMedia = _42[1];
-    var _43 = useState([]), actionsAllowed = _43[0], setActionsAllowed = _43[1];
-    var _44 = useState(false), isOpenSolidXAiPanel = _44[0], setIsOpenSolidXAiPanel = _44[1];
-    var _45 = useState(380), chatterWidth = _45[0], setChatterWidth = _45[1];
-    var _46 = useState(false), isResizing = _46[0], setIsResizing = _46[1];
+    var _40 = useState(null), filters = _40[0], setFilters = _40[1];
+    var _41 = useState(0), totalRecords = _41[0], setTotalRecords = _41[1];
+    var _42 = useState(0), first = _42[0], setFirst = _42[1];
+    var _43 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _43[0], setRows = _43[1];
+    var _44 = useState([{ field: "id", order: -1 }]), multiSortMeta = _44[0], setMultiSortMeta = _44[1];
+    var _45 = useState([]), toPopulate = _45[0], setToPopulate = _45[1];
+    var _46 = useState([]), toPopulateMedia = _46[0], setToPopulateMedia = _46[1];
+    var _47 = useState([]), actionsAllowed = _47[0], setActionsAllowed = _47[1];
+    var _48 = useState(false), isOpenSolidXAiPanel = _48[0], setIsOpenSolidXAiPanel = _48[1];
+    var _49 = useState(380), chatterWidth = _49[0], setChatterWidth = _49[1];
+    var _50 = useState(false), isResizing = _50[0], setIsResizing = _50[1];
     // All list view state.
-    var _47 = useState([]), listViewData = _47[0], setListViewData = _47[1];
-    var _48 = useState([]), selectedRecords = _48[0], setSelectedRecords = _48[1];
-    var _49 = useState([]), selectedRecoverRecords = _49[0], setSelectedRecoverRecords = _49[1];
-    var _50 = useState(true), loading = _50[0], setLoading = _50[1];
-    var _51 = useState(false), isDialogVisible = _51[0], setDialogVisible = _51[1];
-    var _52 = useState(false), isRecoverDialogVisible = _52[0], setRecoverDialogVisible = _52[1];
-    var _53 = useState(), createButtonUrl = _53[0], setCreateButtonUrl = _53[1];
-    var _54 = useState(), editButtonUrl = _54[0], setEditButtonUrl = _54[1];
-    var _55 = useState({}), createActionQueryParams = _55[0], setCreateActionQueryParams = _55[1];
-    var _56 = useState({}), editActionQueryParams = _56[0], setEditActionQueryParams = _56[1];
-    var _57 = useState(false), showArchived = _57[0], setShowArchived = _57[1];
-    var _58 = useState(false), queryDataLoaded = _58[0], setQueryDataLoaded = _58[1];
-    var _59 = useState(null), filterPredicates = _59[0], setFilterPredicates = _59[1];
-    var _60 = useState(false), showSaveFilterPopup = _60[0], setShowSaveFilterPopup = _60[1];
+    var _51 = useState([]), listViewData = _51[0], setListViewData = _51[1];
+    var _52 = useState([]), selectedRecords = _52[0], setSelectedRecords = _52[1];
+    var _53 = useState([]), selectedRecoverRecords = _53[0], setSelectedRecoverRecords = _53[1];
+    var _54 = useState(true), loading = _54[0], setLoading = _54[1];
+    var _55 = useState(false), isDialogVisible = _55[0], setDialogVisible = _55[1];
+    var _56 = useState(false), isRecoverDialogVisible = _56[0], setRecoverDialogVisible = _56[1];
+    var _57 = useState(), createButtonUrl = _57[0], setCreateButtonUrl = _57[1];
+    var _58 = useState(), editButtonUrl = _58[0], setEditButtonUrl = _58[1];
+    var _59 = useState({}), createActionQueryParams = _59[0], setCreateActionQueryParams = _59[1];
+    var _60 = useState({}), editActionQueryParams = _60[0], setEditActionQueryParams = _60[1];
+    var _61 = useState(false), showArchived = _61[0], setShowArchived = _61[1];
+    var _62 = useState(false), queryDataLoaded = _62[0], setQueryDataLoaded = _62[1];
+    var _63 = useState(null), filterPredicates = _63[0], setFilterPredicates = _63[1];
+    var _64 = useState(false), showSaveFilterPopup = _64[0], setShowSaveFilterPopup = _64[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
-    var _61 = useState(null), mcpUrl = _61[0], setMcpUrl = _61[1];
+    var _65 = useState(null), mcpUrl = _65[0], setMcpUrl = _65[1];
     var getMcpUrl = useLazyGetMcpUrlQuery()[0];
-    var _62 = useLazyGetSolidSettingsQuery(), trigger = _62[0], solidSettingsData = _62[1].data;
+    var _66 = useLazyGetSolidSettingsQuery(), trigger = _66[0], solidSettingsData = _66[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, []);
@@ -329,10 +329,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _63 = useState(null), solidListViewMetaData = _63[0], setSolidListViewMetaData = _63[1];
-    var _64 = useState(null), solidListViewLayout = _64[0], setSolidListViewLayout = _64[1];
-    var _65 = useState(false), isDraftPublishWorkflowEnabled = _65[0], setIsDraftPublishWorkflowEnabled = _65[1];
-    var _66 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _66.data, solidListViewMetaDataError = _66.error, solidListViewMetaDataIsLoading = _66.isLoading, solidListViewMetaDataIsError = _66.isError, refetch = _66.refetch;
+    var _67 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _67.data, solidListViewMetaDataError = _67.error, solidListViewMetaDataIsLoading = _67.isLoading, solidListViewMetaDataIsError = _67.isError, refetch = _67.refetch;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d;
         var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -345,7 +342,6 @@ export var SolidListView = forwardRef(function (params, ref) {
             var column = currentLayout === null || currentLayout === void 0 ? void 0 : currentLayout.children[i];
             var fieldMetadata = solidFieldsMetadata === null || solidFieldsMetadata === void 0 ? void 0 : solidFieldsMetadata[column.attrs.name];
             if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                console.log("Some problem in rendering column: ", column);
                 showFieldError(ERROR_MESSAGES.FIELD_NOT_IN_METADATA(column.attrs.label));
                 // return;
             }
@@ -421,7 +417,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, [solidListViewInitialMetaData]);
     // set layout and actions for create and edit buttons and view modes
     useEffect(function () {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (solidListViewLayout) {
             var listLayoutAttrs = solidListViewLayout.attrs;
             var createActionUrl = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) && ((_a = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _a === void 0 ? void 0 : _a.type) === "custom" ? (_b = listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.createAction) === null || _b === void 0 ? void 0 : _b.customComponent : "form/new";
@@ -440,8 +436,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                     actionContext: listLayoutAttrs.editAction.context,
                 });
             }
-            var viewModes_1 = (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews) && (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews.length) > 0 && (listLayoutAttrs === null || listLayoutAttrs === void 0 ? void 0 : listLayoutAttrs.allowedViews.map(function (view) { return { label: capitalize(view), value: view }; }));
-            setViewModes(viewModes_1);
+            // const viewModes = listLayoutAttrs?.allowedViews && listLayoutAttrs?.allowedViews.length > 0 && listLayoutAttrs?.allowedViews.map((view: any) => { return { label: capitalize(view), value: view }; });
+            setViewModes((_e = solidListViewInitialMetaData === null || solidListViewInitialMetaData === void 0 ? void 0 : solidListViewInitialMetaData.data) === null || _e === void 0 ? void 0 : _e.viewModes);
             if (createActionUrl) {
                 setCreateButtonUrl(createActionUrl);
             }
@@ -459,16 +455,16 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _67 = useState(sizeOptions[1].value), size = _67[0], setSize = _67[1];
-    var _68 = useState([]), viewModes = _68[0], setViewModes = _68[1];
+    var _68 = useState(sizeOptions[1].value), size = _68[0], setSize = _68[1];
+    var _69 = useState([]), viewModes = _69[0], setViewModes = _69[1];
     // Custom Row Action
-    var _69 = useState(false), listViewRowActionPopupState = _69[0], setListViewRowActionPopupState = _69[1];
-    var _70 = useState(), listViewRowActionData = _70[0], setListRowActionData = _70[1];
+    var _70 = useState(false), listViewRowActionPopupState = _70[0], setListViewRowActionPopupState = _70[1];
+    var _71 = useState(), listViewRowActionData = _71[0], setListRowActionData = _71[1];
     var toast = useRef(null);
     // Get the list view data.
-    var _71 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _71[0], _72 = _71[1], solidEntityListViewData = _72.data, isLoading = _72.isLoading, error = _72.error;
-    var _73 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _73[0], _74 = _73[1], recoverByIdData = _74.data, recoverByIdIsLoading = _74.isLoading, recoverByIdError = _74.error, recoverByIdIsError = _74.isError, recoverByIdIsSuccess = _74.isSuccess;
-    var _75 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _75[0], _76 = _75[1], recoverByData = _76.data, recoverByIsLoading = _76.isLoading, recoverError = _76.error, recoverIsError = _76.isError, recoverByIsSuccess = _76.isSuccess;
+    var _72 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _72[0], _73 = _72[1], solidEntityListViewData = _73.data, isLoading = _73.isLoading, error = _73.error;
+    var _74 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _74[0], _75 = _74[1], recoverByIdData = _75.data, recoverByIdIsLoading = _75.isLoading, recoverByIdError = _75.error, recoverByIdIsError = _75.isError, recoverByIdIsSuccess = _75.isSuccess;
+    var _76 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _76[0], _77 = _76[1], recoverByData = _77.data, recoverByIsLoading = _77.isLoading, recoverError = _77.error, recoverIsError = _77.isError, recoverByIsSuccess = _77.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -500,12 +496,11 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _77 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _77[0], isDeleteSolidSingleEntitySuccess = _77[1].isSuccess;
+    var _78 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _78[0], isDeleteSolidSingleEntitySuccess = _78[1].isSuccess;
     // Delete mutation
-    var _78 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _78[0], _79 = _78[1], isSolidEntitiesDeleted = _79.isLoading, isDeleteSolidEntitiesSucess = _79.isSuccess, isSolidEntitiesDeleteError = _79.isError, SolidEntitiesDeleteError = _79.error, DeletedSolidEntities = _79.data;
+    var _79 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _79[0], _80 = _79[1], isSolidEntitiesDeleted = _80.isLoading, isDeleteSolidEntitiesSucess = _80.isSuccess, isSolidEntitiesDeleteError = _80.isError, SolidEntitiesDeleteError = _80.error, DeletedSolidEntities = _80.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
-        console.log("useEffect: [isDeleteSolidEntitiesSucess, isDeleteSolidSingleEntitySuccess, recoverByIdIsSuccess, recoverByIsSuccess, solidListViewMetaData]");
         setQueryDataLoaded(false);
         if (solidListViewMetaData && solidListViewLayout) {
             var queryObject = getFilterObjectFromLocalStorage();
@@ -632,7 +627,6 @@ export var SolidListView = forwardRef(function (params, ref) {
         latestFilterPredicatesRef.current = filterPredicates;
     }, [filterPredicates]);
     useEffect(function () {
-        console.log("useEffect: [first- ".concat(first, ", rows- ").concat(rows, ", multiSortMeta- ").concat(multiSortMeta, ", showArchived- ").concat(showArchived, ", toPopulate- ").concat(toPopulate, ", toPopulateMedia- ").concat(toPopulateMedia, ", queryDataLoaded- ").concat(queryDataLoaded, ", filterPredicates- ").concat(filterPredicates, "]"));
         if (queryDataLoaded && filters && (filterPredicates || params.embeded == true)) {
             setQueryString();
         }
@@ -805,7 +799,7 @@ export var SolidListView = forwardRef(function (params, ref) {
             $and: []
         };
         setFilters(params.customFilter || { $and: [] });
-        solidGlobalSearchElementRef.current.clearFilter();
+        solidGlobalSearchElementRef === null || solidGlobalSearchElementRef === void 0 ? void 0 : solidGlobalSearchElementRef.current.clearFilter();
     };
     var cloneListData = function () {
         if (typeof structuredClone === "function") {
@@ -856,10 +850,10 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _80 = useState(), selectedSolidViewData = _80[0], setSelectedSolidViewData = _80[1];
+    var _81 = useState(), selectedSolidViewData = _81[0], setSelectedSolidViewData = _81[1];
     var selectedDataRef = useRef();
     var op = useRef(null);
-    var _81 = useState(false), deleteEntity = _81[0], setDeleteEntity = _81[1];
+    var _82 = useState(false), deleteEntity = _82[0], setDeleteEntity = _82[1];
     // clickable link allowing one to open the detail / form view.
     var detailsBodyTemplate = function (solidViewData) {
         return (_jsx("div", { children: _jsx(Button, { type: "button", text: true, size: "small", className: "", onClick: function (e) {
@@ -870,7 +864,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                 }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "3", height: "10", viewBox: "0 0 4 16", fill: "none", children: _jsx("path", { d: "M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z", fill: "#666666" }) }) }) })
         // <a onClick={() => {
         //   if (params.embeded == true) {
-        //     params.handlePopUpOpen(solidViewData.id);
+        //     params.handleAddClickForEmbeddedView(solidViewData.id);
         //   } else {
         //     router.push(`${editButtonUrl}/${solidViewData.id}`)
         //   }
@@ -982,9 +976,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecords([]);
         setSelectedRecoverRecords([]);
     };
-    var _82 = useState(false), openLightbox = _82[0], setOpenLightbox = _82[1];
-    var _83 = useState({}), lightboxUrls = _83[0], setLightboxUrls = _83[1];
-    var _84 = useState(false), showGlobalSearchElement = _84[0], setShowGlobalSearchElement = _84[1];
+    var _83 = useState(false), openLightbox = _83[0], setOpenLightbox = _83[1];
+    var _84 = useState({}), lightboxUrls = _84[0], setLightboxUrls = _84[1];
+    var _85 = useState(false), showGlobalSearchElement = _85[0], setShowGlobalSearchElement = _85[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1084,21 +1078,30 @@ export var SolidListView = forwardRef(function (params, ref) {
                     response = _g.sent();
                     if (((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.statusCode) === 200) {
                         setDeleteEntity(false);
-                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show(__assign({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE }, (severity === "error"
-                            ? { sticky: true } // stays until user closes
-                            : { life: 3000 })));
+                        (_b = toast.current) === null || _b === void 0 ? void 0 : _b.show({
+                            severity: "success",
+                            summary: ERROR_MESSAGES.DELETED,
+                            detail: ERROR_MESSAGES.ENTITY_DELETE,
+                            life: 3000,
+                        });
                     }
                     else {
-                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show(__assign({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error }, (severity === "error"
-                            ? { sticky: true } // stays until user closes
-                            : { life: 3000 })));
+                        (_c = toast.current) === null || _c === void 0 ? void 0 : _c.show({
+                            severity: "error",
+                            summary: ERROR_MESSAGES.DELETE_FAIELD,
+                            detail: (_e = (_d = response === null || response === void 0 ? void 0 : response.error) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.error,
+                            sticky: true, // stays until user closes
+                        });
                     }
                     return [3 /*break*/, 3];
                 case 2:
                     error_2 = _g.sent();
-                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show(__assign({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: ERROR_MESSAGES.SOMETHING_WRONG }, (severity === "error"
-                        ? { sticky: true } // stays until user closes
-                        : { life: 3000 })));
+                    (_f = toast.current) === null || _f === void 0 ? void 0 : _f.show({
+                        severity: "error",
+                        summary: ERROR_MESSAGES.DELETE_FAIELD,
+                        detail: ERROR_MESSAGES.SOMETHING_WRONG,
+                        sticky: true, // stays until user closes
+                    });
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -1156,7 +1159,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                     ((_2 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.create) !== false &&
                                                     params.embeded == true &&
                                                     params.inlineCreate == true &&
-                                                    searchParams.get("viewMode") !== "view" && (_jsx(Button, { type: "button", icon: ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonIcon) ? (_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.addButtonIcon : "pi pi-plus", label: ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.addButtonTitle) ? (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonTitle : "Add", className: "".concat((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonClassName), size: "small", onClick: function () { return params.handlePopUpOpen("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () {
+                                                    searchParams.get("viewMode") !== "view" && (_jsx(Button, { type: "button", icon: ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.addButtonIcon) ? (_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.addButtonIcon : "pi pi-plus", label: ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.addButtonTitle) ? (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonTitle : "Add", className: "".concat((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("new"); } })), params.embeded !== true && (_jsx(Button, { type: "button", size: "small", icon: "pi pi-refresh", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () {
                                                         setQueryString();
                                                     } })), showArchived && (_jsx(Button, { type: "button", icon: "pi pi-refresh", label: "Recover", size: "small", severity: "secondary", className: "hidden lg:flex solid-icon-button ", onClick: function () { return setRecoverDialogVisible(true); } })), params.embeded === false &&
                                                     ((_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.enableGlobalSearch) === true && showGlobalSearchElement &&
@@ -1172,7 +1175,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                         // loading={loading || isLoading}
                                         // loadingIcon="pi pi-spinner"
                                         selection: params.embeded === true
-                                            ? null
+                                            ? []
                                             : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_15 = (_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.removableSort) !== null && _15 !== void 0 ? _15 : true, sortMode: (_17 = (_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.sortMode) !== null && _17 !== void 0 ? _17 : "multiple", filterIcon: _jsx(FilterIcon, {}), tableClassName: "solid-data-table", paginatorClassName: "solid-paginator", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
                                             var _a, _b;
                                             var rowData = e.data;
@@ -1184,7 +1187,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                             if (!(hasFindPermission || hasUpdatePermission))
                                                 return;
                                             if (params.embeded === true) {
-                                                params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                params.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
                                             }
                                             else {
                                                 if (typeof window !== "undefined") {
@@ -1235,7 +1238,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                     var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
                                                     return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", severity: "secondary", className: "", label: "", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
                                                                 if (params.embeded == true) {
-                                                                    params.handlePopUpOpen(rowData === null || rowData === void 0 ? void 0 : rowData.id);
+                                                                    params.handleEditClickForEmbeddedView(rowData === null || rowData === void 0 ? void 0 : rowData.id);
                                                                 }
                                                                 else {
                                                                     if (typeof window !== "undefined") {
@@ -1250,14 +1253,22 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                             } })) }));
                                                 } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
                                                 ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.delete) !== false &&
-                                                ((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.showRowDeleteInContextMenu) ===
-                                                    false && (_jsx(Column, { header: "Delete", body: function (rowData) {
-                                                    var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
-                                                    return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
-                                                                setSelectedSolidViewData(rowData);
-                                                                setDeleteEntity(true);
-                                                            } })) }));
-                                                } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
+                                                (params.embeded ||
+                                                    (((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.showRowDeleteInContextMenu) !== undefined &&
+                                                        ((_24 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _24 === void 0 ? void 0 : _24.showRowDeleteInContextMenu) !== true))
+                                                &&
+                                                    (_jsx(Column, { header: "Delete", body: function (rowData) {
+                                                            var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
+                                                            return (_jsx(_Fragment, { children: (!shouldHideEditOrDeleteButton) && (_jsx(Button, { text: true, type: "button", className: "", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () {
+                                                                        if ((params === null || params === void 0 ? void 0 : params.embededFieldRelationType) === "many-to-many") {
+                                                                            params === null || params === void 0 ? void 0 : params.handleDeleteClick(rowData.id);
+                                                                        }
+                                                                        else {
+                                                                            setSelectedSolidViewData(rowData);
+                                                                            setDeleteEntity(true);
+                                                                        }
+                                                                    } })) }));
+                                                        } })), hasAnyContextMenuActions && (_jsx(Column, { frozen: true, alignFrozen: "right", body: function (rowData) {
                                                     var _a, _b, _c;
                                                     return (rowData === null || rowData === void 0 ? void 0 : rowData.deletedAt) ? (_jsx("a", { onClick: function (event) {
                                                             event.stopPropagation();
@@ -1266,7 +1277,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                             false && (_jsxs(_Fragment, { children: [detailsBodyTemplate(rowData), _jsx(OverlayPanel, { ref: op, className: "solid-custom-overlay", style: { top: 10, minWidth: 120 }, children: _jsxs("div", { className: "flex flex-column gap-1 p-1", children: [hasEditInContextMenu && (_jsx(Button, { type: "button", className: "w-full text-left gap-1", label: "Edit", size: "small", iconPos: "left", icon: "pi pi-pencil", onClick: function () {
                                                                                     var _a, _b;
                                                                                     if (params.embeded == true) {
-                                                                                        params.handlePopUpOpen((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
+                                                                                        params.handleEditClickForEmbeddedView((_a = selectedDataRef.current) === null || _a === void 0 ? void 0 : _a.id);
                                                                                     }
                                                                                     else {
                                                                                         try {
@@ -1276,7 +1287,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                                         catch (e) { }
                                                                                         router.push("".concat(editBaseUrl, "/").concat((_b = selectedDataRef.current) === null || _b === void 0 ? void 0 : _b.id, "?viewMode=edit&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                                                                     }
-                                                                                } })), hasDeleteInContextMenu && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) {
+                                                                                } })), hasDeleteInContextMenu && !params.embeded && (_jsx(Button, { text: true, type: "button", className: "w-full text-left gap-1", label: "Delete", size: "small", iconPos: "left", severity: "danger", icon: "pi pi-trash", onClick: function () { return setDeleteEntity(true); } })), hasCustomContextMenuButtons && ((_c = (_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.rowButtons) === null || _c === void 0 ? void 0 : _c.filter(function (rb) {
                                                                                 var _a, _b;
                                                                                 return ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) === true &&
                                                                                     ((_b = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _b === void 0 ? void 0 : _b.visible) !== false;
@@ -1298,14 +1309,14 @@ export var SolidListView = forwardRef(function (params, ref) {
                             zIndex: 9,
                         }, onMouseDown: function () { return setIsResizing(true); } })), isOpenSolidXAiPanel && (_jsx(Button, { icon: "pi pi-angle-double-right", size: "small", text: true, className: "chatter-collapse-btn", style: { width: 30, height: 30, aspectRatio: "1/1" }, onClick: handleCloseSolidXAIPanel })), isOpenSolidXAiPanel === false ? (_jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-2", children: [_jsx("div", { className: "chatter-collapsed-content", onClick: handleOpenSolidXAIPanel, children: _jsxs("div", { className: "flex gap-2", children: [" ", _jsx(SolidXAIIcon, {}), " SolidX AI", " "] }) }), _jsx(Button, { icon: "pi pi-chevron-left", size: "small", className: "px-0", style: { width: 30 }, onClick: handleOpenSolidXAIPanel })] })) : (_jsx(SolidAiMainWrapper, { mcpUrl: mcpUrl }))] })), _jsxs(Dialog, { visible: isDialogVisible, header: "Confirm Delete", onHide: function () { return setDialogVisible(false); }, headerClassName: "py-2", contentClassName: "px-0 pb-0", 
                 // style={{ width: '20vw' }}
-                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity, autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_26 = (_25 = (_24 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _24 === void 0 ? void 0 : _24.solidView) === null || _25 === void 0 ? void 0 : _25.model) === null || _26 === void 0 ? void 0 : _26.displayName)
-                    ? (_29 = (_28 = (_27 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _27 === void 0 ? void 0 : _27.solidView) === null || _28 === void 0 ? void 0 : _28.model) === null || _29 === void 0 ? void 0 : _29.displayName
+                breakpoints: { '1199px': '30rem', '550px': '85vw' }, children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete the selected records?" }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "Cancel", size: "small", onClick: onDeleteClose, outlined: true, className: 'bg-primary-reverse' })] })] })] }), _jsx(Dialog, { visible: isRecoverDialogVisible, header: "Confirm Recover", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", severity: "danger", autoFocus: true, onClick: recoverAll }), _jsx(Button, { label: "No", icon: "pi pi-times", onClick: function () { return setRecoverDialogVisible(false); } })] })); }, onHide: function () { return setRecoverDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to recover all records?" }) }), listViewRowActionData && (_jsx(Dialog, { visible: listViewRowActionPopupState, modal: true, onHide: closeListViewRowActionPopup, children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })), _jsxs(Dialog, { header: "Delete ".concat(((_27 = (_26 = (_25 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _25 === void 0 ? void 0 : _25.solidView) === null || _26 === void 0 ? void 0 : _26.model) === null || _27 === void 0 ? void 0 : _27.displayName)
+                    ? (_30 = (_29 = (_28 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _28 === void 0 ? void 0 : _28.solidView) === null || _29 === void 0 ? void 0 : _29.model) === null || _30 === void 0 ? void 0 : _30.displayName
                     : params === null || params === void 0 ? void 0 : params.modelName), headerClassName: "py-2", contentClassName: "px-0 pb-0", visible: deleteEntity, style: { width: "20vw" }, onHide: function () {
                     if (!deleteEntity)
                         return;
                     setDeleteEntity(false);
-                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this ".concat(((_32 = (_31 = (_30 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _30 === void 0 ? void 0 : _30.solidView) === null || _31 === void 0 ? void 0 : _31.model) === null || _32 === void 0 ? void 0 : _32.displayName)
-                                    ? (_35 = (_34 = (_33 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _33 === void 0 ? void 0 : _33.solidView) === null || _34 === void 0 ? void 0 : _34.model) === null || _35 === void 0 ? void 0 : _35.displayName
+                }, className: "solid-confirm-dialog", children: [_jsx(Divider, { className: "m-0" }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "m-0 solid-primary-title", style: { fontSize: 16 }, children: "Are you sure you want to delete this ".concat(((_33 = (_32 = (_31 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _31 === void 0 ? void 0 : _31.solidView) === null || _32 === void 0 ? void 0 : _32.model) === null || _33 === void 0 ? void 0 : _33.displayName)
+                                    ? (_36 = (_35 = (_34 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _34 === void 0 ? void 0 : _34.solidView) === null || _35 === void 0 ? void 0 : _35.model) === null || _36 === void 0 ? void 0 : _36.displayName
                                     : params === null || params === void 0 ? void 0 : params.modelName, "?") }), _jsxs("div", { className: "flex align-items-center gap-2 mt-3", children: [_jsx(Button, { label: "Delete", severity: "danger", size: "small", onClick: handleDeleteEntity }), _jsx(Button, { label: "Cancel", size: "small", onClick: function () { return setDeleteEntity(false); }, outlined: true, className: 'bg-primary-reverse' })] })] })] }), openLightbox && (_jsx(Lightbox, __assign({ open: openLightbox, plugins: hasMedia
                     ? [Counter, Download, Video] // add Video plugin if needed
                     : [Counter, Download], close: function () { return setOpenLightbox(false); }, slides: __spreadArray([], slides, true) }, (hasMedia && {