@madie/madie-design-system 1.2.50 → 1.2.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madie/madie-design-system",
-  "version": "1.2.50",
+  "version": "1.2.52",
   "description": "Shared style guide across the Madie program.",
   "main": "dist/index.js",
   "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",

package/test/components/MadieDialog.test.js

@@ -143,4 +143,37 @@ describe("Madie Dialog", () => {
         // only one button should be there i.e. cancel model icon at top right corner
         expect(queryAllByRole("button")).toHaveLength(1);
     });
+
+    it("It renders of type form with required components and hides the continue button", async () => {
+        const { getByTestId, queryByText, queryByTestId } = render(
+            <div>
+                <MadieDialog
+                    form={true}
+                    title="Basic Form"
+                    dialogProps={{
+                        open: true,
+                        onClose: onFormCancel,
+                        onSubmit: onFormSubmit,
+                        maxWidth: "sm",
+                        showRequiredFieldMessage: true,
+                    }}
+                    cancelButtonProps={{
+                        id: "cancelBtn",
+                        "data-testid": "form-cancel-button",
+                        variant: "secondary",
+                        cancelText: "Cancel",
+                    }}
+                    continueButtonProps={""}
+                >
+                    <div>this is a form message</div>
+                </MadieDialog>
+            </div>
+        );
+        expect(getByTestId("dialog-form")).toBeInTheDocument();
+        expect(queryByText("Indicates required field")).toBeInTheDocument();
+        const cancelButton = getByTestId("close-button");
+        const submitButton = queryByTestId("form-continue-button");
+        expect(cancelButton).toBeInTheDocument();
+        expect(submitButton).not.toBeInTheDocument();
+    });
 });

package/themes/actionCenterTheme.js

@@ -0,0 +1,31 @@
+import { createTheme } from '@mui/material/styles';
+
+import { red } from '@mui/material/colors';
+
+const theme = createTheme({
+  zIndex: {
+    appBar: 1251,
+    tooltip: 1250,
+  },
+  palette: {    
+    primary: {
+      main: '#007bff',
+    }
+  },
+  components: {
+    MuiIconButton: {
+      styleOverrides: {
+        root: {
+          '&.DeleteClass': { color: red[700] },
+          '&.Mui-disabled': {
+            color: "#8C8C8C",
+          },
+          color: "#0073C8"
+        }
+      }
+    }
+  },
+
+});
+
+export default theme;