@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

package/dist/components/core/chatter/SolidChatterMessageWidget.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { getExtensionComponent } from '../../../helpers/registry';
+import { ExtensionComponentTypes } from '../../../types/extension-registry';
+import type { SolidChatterMessageWidgetProps } from '../../../types/solid-core';
+
+const ChatterWidgetPlaceholder = ({ messageBody }: { messageBody: string | null }) => {
+    let displayBody = messageBody ?? '';
+    try {
+        displayBody = JSON.stringify(JSON.parse(displayBody), null, 2);
+    } catch {
+        // Non-JSON bodies remain readable as plain text.
+    }
+
+    return (
+        <pre className="m-0 max-h-48 overflow-auto whitespace-pre-wrap break-words rounded p-2 text-xs">
+            {displayBody}
+        </pre>
+    );
+};
+
+class ChatterWidgetErrorBoundary extends React.Component<
+    { widgetName: string; messageBody: string | null; children: React.ReactNode },
+    { failed: boolean }
+> {
+    state = { failed: false };
+
+    static getDerivedStateFromError() {
+        return { failed: true };
+    }
+
+    componentDidCatch(error: Error) {
+        console.error(`Chatter widget "${this.props.widgetName}" failed to render`, error);
+    }
+
+    render() {
+        return this.state.failed
+            ? <ChatterWidgetPlaceholder messageBody={this.props.messageBody} />
+            : this.props.children;
+    }
+}
+
+/** Widget selection applies only to custom messages outside the built-in subtypes. */
+export const isChatterMessageWidget = (messageType?: string, messageSubType?: string) =>
+    messageType === 'custom' &&
+    !!messageSubType &&
+    !['custom', 'note', 'task'].includes(messageSubType);
+
+export const SolidChatterMessageWidget = ({ chatterMessage }: SolidChatterMessageWidgetProps) => {
+    const widgetName = chatterMessage.messageSubType;
+    const Widget = getExtensionComponent(widgetName, ExtensionComponentTypes.chatterMessageWidget);
+
+    if (!Widget) return <ChatterWidgetPlaceholder messageBody={chatterMessage.messageBody} />;
+
+    return (
+        <ChatterWidgetErrorBoundary key={widgetName} widgetName={widgetName} messageBody={chatterMessage.messageBody}>
+            <Widget chatterMessage={chatterMessage} />
+        </ChatterWidgetErrorBoundary>
+    );
+};

package/dist/components/core/common/SolidCollectionRowActionMenuItems.d.ts

@@ -1,9 +1,10 @@
+import type { SolidListRowActionEvent } from "../../../types/list-row-action";
 type SolidCollectionRowActionMenuItemsProps = {
     buttons?: any[];
     params: any;
     rowData: any;
     solidViewMetaData: any;
-    handleCustomButtonClick: (buttonAttrs: any, event: any) => void;
+    handleCustomButtonClick: (buttonAttrs: any, event: SolidListRowActionEvent) => void;
     showSeparator?: boolean;
     onActionComplete?: () => void;
 };

package/dist/components/core/common/SolidCollectionRowActionMenuItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCollectionRowActionMenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCollectionRowActionMenuItems.tsx"],"names":[],"mappings":"AAWA,KAAK,sCAAsC,GAAG;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,uBAAuB,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,EAChD,OAAY,EACZ,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,uBAAuB,EACvB,aAAqB,EACrB,gBAAgB,GACjB,EAAE,sCAAsC,kDA6DxC"}
+{"version":3,"file":"SolidCollectionRowActionMenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCollectionRowActionMenuItems.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAQ9E,KAAK,sCAAsC,GAAG;IAC5C,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;IACvB,uBAAuB,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACpF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iCAAiC,CAAC,EAChD,OAAY,EACZ,MAAM,EACN,OAAO,EACP,iBAAiB,EACjB,uBAAuB,EACvB,aAAqB,EACrB,gBAAgB,GACjB,EAAE,sCAAsC,kDA8DxC"}

package/dist/components/core/common/SolidCollectionRowActionMenuItems.js

