Mat 7795 delete function

package.json

@@ -67,7 +67,7 @@
   },
   "dependencies": {
     "@madie/cql-antlr-parser": "^1.0.9",
-    "@madie/madie-design-system": "^1.2.37",
+    "@madie/madie-design-system": "^1.2.39",
     "@material-ui/core": "^4.12.4",
     "@mui/icons-material": "^5.5.1",
     "@mui/lab": "^5.0.0-alpha.73",

src/AceEditor/madie-ace-editor.tsx

@@ -47,6 +47,7 @@
   ) => void;
   handleDeleteLibrary?: (lib: SelectedLibrary) => void;
   handleApplyFunction?: (funct: Funct) => void;
+  handleFunctionDelete?: (funct: any) => void;
   parseDebounceTime?: number;
   inboundAnnotations?: Ace.Annotation[];
   inboundErrorMarkers?: Ace.MarkerLike[];
@@ -480,7 +481,7 @@
         console.warn("Editor is not set! Cannot set annotations!", editor);
       }
     }
   }, [parserAnnotations, inboundAnnotations, editor]);
   const toggleSearchBox = () => {
     // given the searchBox has not been instantiated we execCommand which also triggers show
     //@ts-ignore
@@ -522,7 +523,7 @@
         toggleSearchBox as EventListener
       );
     };
   }, [editor, parseErrorMarkers, inboundErrorMarkers]);
 
   useEffect(() => {
     const cqlMode = new CqlMode();
@@ -534,14 +535,14 @@
         debouncedParse.cancel();
       }
     };
   }, [debouncedParse]);
 
   useEffect(() => {
     if (!_.isNil(value) && editor && validationsEnabled) {
       setParsing(true);
       debouncedParse(value, editor);
     }
   }, [value, editor, debouncedParse]);
 
   useEffect(() => {
     // This is to set aria-label on textarea for accessibility

src/CqlBuilderPanel/CqlBuilderPanel.tsx

@@ -37,6 +37,7 @@
   handleDefinitionEdit,
   handleDefinitionDelete,
   handleApplyFunction,
+  handleFunctionDelete,
   resetCql,
   getCqlDefinitionReturnTypes,
   makeExpanded,
@@ -125,7 +126,7 @@
     } else {
       setLoading(false);
     }
   }, [measureModel, measureStoreCql]);
 
   return (
     <div className="right-panel">
@@ -244,6 +245,7 @@
               cqlBuilderLookupsTypes={cqlBuilderLookupsTypes}
               canEdit={canEdit}
               handleApplyFunction={handleApplyFunction}
+              handleFunctionDelete={handleFunctionDelete}
               loading={loading}
               cql={measureStoreCql}
               isCQLUnchanged={isCQLUnchanged}

src/CqlBuilderPanel/functionsSection/FunctionsSection.test.tsx

@@ -85,7 +85,7 @@ describe("FunctionsSection", () => {
     const editButon0 = screen.getByTestId("edit-button-0");
     userEvent.click(editButon0);
     expect(screen.getByTestId("discard-dialog")).toBeInTheDocument();
-    expect(screen.getByText("Discard Changes?")).toBeInTheDocument();
+    expect(screen.getByText("You have unsaved changes.")).toBeInTheDocument();
     const cancelBtn = screen.getByTestId("discard-dialog-cancel-button");
     const discardBtn = screen.getByTestId("discard-dialog-continue-button");
     expect(cancelBtn).toBeInTheDocument();
@@ -139,7 +139,7 @@ describe("FunctionsSection", () => {
     const editButon0 = screen.getByTestId("edit-button-0");
     userEvent.click(editButon0);
     expect(screen.getByTestId("discard-dialog")).toBeInTheDocument();
-    expect(screen.getByText("Discard Changes?")).toBeInTheDocument();
+    expect(screen.getByText("You have unsaved changes.")).toBeInTheDocument();
     const cancelBtn = screen.getByTestId("discard-dialog-cancel-button");
     expect(cancelBtn).toBeInTheDocument();
     userEvent.click(cancelBtn);

src/CqlBuilderPanel/functionsSection/FunctionsSection.tsx

@@ -10,12 +10,13 @@ import { CqlAntlr } from "@madie/cql-antlr-parser/dist/src";
 export interface FunctionProps {
   canEdit: boolean;
   handleApplyFunction?: Function;
+  handleFunctionDelete?: Function;
   loading: boolean;
   cqlBuilderLookupsTypes?: CqlBuilderLookup;
   cql: string;
   isCQLUnchanged: boolean;
   functions?: FunctionLookup[];
-  resetCql?: Function;
+  resetCql: Function;
 }
 
 const getArgumentNames = (logic: string) => {
@@ -30,6 +31,7 @@ export default function FunctionsSection({
   isCQLUnchanged,
   cqlBuilderLookupsTypes,
   resetCql,
+  handleFunctionDelete,
   loading,
 }: FunctionProps) {
   const [activeTab, setActiveTab] = useState<string>("function");
@@ -96,6 +98,7 @@ export default function FunctionsSection({
             cql={cql}
             resetCql={resetCql}
             handleApplyFunction={handleApplyFunction}
+            handleFunctionDelete={handleFunctionDelete}
           />
         )}
       </div>