Compare commits

...

19 Commits

Author SHA1 Message Date
Renovate Bot
9c2dd032d1 fix(deps): update dependency redux to v4.1.1 2021-08-09 12:11:51 +00:00
Renovate Bot
ab26fd84fe fix(deps): update dependency core-js to v3.16.1 2021-08-09 10:07:35 +00:00
Renovate Bot
8aebaf7583 fix(deps): update dependency core-js to v3.16.0 2021-08-02 05:23:04 +00:00
Renovate Bot
77d28e2aba fix(deps): update dependency @edx/frontend-platform to v1.11.3 2021-08-02 05:10:30 +00:00
Renovate Bot
40b9526f92 fix(deps): update dependency @edx/paragon to v16.6.1 2021-07-26 08:35:06 +00:00
Renovate Bot
462b64f720 chore(deps): update dependency @edx/frontend-build to v7.1.0 2021-07-26 08:25:13 +00:00
Renovate Bot
931710d489 fix(deps): update dependency regenerator-runtime to v0.13.9 2021-07-26 04:35:23 +00:00
Renovate Bot
b871bb6835 chore(deps): update dependency codecov to v3.8.3 2021-07-26 04:25:26 +00:00
stvn
4dbd66a615 merge(#446): renovate/husky-7.x
commits
=======
- chore(deps): update dependency husky to v7
2021-07-21 11:27:35 -07:00
Renovate Bot
c797320d71 chore(deps): update dependency husky to v7 2021-07-19 07:07:02 +00:00
Renovate Bot
b1ca0dd34e fix(deps): update dependency @edx/paragon to v16.3.1 2021-07-19 07:02:11 +00:00
Renovate Bot
6b256eb09e fix(deps): update dependency @edx/frontend-platform to v1.11.1 2021-07-19 06:51:12 +00:00
Renovate Bot
78267b5326 chore(deps): update dependency @edx/frontend-build to v7.0.6 2021-07-19 06:38:56 +00:00
David Joy
f06bea9612 fix: remove purgecss (#440)
PurgeCSS doesn’t work with the latest version of PostCSS, far as I can tell.  It ends up removing too many classes.  It has always been sort of problematic and we only use it in a few MFEs, so I think it’s time for it to go.
2021-07-13 10:16:09 -04:00
Renovate Bot
242a03ee72 fix(deps): update dependency @edx/paragon to v16.1.0 2021-07-12 07:28:45 +00:00
Renovate Bot
4b35d64d13 chore(deps): update dependency @edx/frontend-build to v7.0.3 2021-07-12 07:19:22 +00:00
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
5 changed files with 3644 additions and 5184 deletions

View File

@@ -49,13 +49,6 @@ This MFE is configured via node environment variables supplied at build time. Se
For more information see the document: `Micro-frontend applications in Open
edX <https://edx.readthedocs.io/projects/edx-developer-docs/en/latest/micro-frontends-in-open-edx.html>`__.
----------
Notes
-----
The production Webpack configuration for this repo uses `Purgecss <https://www.purgecss.com/>`__ to remove unused CSS from the production css file. In ``webpack.prod.config.js`` the Purgecss plugin is configured to scan directories to determine what css selectors should remain. Currently the src/ directory is scanned along with all ``@edx/frontend-component*`` node modules and ``@edx/paragon``. **If you add and use a component in this repo that relies on HTML classes or ids for styling you must add it to the Purgecss configuration or it will be unstyled in the production build.**
.. |Build Status| image:: https://api.travis-ci.org/edx/frontend-app-profile.svg?branch=master
:target: https://travis-ci.org/edx/frontend-app-profile
.. |Codecov| image:: https://img.shields.io/codecov/c/github/edx/frontend-app-profile

8513
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -43,15 +43,15 @@
"@edx/brand": "npm:@edx/brand-openedx@1.1.0",
"@edx/frontend-component-footer": "10.1.5",
"@edx/frontend-component-header": "2.3.0",
"@edx/frontend-platform": "1.11.0",
"@edx/paragon": "13.1.2",
"@edx/frontend-platform": "1.11.3",
"@edx/paragon": "16.6.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.3.1",
"core-js": "3.15.1",
"core-js": "3.16.1",
"email-prop-type": "1.1.7",
"font-awesome": "4.7.0",
"form-urlencoded": "3.0.2",
@@ -69,26 +69,25 @@
"react-router": "5.2.0",
"react-router-dom": "5.2.0",
"react-transition-group": "4.4.2",
"redux": "4.1.0",
"redux": "4.1.1",
"redux-devtools-extension": "2.13.9",
"redux-logger": "3.0.6",
"redux-saga": "1.1.3",
"redux-thunk": "2.3.0",
"regenerator-runtime": "0.13.7",
"regenerator-runtime": "0.13.9",
"reselect": "4.0.0",
"universal-cookie": "3.1.0"
},
"devDependencies": {
"@commitlint/cli": "12.1.4",
"@commitlint/config-angular": "12.1.4",
"@edx/frontend-build": "5.6.14",
"codecov": "3.8.2",
"@edx/frontend-build": "7.1.0",
"codecov": "3.8.3",
"enzyme": "3.11.0",
"enzyme-adapter-react-16": "1.15.6",
"es-check": "5.2.4",
"glob": "7.1.7",
"husky": "6.0.0",
"purgecss-webpack-plugin": "1.6.0",
"husky": "7.0.1",
"react-test-renderer": "16.14.0",
"reactifex": "1.1.1",
"redux-mock-store": "1.5.4"

View File

@@ -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>

View File

@@ -1,21 +0,0 @@
const glob = require('glob');
const PurgecssPlugin = require('purgecss-webpack-plugin');
const { createConfig } = require('@edx/frontend-build');
module.exports = createConfig('webpack-prod', {
plugins: [
// Scan files for class names and ids and remove unused css
new PurgecssPlugin({
paths: [].concat(
// Scan files in this app
glob.sync('src/**/*', { nodir: true }),
// Scan files in any edx frontend-component
glob.sync('node_modules/@edx/frontend-component*/**/*', { nodir: true }),
// Scan files in paragon
glob.sync('node_modules/@edx/paragon/**/*', { nodir: true }),
),
// Protect react-css-transition class names
whitelistPatterns: [/-enter/, /-appear/, /-exit/],
}),
],
});