@@ -36,11 +36,12 @@ export function SolidCollectionRowActionMenuItems(_a) {
                         ? ((_d = (_b = presentation.tooltip) !== null && _b !== void 0 ? _b : (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.action) !== null && _d !== void 0 ? _d : "Action")
                         : undefined, onSelect: function () {
                         var _a;
-                        handleCustomButtonClick(button.attrs, {
+                        var event = {
                             params: params,
                             rowData: rowData,
                             solidListViewMetaData: (_a = solidViewMetaData === null || solidViewMetaData === void 0 ? void 0 : solidViewMetaData.data) !== null && _a !== void 0 ? _a : solidViewMetaData,
-                        });
+                        };
+                        handleCustomButtonClick(button.attrs, event);
                         onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete();
                     }, children: [presentation.iconPos === "left" ? iconNode : null, presentation.showLabel
                             ? _jsx("span", { className: "solid-header-action-button-label", children: presentation.label })

package/dist/components/core/common/SolidCollectionRowActionMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCollectionRowActionMenuItems.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCollectionRowActionMenuItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import { isButtonVisibleInCurrentEnv } from \"../../../helpers/buttonEnvironment\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport {\n  SolidDropdownMenuItem,\n  SolidDropdownMenuSeparator,\n  SolidIcon,\n  parseSolidIconMeta,\n} from \"../../shad-cn-ui\";\n\ntype SolidCollectionRowActionMenuItemsProps = {\n  buttons?: any[];\n  params: any;\n  rowData: any;\n  solidViewMetaData: any;\n  handleCustomButtonClick: (buttonAttrs: any, event: any) => void;\n  showSeparator?: boolean;\n  onActionComplete?: () => void;\n};\n\nexport function SolidCollectionRowActionMenuItems({\n  buttons = [],\n  params,\n  rowData,\n  solidViewMetaData,\n  handleCustomButtonClick,\n  showSeparator = false,\n  onActionComplete,\n}: SolidCollectionRowActionMenuItemsProps) {\n  const { data: session } = useSession();\n  const user = session?.user;\n\n  const visibleButtons = buttons.filter((button: any) => {\n    const attrs = button?.attrs;\n    const roles = attrs?.roles ?? [];\n    const presentation = resolveButtonPresentation(attrs);\n\n    return (\n      attrs?.actionInContextMenu === true &&\n      attrs?.visible !== false &&\n      isButtonVisibleInCurrentEnv(attrs) &&\n      (roles.length === 0 || hasAnyRole(user?.roles, roles)) &&\n      (presentation.showIcon || presentation.showLabel)\n    );\n  });\n\n  if (visibleButtons.length === 0) return null;\n\n  return (\n    <>\n      {showSeparator ? <SolidDropdownMenuSeparator /> : null}\n      {visibleButtons.map((button: any, index: number) => {\n        const presentation = resolveButtonPresentation(button.attrs);\n        const iconMeta = presentation.showIcon\n          ? parseSolidIconMeta(presentation.icon)\n          : undefined;\n        const iconNode = presentation.showIcon\n          ? iconMeta\n            ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} className=\"solid-header-action-button-icon\" aria-hidden />\n            : <i className={`${presentation.icon} solid-header-action-button-icon`} aria-hidden=\"true\" />\n          : null;\n\n        return (\n          <SolidDropdownMenuItem\n            key={`${rowData?.id ?? \"row\"}-${button?.attrs?.action ?? index}`}\n            className={`solid-header-dropdown-item ${presentation.buttonClassName ?? \"\"}`}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly\n              ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\")\n              : undefined}\n            onSelect={() => {\n              handleCustomButtonClick(button.attrs, {\n                params,\n                rowData,\n                solidListViewMetaData: solidViewMetaData?.data ?? solidViewMetaData,\n              });\n              onActionComplete?.();\n            }}\n          >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel\n              ? <span className=\"solid-header-action-button-label\">{presentation.label}</span>\n              : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n          </SolidDropdownMenuItem>\n        );\n      })}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"SolidCollectionRowActionMenuItems.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidCollectionRowActionMenuItems.tsx"],"names":[],"mappings":"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","sourcesContent":["import { isButtonVisibleInCurrentEnv } from \"../../../helpers/buttonEnvironment\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport type { SolidListRowActionEvent } from \"../../../types/list-row-action\";\nimport {\n  SolidDropdownMenuItem,\n  SolidDropdownMenuSeparator,\n  SolidIcon,\n  parseSolidIconMeta,\n} from \"../../shad-cn-ui\";\n\ntype SolidCollectionRowActionMenuItemsProps = {\n  buttons?: any[];\n  params: any;\n  rowData: any;\n  solidViewMetaData: any;\n  handleCustomButtonClick: (buttonAttrs: any, event: SolidListRowActionEvent) => void;\n  showSeparator?: boolean;\n  onActionComplete?: () => void;\n};\n\nexport function SolidCollectionRowActionMenuItems({\n  buttons = [],\n  params,\n  rowData,\n  solidViewMetaData,\n  handleCustomButtonClick,\n  showSeparator = false,\n  onActionComplete,\n}: SolidCollectionRowActionMenuItemsProps) {\n  const { data: session } = useSession();\n  const user = session?.user;\n\n  const visibleButtons = buttons.filter((button: any) => {\n    const attrs = button?.attrs;\n    const roles = attrs?.roles ?? [];\n    const presentation = resolveButtonPresentation(attrs);\n\n    return (\n      attrs?.actionInContextMenu === true &&\n      attrs?.visible !== false &&\n      isButtonVisibleInCurrentEnv(attrs) &&\n      (roles.length === 0 || hasAnyRole(user?.roles, roles)) &&\n      (presentation.showIcon || presentation.showLabel)\n    );\n  });\n\n  if (visibleButtons.length === 0) return null;\n\n  return (\n    <>\n      {showSeparator ? <SolidDropdownMenuSeparator /> : null}\n      {visibleButtons.map((button: any, index: number) => {\n        const presentation = resolveButtonPresentation(button.attrs);\n        const iconMeta = presentation.showIcon\n          ? parseSolidIconMeta(presentation.icon)\n          : undefined;\n        const iconNode = presentation.showIcon\n          ? iconMeta\n            ? <SolidIcon name={iconMeta.name} spin={iconMeta.spin} className=\"solid-header-action-button-icon\" aria-hidden />\n            : <i className={`${presentation.icon} solid-header-action-button-icon`} aria-hidden=\"true\" />\n          : null;\n\n        return (\n          <SolidDropdownMenuItem\n            key={`${rowData?.id ?? \"row\"}-${button?.attrs?.action ?? index}`}\n            className={`solid-header-dropdown-item ${presentation.buttonClassName ?? \"\"}`}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly\n              ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\")\n              : undefined}\n            onSelect={() => {\n              const event: SolidListRowActionEvent = {\n                params,\n                rowData,\n                solidListViewMetaData: solidViewMetaData?.data ?? solidViewMetaData,\n              };\n              handleCustomButtonClick(button.attrs, event);\n              onActionComplete?.();\n            }}\n          >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel\n              ? <span className=\"solid-header-action-button-label\">{presentation.label}</span>\n              : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n          </SolidDropdownMenuItem>\n        );\n      })}\n    </>\n  );\n}\n"]}

package/dist/components/core/common/SolidCollectionRowActionMenuItems.tsx

@@ -2,6 +2,7 @@ import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment"
 import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { useSession } from "../../../hooks/useSession";
+import type { SolidListRowActionEvent } from "../../../types/list-row-action";
 import {
   SolidDropdownMenuItem,
   SolidDropdownMenuSeparator,
@@ -14,7 +15,7 @@ type SolidCollectionRowActionMenuItemsProps = {
   params: any;
   rowData: any;
   solidViewMetaData: any;
-  handleCustomButtonClick: (buttonAttrs: any, event: any) => void;
+  handleCustomButtonClick: (buttonAttrs: any, event: SolidListRowActionEvent) => void;
   showSeparator?: boolean;
   onActionComplete?: () => void;
 };
@@ -70,11 +71,12 @@ export function SolidCollectionRowActionMenuItems({
               ? (presentation.tooltip ?? button?.attrs?.action ?? "Action")
               : undefined}
             onSelect={() => {
-              handleCustomButtonClick(button.attrs, {
+              const event: SolidListRowActionEvent = {
                 params,
                 rowData,
                 solidListViewMetaData: solidViewMetaData?.data ?? solidViewMetaData,
-              });
+              };
+              handleCustomButtonClick(button.attrs, event);
               onActionComplete?.();
             }}
           >

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoG,MAAM,OAAO,CAAC;AAczH,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAiKD,eAAO,MAAM,wBAAwB,kFAsmEnC,CAAC"}
+{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoG,MAAM,OAAO,CAAC;AAczH,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA2B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAqUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAiKD,eAAO,MAAM,wBAAwB,kFA6nEnC,CAAC"}

package/dist/components/core/common/SolidGlobalSearchElement.js

@@ -73,6 +73,7 @@ import { Bookmark, Check, Filter, Pencil, Plus, Search, SearchX, Sparkles, Trash
 import { SolidButton } from "../../shad-cn-ui/SolidButton";
 import { SolidInput } from "../../shad-cn-ui/SolidInput";
 import { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "../../shad-cn-ui/SolidDialog";
+var savedFiltersEntityApi = createSolidEntityApi("savedFilters");
 var getRandomInt = function (min, max) {
     return Math.floor(Math.random() * (max - min + 1)) + min;
 };
@@ -203,10 +204,11 @@ var transformRulesToFilters = function (input, viewData) {
                 values = values[0];
             }
             var fieldMeta = (_f = (_e = viewData === null || viewData === void 0 ? void 0 : viewData.data) === null || _e === void 0 ? void 0 : _e.solidFieldsMetadata) === null || _f === void 0 ? void 0 : _f[rule.fieldName];
-            var isManyToMany = (fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.type) === 'relation' && (fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.relationType) === 'many-to-many';
+            var isToManyRelation = (fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.type) === 'relation'
+                && ['one-to-many', 'many-to-many'].includes(fieldMeta === null || fieldMeta === void 0 ? void 0 : fieldMeta.relationType);
             var transformedRule = void 0;
-            if (isManyToMany) {
-                // For many-to-many relations, always use array format for $in/$notIn
+            if (isToManyRelation) {
+                // Collection relations must be filtered through a related scalar field.
                 transformedRule = (_a = {},
                     _a[rule.fieldName] = {
                         id: (_b = {},
@@ -430,8 +432,8 @@ var SavedFilterList = function (_a) {
                                     openSavedCustomFilter(savedfilter);
                                 }, "aria-label": "Edit ".concat(savedfilter.name), children: _jsx(Pencil, { size: 14 }) }), _jsx(SolidButton, { variant: "outline", size: "sm", className: "solid-saved-filter-icon-btn is-danger", onMouseDown: function (e) {
                                     e.preventDefault();
-                                    setSavedFilterTobeDeleted(savedfilter.id),
-                                        setIsDeleteSQDialogVisible(true);
+                                    setSavedFilterTobeDeleted(savedfilter);
+                                    setIsDeleteSQDialogVisible(true);
                                 }, "aria-label": "Delete ".concat(savedfilter.name), children: _jsx(Trash2, { size: 14 }) })] }) })] }));
 };
 var replacePlaceholders = function (obj, searchValue) {
@@ -581,7 +583,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
     var _24 = useState([]), activeSavedFilters = _24[0], setActiveSavedFilters = _24[1];
     var _25 = useState(null), editingSavedFilterKey = _25[0], setEditingSavedFilterKey = _25[1];
     var _26 = useState(false), showSavedFilterComponent = _26[0], setShowSavedFilterComponent = _26[1];
-    var _27 = useState(), savedFilterTobeDeleted = _27[0], setSavedFilterTobeDeleted = _27[1];
+    var _27 = useState(null), savedFilterTobeDeleted = _27[0], setSavedFilterTobeDeleted = _27[1];
     var _28 = useState(false), isDeleteSQDialogVisible = _28[0], setIsDeleteSQDialogVisible = _28[1];
     var _29 = useState(), savedFilterQueryString = _29[0], setSavedFilterQueryString = _29[1];
     var _30 = useState(false), showOverlay = _30[0], setShowOverlay = _30[1];
@@ -641,8 +643,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
             return false;
         }
     }); }, [allAvailableSavedFilters]);
