qpp-style 9.45.6 → 9.45.7-beta.2

package/eslint.config.js

@@ -0,0 +1,48 @@
+const { FlatCompat } = require("@eslint/eslintrc");
+const js = require("@eslint/js");
+const babelParser = require("@babel/eslint-parser");
+
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+});
+
+module.exports = [
+  ...compat.extends("eslint:recommended"),
+  ...compat.extends("plugin:react/recommended"),
+  {
+    languageOptions: {
+      globals: {
+        es6: true,
+        node: true,
+        browser: true,
+        jquery: true,
+        mocha: true,
+      },
+      parser: babelParser,
+      parserOptions: {
+        sourceType: "module",
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    rules: {
+      "no-unused-vars": [
+        "error",
+        {
+          args: "none",
+        },
+      ],
+      "linebreak-style": ["error", "unix"],
+      "no-console": 0,
+      "no-prototype-builtins": [0],
+      "react/no-deprecated": [0],
+      "no-undef": [0],
+    },
+    settings: {
+      react: { version: "detect" },
+    },
+    ignores: ["_*", "css", "dist", "node_modules", "test"],
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qpp-style",
-  "version": "9.45.6",
+  "version": "9.45.7-beta.2",
   "description": "Shared style guide across the QPP program.",
   "main": "dist/index.js",
   "homepage": "https://cmsgov.github.io/qpp-style",
@@ -21,44 +21,44 @@
     "format-styles": "prettier 'styles/**/*.{css,scss}' --write --quiet"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.24.7",
+    "@babel/eslint-parser": "^7.25.9",
     "@svgr/webpack": "^8.0.1",
     "@testing-library/react": "^16.0.1",
-    "@types/node": "^20.14.5",
+    "@types/node": "^22.10.1",
     "@types/webpack": "^5.28.5",
     "autoprefixer": "^10.4.20",
     "babel-jest": "^29.6.1",
-    "babel-loader": "^9.1.3",
+    "babel-loader": "^9.2.1",
     "babel-plugin-transform-es2015-modules-umd": "^6.24.1",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",
-    "eslint": "^8.57.0",
+    "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.36.1",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-webpack-plugin": "^4.2.0",
     "feather-icons-react": "^0.7.0",
-    "gh-pages": "^6.1.1",
-    "husky": "^9.1.6",
+    "gh-pages": "^6.2.0",
+    "husky": "^9.1.7",
     "jest": "^29.6.1",
     "jest-environment-jsdom": "^29.6.1",
     "jsonwebtoken": "^9.0.2",
-    "mini-css-extract-plugin": "^2.9.1",
+    "mini-css-extract-plugin": "^2.9.2",
     "moxios": "^0.4.0",
-    "preact": "^10.22.0",
-    "prettier": "^3.3.2",
+    "preact": "^10.25.0",
+    "prettier": "^3.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-test-renderer": "^18.3.1",
-    "rimraf": "^5.0.7",
-    "sass": "^1.77.6",
-    "sass-loader": "^14.2.1",
+    "rimraf": "^6.0.1",
+    "sass": "^1.81.0",
+    "sass-loader": "^16.0.3",
     "style-loader": "^4.0.0",
     "svgo": "^3.3.2",
     "svgo-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.10",
-    "webpack": "^5.94.0",
+    "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4"
   },
   "repository": {
@@ -81,7 +81,7 @@
   "dependencies": {
     "@material-design-icons/svg": "^0.14.13",
     "ariakit": "^2.0.0-next.44",
-    "cookie": "^0.6.0",
+    "cookie": "^1.0.2",
     "jwt-decode": "^4.0.0",
     "prop-types": "^15.8.1",
     "react-modal": "^3.14.4",

package/session/logout.js

@@ -1,4 +1,4 @@
-import cookie from "cookie";
+import { parse } from "cookie";
 
 export const deleteImpersonatedUser = (cookies) => {
   if (cookies.hasOwnProperty("qpp_impersonated_user")) {
@@ -40,7 +40,7 @@ const LogoutSession = async (_window) => {
   // Remove the Side Nav expanded state from localStorage
   localStorage.removeItem("qpp_side_nav_expanded");
 
-  let cookies = cookie.parse(_window.document.cookie);
+  let cookies = parse(_window.document.cookie);
   let logoutDestination = "/logout-confirmation";
 
   if (cookies.hasOwnProperty("qpp_auth_token")) {

package/session/refresh.js

@@ -1,5 +1,5 @@
-import cookie from 'cookie';
-import logoutSession from './logout.js';
+import { parse } from "cookie";
+import logoutSession from "./logout.js";
 
 /**
  * Makes an API request to refresh the session token cookie, if it exists.
@@ -9,30 +9,30 @@ import logoutSession from './logout.js';
  * @return {Function} Returns a promise
  */
 const refreshSession = async (options = {}) => {
-  const url = '/api/auth/sessions/refresh';
-  let cookies = cookie.parse(window.document.cookie);
+  const url = "/api/auth/sessions/refresh";
+  let cookies = parse(window.document.cookie);
   const headers = new Headers({
     Accept: `application/vnd.qpp.cms.gov.v2+json`,
-    'Content-Type': 'application/json',
+    "Content-Type": "application/json",
     Authorization: `Bearer ${cookies.qpp_auth_token}`,
   });
   const fetchOptions = {
-    method: 'POST',
+    method: "POST",
     headers,
   };
 
   const onSuccess = () => {
-    if (typeof options.onSuccess === 'function') {
+    if (typeof options.onSuccess === "function") {
       options.onSuccess();
     }
   };
 
   const onError = () => {
-    if (typeof options.onError === 'function') {
+    if (typeof options.onError === "function") {
       options.onError();
     }
 
-    return logoutSession(window); // eslint-disable-line new-cap
+    return logoutSession(window);  
   };
 
   try {
@@ -40,8 +40,8 @@ const refreshSession = async (options = {}) => {
     if (response.ok) {
       return onSuccess();
     }
-    throw new Error('Unable to refresh session');
-  } catch (error) {
+    throw new Error("Unable to refresh session");
+  } catch {
     onError();
   }
 };

package/session/ttl.js

@@ -13,7 +13,7 @@ const fetchTtl = async (token) => {
       return json.data.time_remaining;
     }
     return 0;
-  } catch (error) {
+  } catch {
     return 0;
   }
 };

package/styles/without-legacy.scss

@@ -0,0 +1,3 @@
+$font-path: "/fonts/";
+@import "./qpp-style";
+@import "./qppds";

package/webpack.config.js

@@ -83,6 +83,8 @@ const plugins = [
   new ESLintPlugin({
     extensions: ['js', 'jsx'],
     exclude: 'node_modules',
+    overrideConfigFile: path.resolve(__dirname, "eslint.config.js"),
+    configType: "flat",
   }),
 ];
 

package/.eslintignore

@@ -1,5 +0,0 @@
-_*
-css
-dist
-node_modules
-test

package/.eslintrc.js

@@ -1,32 +0,0 @@
-module.exports = {
-  extends: ["eslint:recommended", "plugin:react/recommended"],
-  parser: "@babel/eslint-parser",
-  parserOptions: {
-    sourceType: "module",
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  env: {
-    es6: true,
-    node: true,
-    browser: true,
-    jquery: true,
-    mocha: true,
-  },
-  rules: {
-    "no-unused-vars": [
-      "error",
-      {
-        args: "none",
-      },
-    ],
-    "linebreak-style": ["error", "unix"],
-    "no-console": 0,
-    "no-prototype-builtins": [0],
-    "react/no-deprecated": [0],
-  },
-  settings: {
-    react: { version: "detect" },
-  },
-};