fix: upgrades frontend build to v7 and paragon to v16 (#439 )

* build: upgrades frontend build to v7 and paragon to v16 * test: update test snapshots Three things happening here: - The implementation of the external link icon in Hyperlink was updated to have an SVG icon instead of font-awesome - The implementation of StatefulButton also changed to use SVG icons instead of font-awesome - Dropdown appears to be setting an onKeyDown handler that it wasn’t before. This is fine.
chore(deps): update dependency @edx/frontend-build to v6 (#438 )
2021-07-07 16:01:45 -04:00 · 2021-07-06 14:44:56 -04:00 · 2021-07-05 07:38:42 +00:00 · 2021-06-28 07:25:46 +00:00 · 2021-06-28 07:12:56 +00:00 · 2021-06-21 16:59:07 -04:00
4 changed files with 4125 additions and 5128 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -42,16 +42,16 @@
  "dependencies": {
    "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
    "@edx/frontend-component-footer": "10.1.5",
-    "@edx/frontend-component-header": "2.2.4",
+    "@edx/frontend-component-header": "2.3.0",
    "@edx/frontend-platform": "1.11.0",
-    "@edx/paragon": "13.1.2",
+    "@edx/paragon": "16.0.1",
    "@fortawesome/fontawesome-svg-core": "1.2.25",
    "@fortawesome/free-brands-svg-icons": "5.7.2",
    "@fortawesome/free-regular-svg-icons": "5.7.2",
    "@fortawesome/free-solid-svg-icons": "5.7.2",
    "@fortawesome/react-fontawesome": "0.1.8",
-    "classnames": "2.2.6",
-    "core-js": "3.8.3",
+    "classnames": "2.3.1",
+    "core-js": "3.15.2",
    "email-prop-type": "1.1.7",
    "font-awesome": "4.7.0",
    "form-urlencoded": "3.0.2",
@@ -69,7 +69,7 @@
    "react-router": "5.2.0",
    "react-router-dom": "5.2.0",
    "react-transition-group": "4.4.2",
-    "redux": "4.0.5",
+    "redux": "4.1.0",
    "redux-devtools-extension": "2.13.9",
    "redux-logger": "3.0.6",
    "redux-saga": "1.1.3",
@@ -79,16 +79,16 @@
    "universal-cookie": "3.1.0"
  },
  "devDependencies": {
-    "@commitlint/cli": "8.3.5",
-    "@commitlint/config-angular": "8.3.4",
-    "@edx/frontend-build": "5.6.14",
+    "@commitlint/cli": "12.1.4",
+    "@commitlint/config-angular": "12.1.4",
+    "@edx/frontend-build": "7.0.0",
    "codecov": "3.8.2",
    "enzyme": "3.11.0",
    "enzyme-adapter-react-16": "1.15.6",
-    "es-check": "5.2.3",
+    "es-check": "5.2.4",
    "glob": "7.1.7",
-    "husky": "3.1.0",
-    "purgecss-webpack-plugin": "1.6.0",
+    "husky": "6.0.0",
+    "purgecss-webpack-plugin": "4.0.3",
    "react-test-renderer": "16.14.0",
    "reactifex": "1.1.1",
    "redux-mock-store": "1.5.4"
--- a/src/profile/snapshots/ProfilePage.test.jsx.snap
+++ b/src/profile/snapshots/ProfilePage.test.jsx.snap
@@ -245,7 +245,6 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
              >
                <div
                  className="dropdown"
-                  onKeyDown={[Function]}
                >
                  <button
                    aria-expanded={false}
@@ -327,14 +326,36 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
            target="_blank"
          >
            View My Records
-            <span>
+            <span
+              className="d-inline-block align-text-top"
+            >
               
              <span
-                aria-hidden={false}
-                aria-label="Opens in a new window"
-                className="fa fa-external-link"
-                title="Opens in a new window"
-              />
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  aria-label=""
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
            </span>
          </a>
        </div>
@@ -383,14 +404,36 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
            target="_blank"
          >
            View My Records
-            <span>
+            <span
+              className="d-inline-block align-text-top"
+            >
               
              <span
-                aria-hidden={false}
-                aria-label="Opens in a new window"
-                className="fa fa-external-link"
-                title="Opens in a new window"
-              />
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  aria-label=""
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
            </span>
          </a>
        </div>
@@ -1178,14 +1221,36 @@ exports[`<ProfilePage /> Renders correctly in various states viewing own profile
                        target="_blank"
                      >
                        View Certificate
-                        <span>
+                        <span
+                          className="d-inline-block align-text-top"
+                        >
                           
                          <span
-                            aria-hidden={false}
-                            aria-label="Opens in a new window"
-                            className="fa fa-external-link"
-                            title="Opens in a new window"
-                          />
+                            className="pgn__icon"
+                            style={
+                              Object {
+                                "height": "1em",
+                                "width": "1em",
+                              }
+                            }
+                          >
+                            <svg
+                              aria-hidden={true}
+                              aria-label=""
+                              fill="none"
+                              focusable={false}
+                              height={24}
+                              role="img"
+                              viewBox="0 0 24 24"
+                              width={24}
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
                        </span>
                      </a>
                    </div>
@@ -1231,7 +1296,6 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
              >
                <div
                  className="dropdown"
-                  onKeyDown={[Function]}
                >
                  <button
                    aria-expanded={false}
@@ -1313,14 +1377,36 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
            target="_blank"
          >
            View My Records
-            <span>
+            <span
+              className="d-inline-block align-text-top"
+            >
               
              <span
-                aria-hidden={false}
-                aria-label="Opens in a new window"
-                className="fa fa-external-link"
-                title="Opens in a new window"
-              />
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  aria-label=""
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
            </span>
          </a>
        </div>
@@ -1369,14 +1455,36 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
            target="_blank"
          >
            View My Records
-            <span>
+            <span
+              className="d-inline-block align-text-top"
+            >
               
              <span
-                aria-hidden={false}
-                aria-label="Opens in a new window"
-                className="fa fa-external-link"
-                title="Opens in a new window"
-              />
+                className="pgn__icon"
+                style={
+                  Object {
+                    "height": "1em",
+                    "width": "1em",
+                  }
+                }
+              >
+                <svg
+                  aria-hidden={true}
+                  aria-label=""
+                  fill="none"
+                  focusable={false}
+                  height={24}
+                  role="img"
+                  viewBox="0 0 24 24"
+                  width={24}
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
            </span>
          </a>
        </div>
@@ -2044,12 +2152,31 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                          className="pgn__stateful-btn-icon"
                        >
                          <span
-                            aria-hidden={true}
-                            className="icon fa fa-spinner fa-spin"
-                            id="Icon1"
-                          />
+                            className="pgn__icon icon-spin"
+                          >
+                            <svg
+                              aria-hidden={true}
+                              aria-label=""
+                              fill="none"
+                              focusable={false}
+                              height={24}
+                              role="img"
+                              viewBox="0 0 24 24"
+                              width={24}
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M22 12A10 10 0 116.122 3.91l1.176 1.618A8 8 0 1020 12h2z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
+                        </span>
+                        <span
+                          className=""
+                        >
+                          Saving
                        </span>
-                        Saving
                      </span>
                    </button>
                    <button
@@ -2216,14 +2343,36 @@ exports[`<ProfilePage /> Renders correctly in various states while saving an edi
                        target="_blank"
                      >
                        View Certificate
-                        <span>
+                        <span
+                          className="d-inline-block align-text-top"
+                        >
                           
                          <span
-                            aria-hidden={false}
-                            aria-label="Opens in a new window"
-                            className="fa fa-external-link"
-                            title="Opens in a new window"
-                          />
+                            className="pgn__icon"
+                            style={
+                              Object {
+                                "height": "1em",
+                                "width": "1em",
+                              }
+                            }
+                          >
+                            <svg
+                              aria-hidden={true}
+                              aria-label=""
+                              fill="none"
+                              focusable={false}
+                              height={24}
+                              role="img"
+                              viewBox="0 0 24 24"
+                              width={24}
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
                        </span>
                      </a>
                    </div>
@@ -2269,7 +2418,6 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
              >
                <div
                  className="dropdown"
-                  onKeyDown={[Function]}
                >
                  <button
                    aria-expanded={false}
@@ -3164,14 +3312,36 @@ exports[`<ProfilePage /> Renders correctly in various states without credentials
                        target="_blank"
                      >
                        View Certificate
-                        <span>
+                        <span
+                          className="d-inline-block align-text-top"
+                        >
                           
                          <span
-                            aria-hidden={false}
-                            aria-label="Opens in a new window"
-                            className="fa fa-external-link"
-                            title="Opens in a new window"
-                          />
+                            className="pgn__icon"
+                            style={
+                              Object {
+                                "height": "1em",
+                                "width": "1em",
+                              }
+                            }
+                          >
+                            <svg
+                              aria-hidden={true}
+                              aria-label=""
+                              fill="none"
+                              focusable={false}
+                              height={24}
+                              role="img"
+                              viewBox="0 0 24 24"
+                              width={24}
+                              xmlns="http://www.w3.org/2000/svg"
+                            >
+                              <path
+                                d="M19 19H5V5h7V3H3v18h18v-9h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"
+                                fill="currentColor"
+                              />
+                            </svg>
+                          </span>
                        </span>
                      </a>
                    </div>
--- a/webpack.prod.config.js
+++ b/webpack.prod.config.js
@@ -15,7 +15,7 @@ module.exports = createConfig('webpack-prod', {
        glob.sync('node_modules/@edx/paragon/**/*', { nodir: true }),
      ),
      // Protect react-css-transition class names
-      whitelistPatterns: [/-enter/, /-appear/, /-exit/],
+      safelist: [/-enter/, /-appear/, /-exit/],
    }),
  ],
 });
Author	SHA1	Message	Date
David Joy	16d179d9b0	fix: upgrades frontend build to v7 and paragon to v16 (#439 ) * build: upgrades frontend build to v7 and paragon to v16 * test: update test snapshots Three things happening here: - The implementation of the external link icon in Hyperlink was updated to have an SVG icon instead of font-awesome - The implementation of StatefulButton also changed to use SVG icons instead of font-awesome - Dropdown appears to be setting an onKeyDown handler that it wasn’t before. This is fine.	2021-07-07 16:01:45 -04:00
renovate[bot]	42d6535969	chore(deps): update dependency @edx/frontend-build to v6 (#438 ) Co-authored-by: Renovate Bot <bot@renovateapp.com>	2021-07-06 14:44:56 -04:00
Renovate Bot	ba1036c7ed	fix(deps): update dependency core-js to v3.15.2	2021-07-05 07:38:42 +00:00
Renovate Bot	c6fb8acb63	fix(deps): update dependency core-js to v3.15.1	2021-06-28 07:25:46 +00:00
Renovate Bot	78c816dd68	chore(deps): update dependency es-check to v5.2.4	2021-06-28 07:12:56 +00:00
Sarina Canelake	6f2253e904	Merge pull request #433 from edx/renovate/husky-6.x chore(deps): update dependency husky to v6	2021-06-21 16:59:07 -04:00
Renovate Bot	1b618bcbab	chore(deps): update dependency husky to v6	2021-06-21 06:52:58 +00:00
Renovate Bot	6511559261	fix(deps): update dependency redux to v4.1.0	2021-06-21 06:46:14 +00:00
Renovate Bot	e96c3c9c31	fix(deps): update dependency core-js to v3.15.0	2021-06-21 06:30:11 +00:00
stvn	0052682b6e	merge(#403 ): renovate/major-commitlint-monorepo commits ======= - chore(deps): update commitlint monorepo to v12	2021-06-15 00:37:17 -07:00
Renovate Bot	6b36f988fe	chore(deps): update commitlint monorepo to v12	2021-06-15 07:26:20 +00:00
Renovate Bot	ebca3d7620	fix(deps): update dependency @edx/frontend-component-header to v2.3.0	2021-06-15 07:19:16 +00:00
Renovate Bot	d964848714	fix(deps): update dependency core-js to v3.14.0	2021-06-14 07:38:55 +00:00
Renovate Bot	8bfecc1309	fix(deps): update dependency classnames to v2.3.1	2021-06-14 07:22:41 +00:00