-    var entityApi = createSolidEntityApi("savedFilters");
-    var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
+    var useCreateSolidEntityMutation = savedFiltersEntityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = savedFiltersEntityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = savedFiltersEntityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = savedFiltersEntityApi.useUpdateSolidEntityMutation, useLazyGetSolidEntitiesQuery = savedFiltersEntityApi.useLazyGetSolidEntitiesQuery;
     var _37 = useCreateSolidEntityMutation(), createEntity = _37[0], _38 = _37[1], isEntityCreateSuccess = _38.isSuccess, isEntityCreateError = _38.isError, entityCreateError = _38.error;
     var _39 = useUpdateSolidEntityMutation(), updateEntity = _39[0], _40 = _39[1], isEntityUpdateSuceess = _40.isSuccess, isEntityUpdateError = _40.isError, entityUpdateError = _40.error;
     var _41 = useDeleteSolidEntityMutation(), deleteEntity = _41[0], _42 = _41[1], isEntityDeleteSuceess = _42.isSuccess, isEntityDeleteError = _42.isError, entityDeleteError = _42.error;
@@ -1341,9 +1342,16 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
-                    _c.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, deleteEntity(savedFilterTobeDeleted).unwrap()];
+                    if (!(savedFilterTobeDeleted === null || savedFilterTobeDeleted === void 0 ? void 0 : savedFilterTobeDeleted.id)) {
+                        setIsDeleteSQDialogVisible(false);
+                        setSavedFilterTobeDeleted(null);
+                        return [2 /*return*/];
+                    }
+                    _c.label = 1;
                 case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, deleteEntity(savedFilterTobeDeleted === null || savedFilterTobeDeleted === void 0 ? void 0 : savedFilterTobeDeleted.id).unwrap()];
