@madie/madie-design-system 1.2.30 → 1.2.32

package/package.json

@@ -1,151 +1,146 @@
 {
-    "name": "@madie/madie-design-system",
-    "version": "1.2.30",
-    "description": "Shared style guide across the Madie program.",
-    "main": "dist/index.js",
-    "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",
-    "scripts": {
-        "prepublishOnly": "npm run build",
-        "build": "npm run clean && webpack-cli --progress --color --env production && npm run build-react",
-        "dev": "npm run clean && webpack-cli --progress --color --watch --env production=false",
-        "clean": "rimraf build && rimraf dist",
-        "build-react": "webpack --progress --config webpack.config.react.js",
-        "build-react-watch": "webpack --progress --watch --config webpack.config.react.js",
-        "start": "npm run build",
-        "test": "jest",
-        "watch-tests": "cross-env BABEL_ENV=test jest --watch",
-        "coverage": "cross-env BABEL_ENV=test jest --coverage",
-        "precommit": "npm run format && npm run lint && npm run format-styles",
-        "prepush": "npm test",
-        "check-format": "prettier --write 'components/**/*.(js|jsx)'",
-        "format-test": "prettier --write 'test/**/*.(js|jsx)'",
-        "lint": "eslint 'components/**/*.{js,jsx}'",
-        "stylelint": "stylelint 'styles/**/*.{css,scss}'",
-        "format-styles": "prettier 'styles/**/*.{css,scss}' --write --quiet",
-        "storybook": "start-storybook -p 6007",
-        "build-storybook": "build-storybook",
-        "predeploy": "npm run build-storybook",
-        "deploy": "gh-pages -d storybook-static"
-    },
-    "devDependencies": {
-        "@babel/cli": "^7.16.8",
-        "@babel/core": "^7.16.7",
-        "@babel/preset-env": "^7.16.8",
-        "@babel/preset-react": "^7.16.7",
-        "@babel/register": "^7.16.9",
-        "@storybook/addon-a11y": "^6.5.0-alpha.51",
-        "@storybook/addon-actions": "^6.5.0-alpha.51",
-        "@storybook/addon-backgrounds": "^6.5.0-alpha.51",
-        "@storybook/addon-docs": "^6.5.0-alpha.51",
-        "@storybook/addon-knobs": "^6.4.0",
-        "@storybook/addon-links": "^6.5.0-alpha.51",
-        "@storybook/addon-postcss": "^2.0.0",
-        "@storybook/addon-storysource": "^6.5.0-alpha.51",
-        "@storybook/addon-viewport": "^6.5.0-alpha.51",
-        "@storybook/addons": "^6.5.0-alpha.51",
-        "@storybook/builder-webpack5": "^6.5.0-alpha.51",
-        "@storybook/manager-webpack5": "^6.5.0-alpha.51",
-        "@storybook/react": "^6.5.13",
-        "@testing-library/jest-dom": "^6.1.4",
-        "@testing-library/react": "^12.1.2",
-        "@testing-library/user-event": "^13.5.0",
-        "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
-        "autoprefixer": "^10.4.2",
-        "babel-eslint": "^10.1.0",
-        "babel-jest": "^27.4.6",
-        "babel-loader": "^8.2.3",
-        "babel-plugin-transform-class-properties": "^6.24.1",
-        "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
-        "chai": "^4.3.4",
-        "copy-webpack-plugin": "^5.1.2",
-        "css-loader": "^3.6.0",
-        "enzyme": "^3.11.0",
-        "enzyme-to-json": "^3.6.2",
-        "eslint": "^7.32.0",
-        "eslint-config-prettier": "^6.15.0",
-        "eslint-plugin-babel": "^5.3.1",
-        "eslint-plugin-prettier": "^3.4.1",
-        "eslint-plugin-react": "^7.28.0",
-        "feather-icons-react": "^0.4.3",
-        "file-loader": "^6.2.0",
-        "gh-pages": "^6.0.0",
-        "html-webpack-plugin": "^5.5.0",
-        "jest": "^29.7.0",
-        "jest-environment-jsdom": "^29.7.0",
-        "mini-css-extract-plugin": "^0.11.3",
-        "moxios": "^0.4.0",
-        "node-fetch": "^2.6.7",
-        "prettier": "^2.5.1",
-        "raw-loader": "^4.0.2",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-test-renderer": "^17.0.2",
-        "regenerator-runtime": "^0.13.9",
-        "rimraf": "^3.0.2",
-        "sass": "^1.48.0",
-        "sass-loader": "^10.2.1",
-        "sinon": "^12.0.1",
-        "style-loader": "^1.3.0",
-        "svgo-loader": "^4.0.0",
-        "webpack": "^5.70.0",
-        "webpack-cli": "^4.9.2"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/MeasureAuthoringTool/madie-design-system.git"
-    },
-    "keywords": [
-        "QPP",
-        "Quality Payment Program",
-        "style",
-        "module",
-        "CMS",
-        "CMSgov"
-    ],
-    "author": "Centers for Medicare & Medicaid Services",
-    "license": "CC0-1.0",
-    "bugs": {
-        "url": "https://github.com/MeasureAuthoringTool/madie-design-system/issues"
-    },
-    "dependencies": {
-        "@cmsgov/design-system": "^5.0.2",
-        "@emotion/react": "^11.8.2",
-        "@emotion/styled": "^11.8.1",
-        "@mui/icons-material": "^5.10.6",
-        "@mui/material": "^5.2.5",
-        "@mui/styles": "^5.5.1",
-        "@mui/system": "^5.5.2",
-        "@mui/x-date-pickers": "^6.19.7",
-        "@reach/portal": "^0.16.2",
-        "@reach/tooltip": "^0.16.2",
-        "axios": "^1.7.4",
-        "cookie": "^0.4.1",
-        "cross-env": "^7.0.3",
-        "d3-selection": "^1.4.2",
-        "d3-shape": "^1.3.7",
-        "dayjs": "^1.11.7",
-        "jwt-decode": "^3.1.2",
-        "preact": "^10.6.4",
-        "prop-types": "^15.8.1",
-        "react-draggable": "^4.4.6",
-        "react-modal": "^3.14.4",
-        "retry": "^0.13.1",
-        "svgo": "^3.0.3",
-        "what-input": "^5.2.10",
-        "xss": "^1.0.10"
-    },
-    "peerDependencies": {
-        "classnames": "^2.3.1"
-    },
-    "overrides": {
-        "@cmsgov/design-system": {
-            "micromatch": "4.0.6"
-        },
-        "trim": ">=0.0.3",
-        "webpack": "^5.70.0",
-        "trim-newlines": "^3.0.1",
-        "glob-parent": "^6.0.1",
-        "semver": "^7.5.3",
-        "optionator": "0.9.3"
-    }
+  "name": "@madie/madie-design-system",
+  "version": "1.2.32",
+  "description": "Shared style guide across the Madie program.",
+  "main": "dist/index.js",
+  "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",
+  "scripts": {
+    "prepublishOnly": "npm run build",
+    "build": "npm run clean && webpack-cli --progress --color --env production && npm run build-react",
+    "dev": "npm run clean && webpack-cli --progress --color --watch --env production=false",
+    "clean": "rimraf build && rimraf dist",
+    "build-react": "webpack --progress --config webpack.config.react.js",
+    "build-react-watch": "webpack --progress --watch --config webpack.config.react.js",
+    "start": "npm run build",
+    "test": "jest",
+    "watch-tests": "cross-env BABEL_ENV=test jest --watch",
+    "coverage": "cross-env BABEL_ENV=test jest --coverage",
+    "precommit": "npm run format && npm run lint && npm run format-styles",
+    "prepush": "npm test",
+    "check-format": "prettier --write 'components/**/*.(js|jsx)'",
+    "format-test": "prettier --write 'test/**/*.(js|jsx)'",
+    "lint": "eslint 'components/**/*.{js,jsx}'",
+    "stylelint": "stylelint 'styles/**/*.{css,scss}'",
+    "format-styles": "prettier 'styles/**/*.{css,scss}' --write --quiet",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "predeploy": "npm run build-storybook",
+    "deploy": "gh-pages -d storybook-static"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.25.6",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/register": "^7.24.6",
+    "@storybook/addon-a11y": "^8.3.0",
+    "@storybook/addon-actions": "^8.3.0",
+    "@storybook/addon-backgrounds": "^8.3.0",
+    "@storybook/addon-docs": "^8.3.0",
+    "@storybook/addon-knobs": "^8.0.1",
+    "@storybook/addon-links": "^8.3.0",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/addon-storysource": "^8.3.0",
+    "@storybook/addon-viewport": "^8.3.0",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/react": "^8.3.0",
+    "@storybook/react-webpack5": "^8.3.0",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/user-event": "^13.5.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
+    "autoprefixer": "^10.4.2",
+    "babel-eslint": "^10.1.0",
+    "babel-jest": "^27.4.6",
+    "babel-loader": "^8.2.3",
+    "chai": "^4.3.4",
+    "copy-webpack-plugin": "^5.1.2",
+    "css-loader": "^7.1.2",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.6.2",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^6.15.0",
+    "eslint-plugin-babel": "^5.3.1",
+    "eslint-plugin-prettier": "^3.4.1",
+    "eslint-plugin-react": "^7.28.0",
+    "feather-icons-react": "^0.4.3",
+    "file-loader": "^6.2.0",
+    "gh-pages": "^6.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "mini-css-extract-plugin": "^0.11.3",
+    "moxios": "^0.4.0",
+    "node-fetch": "^2.6.7",
+    "prettier": "^2.5.1",
+    "raw-loader": "^4.0.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-test-renderer": "^17.0.2",
+    "regenerator-runtime": "^0.13.9",
+    "rimraf": "^3.0.2",
+    "sass": "^1.48.0",
+    "sass-loader": "^10.2.1",
+    "sinon": "^12.0.1",
+    "style-loader": "^1.3.0",
+    "svgo-loader": "^4.0.0",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^4.9.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MeasureAuthoringTool/madie-design-system.git"
+  },
+  "keywords": [
+    "QPP",
+    "Quality Payment Program",
+    "style",
+    "module",
+    "CMS",
+    "CMSgov"
+  ],
+  "author": "Centers for Medicare & Medicaid Services",
+  "license": "CC0-1.0",
+  "bugs": {
+    "url": "https://github.com/MeasureAuthoringTool/madie-design-system/issues"
+  },
+  "dependencies": {
+    "@cmsgov/design-system": "^5.0.2",
+    "@emotion/react": "^11.8.2",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^6.1.0",
+    "@mui/material": "^6.1.0",
+    "@mui/styles": "^6.1.0",
+    "@mui/system": "^6.1.0",
+    "@mui/x-date-pickers": "^7.17.0",
+    "@reach/portal": "^0.16.2",
+    "@reach/tooltip": "^0.16.2",
+    "axios": "^1.7.4",
+    "cookie": "^0.4.1",
+    "cross-env": "^7.0.3",
+    "d3-selection": "^1.4.2",
+    "d3-shape": "^1.3.7",
+    "dayjs": "^1.11.7",
+    "jwt-decode": "^3.1.2",
+    "preact": "^10.6.4",
+    "prop-types": "^15.8.1",
+    "react-draggable": "^4.4.6",
+    "react-modal": "^3.14.4",
+    "retry": "^0.13.1",
+    "svgo": "^3.0.3",
+    "what-input": "^5.2.10",
+    "xss": "^1.0.10"
+  },
+  "peerDependencies": {
+    "classnames": "^2.3.1"
+  },
+  "overrides": {
+    "trim": ">=0.0.3",
+    "webpack": "^5.70.0",
+    "trim-newlines": "^3.0.1",
+    "glob-parent": "^6.0.1",
+    "semver": "^7.5.3",
+    "optionator": "0.9.3"
+  }
 }