+                case 2:
                     _c.sent();
                     dispatch(showToast({
                         severity: "success",
@@ -1351,9 +1359,9 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                         detail: ERROR_MESSAGES.ENTITY_DELETE,
                     }));
                     if (allowMultipleSavedFilters) {
-                        nextItems = activeSavedFilters.filter(function (item) { var _a; return String((_a = item.data) === null || _a === void 0 ? void 0 : _a.id) !== String(savedFilterTobeDeleted); });
+                        nextItems = activeSavedFilters.filter(function (item) { var _a; return String((_a = item.data) === null || _a === void 0 ? void 0 : _a.id) !== String(savedFilterTobeDeleted === null || savedFilterTobeDeleted === void 0 ? void 0 : savedFilterTobeDeleted.id); });
                         setActiveSavedFilters(nextItems);
-                        if (String(savedFilterTobeDeleted) === String(currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.id)) {
+                        if (String(savedFilterTobeDeleted === null || savedFilterTobeDeleted === void 0 ? void 0 : savedFilterTobeDeleted.id) === String(currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.id)) {
                             setCurrentSavedFilterData(null);
                             setCurrentSavedFilterQuery(null);
                             setCurrentSavedFilterVariables({});
@@ -1362,15 +1370,16 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                         setHasSearched(true);
                         setRefreshKey(function (prev) { return prev + 1; });
                     }
-                    else if (String(savedFilterTobeDeleted) === String(currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.id)) {
+                    else if (String(savedFilterTobeDeleted === null || savedFilterTobeDeleted === void 0 ? void 0 : savedFilterTobeDeleted.id) === String(currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.id)) {
                         removeSavedFilter();
                     }
                     setIsDeleteSQDialogVisible(false);
+                    setSavedFilterTobeDeleted(null);
                     setTimeout(function () {
                         setSavedFilterFetchDataRefreshKey(function (prev) { return prev + 1; });
                     }, 500);
-                    return [3 /*break*/, 3];
-                case 2:
+                    return [3 /*break*/, 4];
+                case 3:
                     error_1 = _c.sent();
                     errorMessage = ((_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _a === void 0 ? void 0 : _a.message) || ((_b = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _b === void 0 ? void 0 : _b.error) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || ERROR_MESSAGES.SOMETHING_WRONG;
                     dispatch(showToast({
@@ -1378,8 +1387,8 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                         summary: ERROR_MESSAGES.DELETE_FAIELD,
                         detail: errorMessage,
                     }));
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
             }
         });
     }); };
@@ -2013,6 +2022,14 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                                     }, children: _jsxs("div", { className: "solid-search-overlay-footer-action-main", children: [_jsx("div", { className: "solid-search-overlay-panel-callout-icon", children: _jsx(Plus, { size: 14 }) }), _jsxs("div", { className: "solid-search-overlay-panel-callout-copy", children: [_jsx("div", { className: "solid-search-overlay-footer-title solid-search-overlay-section-title", children: "Group and aggregate" }), _jsx("div", { className: "solid-search-overlay-footer-subtitle", children: "Organise records and calculate aggregate values." })] })] }) }))] })] })), _jsxs(SolidDialog, { open: showGlobalSearchElement, onOpenChange: setShowGlobalSearchElement, className: "solid-global-search-filter solid-filter-dialog-shell", style: { width: "min(960px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Add Custom Filter" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Apply conditions on any field with operators." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: fields.length > 0 &&
                                 _jsx(FilterComponent, { viewData: viewData, fields: fields, filterRules: filterRules, setFilterRules: setFilterRules, transformFilterRules: transformCustomFilterRules, closeDialog: function () { return setShowGlobalSearchElement(false); } }) })] }), _jsxs(SolidDialog, { open: showGroupFilterElement, onOpenChange: setShowGroupFilterElement, className: "solid-global-search-filter solid-filter-dialog-shell solid-filter-dialog-shell-grouping", style: { width: "min(560px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Grouping" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Configure grouping and aggregation." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: groupableFields.length > 0 &&
                                 _jsx(GroupingComponent, { viewData: viewData, fields: groupableFields, groupingRules: groupingRules, setGroupingRules: setGroupingRules, aggregationRules: aggregationRules, setAggregationRules: setAggregationRules, applyGrouping: applyGrouping, closeDialog: function () { return setShowGroupFilterElement(false); } }) })] }), _jsxs(SolidDialog, { open: showSavedFilterComponent, onOpenChange: setShowSavedFilterComponent, className: "solid-global-search-filter solid-filter-dialog-shell", style: { width: "min(960px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Saved Filter" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Review and refine the saved filter conditions." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: fields.length > 0 &&
-                                _jsx(FilterComponent, { viewData: viewData, fields: fields, filterRules: currentSavedFilterRules, setFilterRules: setCurrentSavedFilterRules, transformFilterRules: transformSavedFilterRules, closeDialog: function () { return setShowSavedFilterComponent(false); } }) })] }), _jsxs(SolidDialog, { open: showSaveFilterPopup, onOpenChange: setShowSaveFilterPopup, className: "solid-custom-filter-dialog solid-save-filter-dialog", style: { width: "min(420px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Save Custom Filter" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Name this filter so you can reuse it later." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsx(SolidSaveCustomFilterForm, { currentSavedFilterData: currentSavedFilterData, handleSaveFilter: handleSaveFilter, closeDialog: function () { return setShowSaveFilterPopup(false); } }) })] }), _jsxs(SolidDialog, { open: isDeleteSQDialogVisible, onOpenChange: setIsDeleteSQDialogVisible, className: "solid-confirm-dialog", style: { width: "min(420px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsxs(SolidDialogDescription, { children: ["Are you sure you want to delete the ", currentSavedFilterData === null || currentSavedFilterData === void 0 ? void 0 : currentSavedFilterData.name, " saved query?"] })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsxs(SolidDialogFooter, { className: "justify-center", children: [_jsxs(SolidButton, { variant: "destructive", size: "sm", onClick: deleteSavedFilter, children: [_jsx(Check, { size: 14 }), "Yes"] }), _jsxs(SolidButton, { variant: "outline", size: "sm", onClick: function () { return setIsDeleteSQDialogVisible(false); }, children: [_jsx(X, { size: 14 }), "No"] })] })] })] }) }));
+                                _jsx(FilterComponent, { viewData: viewData, fields: fields, filterRules: currentSavedFilterRules, setFilterRules: setCurrentSavedFilterRules, transformFilterRules: transformSavedFilterRules, closeDialog: function () { return setShowSavedFilterComponent(false); } }) })] }), _jsxs(SolidDialog, { open: showSaveFilterPopup, onOpenChange: setShowSaveFilterPopup, className: "solid-custom-filter-dialog solid-save-filter-dialog", style: { width: "min(420px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Save Custom Filter" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Name this filter so you can reuse it later." })] }), _jsx(SolidDialogClose, { className: "solid-filter-dialog-close" })] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body", children: _jsx(SolidSaveCustomFilterForm, { currentSavedFilterData: currentSavedFilterData, handleSaveFilter: handleSaveFilter, closeDialog: function () { return setShowSaveFilterPopup(false); } }) })] }), _jsxs(SolidDialog, { open: isDeleteSQDialogVisible, onOpenChange: function (open) {
+                        setIsDeleteSQDialogVisible(open);
+                        if (!open) {
+                            setSavedFilterTobeDeleted(null);
+                        }
+                    }, className: "solid-confirm-dialog", style: { width: "min(420px, calc(100vw - 2rem))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsxs(SolidDialogDescription, { children: ["Are you sure you want to delete the ", savedFilterTobeDeleted === null || savedFilterTobeDeleted === void 0 ? void 0 : savedFilterTobeDeleted.name, " saved query?"] })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsxs(SolidDialogFooter, { className: "justify-center", children: [_jsxs(SolidButton, { variant: "destructive", size: "sm", onClick: deleteSavedFilter, children: [_jsx(Check, { size: 14 }), "Yes"] }), _jsxs(SolidButton, { variant: "outline", size: "sm", onClick: function () {
+                                        setIsDeleteSQDialogVisible(false);
+                                        setSavedFilterTobeDeleted(null);
+                                    }, children: [_jsx(X, { size: 14 }), "No"] })] })] })] }) }));
 });
 //# sourceMappingURL=SolidGlobalSearchElement.js.map