package/test/components/MadieDialog.test.js

@@ -99,4 +99,48 @@ describe("Madie Dialog", () => {
             expect(onDialogSubmit).toHaveBeenCalledTimes(1);
         });
     });
+
+    it("It renders a basic dialog with no dialog actions", async () => {
+        const onDialogCancel = jest.fn();
+        const { queryAllByRole } = render(
+            <div>
+                <MadieDialog
+                    title="Basic Dialog"
+                    form={false}
+                    dialogProps={{
+                        open: true,
+                        onClose: onDialogCancel,
+                        maxWidth: "sm",
+                    }}
+                    cancelButtonProps={undefined}
+                    continueButtonProps={undefined}
+                >
+                    <div>this is a basic dialog</div>
+                </MadieDialog>
+            </div>
+        );
+        // only one button should be there i.e. cancel model icon at top right corner
+        expect(queryAllByRole("button")).toHaveLength(1);
+    });
+
+    it("It renders a form dialog with no dialog actions", async () => {
+        const onDialogCancel = jest.fn();
+        const { queryAllByRole } = render(
+            <div>
+                <MadieDialog
+                    title="Basic Dialog"
+                    form={true}
+                    dialogProps={{
+                        open: true,
+                        onClose: onDialogCancel,
+                        maxWidth: "sm",
+                    }}
+                >
+                    <div>this is a form dialog</div>
+                </MadieDialog>
+            </div>
+        );
+        // only one button should be there i.e. cancel model icon at top right corner
+        expect(queryAllByRole("button")).toHaveLength(1);
+    });
 });