fix(deps): update font awesome

chore(deps): update dependency @edx/frontend-platform to v1.8.1
Merge pull request #108 from edx/ciduarte/AA-465
2021-01-31 09:56:38 +00:00 · 2021-01-23 11:58:46 +00:00 · 2021-01-07 09:33:22 -05:00 · 2021-01-06 17:23:50 -05:00 · 2020-12-17 13:47:00 +05:00 · 2020-12-11 09:58:08 +00:00
27 changed files with 10236 additions and 8226 deletions
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1,19 @@
+ACCESS_TOKEN_COOKIE_NAME=edx-jwt-cookie-header-payload
+BASE_URL=localhost:8080
+CREDENTIALS_BASE_URL=http://localhost:18150
+CSRF_TOKEN_API_PATH=/csrf/api/v1/token
+ECOMMERCE_BASE_URL=http://localhost:18130
+LANGUAGE_PREFERENCE_COOKIE_NAME=openedx-language-preference
+LMS_BASE_URL=http://localhost:18000
+LOGIN_URL=http://localhost:18000/login
+LOGOUT_URL=http://localhost:18000/login
+MARKETING_SITE_BASE_URL=http://localhost:18000
+ORDER_HISTORY_URL=localhost:1996/orders
+REFRESH_ACCESS_TOKEN_ENDPOINT=http://localhost:18000/login_refresh
+SEGMENT_KEY=null
+SITE_NAME=Open edX
+USER_INFO_COOKIE_NAME=edx-user-info
+LOGO_URL=https://edx-cdn.org/v3/default/logo.svg
+LOGO_TRADEMARK_URL=https://edx-cdn.org/v3/default/logo-trademark.svg
+LOGO_WHITE_URL=https://edx-cdn.org/v3/default/logo-white.svg
+FAVICON_URL=https://edx-cdn.org/v3/default/favicon.ico
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,3 +1,4 @@
 coverage
 dist
+example
 node_modules
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -0,0 +1,3 @@
+const { createConfig } = require('@edx/frontend-build');
+
+module.exports = createConfig('eslint');
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,26 @@
+name: Default CI
+on: [push, pull_request]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Setup Nodejs
+      uses: actions/setup-node@v1
+      with:
+        node-version: 12
+    - name: Install dependencies
+      run: npm ci
+    - name: Validate package-lock.json changes
+      run: make validate-no-uncommitted-package-lock-changes
+    - name: Lint
+      run: npm run lint
+    - name: Test
+      run: npm run test
+    - name: i18n_extract
+      run: npm run i18n_extract
+    - name: Coverage
+      uses: codecov/codecov-action@v1
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -0,0 +1,37 @@
+name: Release CI
+on:
+  push:
+    branches:
+      - master
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12
+      - name: Install dependencies
+        run: npm ci
+      - name: Validate package-lock.json changes
+        run: make validate-no-uncommitted-package-lock-changes
+      - name: Lint
+        run: npm run lint
+      - name: Test
+        run: npm run test
+      - name: i18n_extract
+        run: npm run i18n_extract
+      - name: Coverage
+        uses: codecov/codecov-action@v1
+      - name: Build
+        run: npm run build
+      - name: Release
+        env:
+          GITHUB_TOKEN: ${{ secrets.SEMANTIC_RELEASE_GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.SEMANTIC_RELEASE_NPM_TOKEN }}
+        run: npx semantic-release
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,5 @@ temp

 src/i18n/transifex_input.json
 temp/babel-plugin-react-intl
+/.vscode
+module.config.js
--- a/.travis.yml
+++ b/.travis.yml
@@ -1,16 +0,0 @@
-language: node_js
-node_js: 12
-install:
-  - npm install
-script:
-  - npm run lint
-  - npm run i18n_extract
-  - npm run test
-  - npm run build
-after_success:
-  - npx semantic-release
-  - npm run coveralls
-env:
-  global:
-    - secure: dxQadqP6tsoJzHcqs/Hs5AjE42z45q8ZeWKP5HcjbXoJURB4gc1uIxLky0FA6ZpulaTgRVTLcWQbx9yOODc9PQuFnFEDWlCg5EP8tONzeu7BVlJvV5eakgGUhl9w2pekBKsTGhK5dDg2y2D8bGfIL55UX81uiWeytp8s/y8QNs/FNXx9ScJnfhnC+2RfW52fB7iW12F1VYdQfVe43o5PsHze+YhB3FU/ztGe3iMaQiq9QplZWpvqQMpI7pTjyUAX8ITiiPS6UvLFObgpXpfjZdgd+yveFoi3z8o8F0NkmzBphFeSYFjFZE0qJ8bnGNIZldanMeuUgHmDeTwVmKQFhH2LqqnfcdGgW6UsKcHkSN1G51zzad2dEwAHrgxj1NkMp3JfEed2C7Kvntl6KRjVDmYZqHJvt+e+AHNbpjzblOW8tYMIrdz0TeJdk4D9pP3B3tRCtP6fvQ3GLzAMnaCrSsN6hZ9YVxWku8sg8WNEDHl14sZsdgk312MlHIdiUw97FHGrqx/NCix4IkUlCBDbKYbKzbZp20FfzZcwNRNH74+k6xpOnMGSfq8gByEhm9y02MBL76HiAI2VGct2La1ExaUfoikYGoNaZpFcZyOZKo6PYTYHpiUJmqrEnDyVQEOOXUaVsxWXwnYq/mU4nOEPKCRbNpPoksZdNxf6jlmMi8s=
-    - secure: lrlV0WQaXTRJ2lqDkFZ+1RkRb7YM/STOViOHUNboXb5+1ReVwY0wklFDVk/Qigp3jkbqWfzkBmEjSDVGDLD61QjpGY4BsxZ/Jn3+KUdo0n82Ym6cI/je1fH2gqDLi4U8bylmnkI5oEjV/1txDxkj4hF5w/Leo/oGue3xQohpi//ihhm/PxzExj+QiDqyZPZ5RQZeqLfPEU3Wff04vLE5bRmy1nDTZrgm5Wb1n5ItGsyrUyrCGuAM9kIEun65Snb8hxCuU9pSm1w/xF73iOGLiiC8KZhLu6SxSKoC872ai1GpUXNIqA8kpVeH0Erf5opMtqJT3jTTan/VOFQEoOeAKhR0ga+5rfK2jkhhN77B98dGVndNCfBpDlgQxVv42H6riFk3payZT262QiUqDejiBDtSPTokTGxf7xFtQkQQahhxVXzC2HRKEkDTXNSP8cvk2JJ4zCcUgxJpycudLMuC/Xv0upK+Q0caItBrHxfVNnRKkjKqlDxRhA8nXTY8d2n19FNi7wahCECbyweJJ76EaJaa/Ib6remUBrbGLoQ2PkaSMBHAcn3+7+H/6x11b2s1RHj5qyfIyrvZcDDyNuxdXwpOkhtrkwZsjgtOfXL6IuxW5FExgPPr8B9nNwJJKdTxyxgfqtwBR5+m9nrMixzT6AMe95torZ6eX40gKZ/O9EU=
--- a/README.rst
+++ b/README.rst
@@ -16,13 +16,11 @@ To install frontend-component-footer into your project::

 Component Usage::

-   import Footer from '@edx/frontend-component-footer';
-   import footerMessages from '@edx/frontend-component-footer/src/i18n/index';
+   import Footer, { messages } from '@edx/frontend-component-footer';

   ...

   <Footer
-      handleAllTrackEvents={(eventName, properties) => {/* track click event */}}
      onLanguageSelected={(languageCode) => {/* set language */}}
      supportedLanguages={[
         { label: 'English', value: 'en'},
@@ -30,7 +28,6 @@ Component Usage::
      ]}
   />

- handleAllTrackEvents (required)
 - onLanguageSelected (optional)
 - supportedLanguages (optional)

@@ -55,8 +52,8 @@ Build the component::

   npm run build

-.. |Build Status| image:: https://api.travis-ci.org/edx/frontend-component-footer.svg?branch=master
-   :target: https://travis-ci.org/edx/frontend-component-footer
+.. |Build Status| image:: https://api.travis-ci.com/edx/frontend-component-footer.svg?branch=master
+   :target: https://travis-ci.com/edx/frontend-component-footer
 .. |Coveralls| image:: https://img.shields.io/coveralls/edx/frontend-component-footer.svg?branch=master
   :target: https://coveralls.io/github/edx/frontend-component-footer
 .. |npm_version| image:: https://img.shields.io/npm/v/@edx/frontend-component-footer.svg
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,35 +1,3 @@
-// These preset packages are included by frontend-build.
-// TODO: Add to frontend-build and leverage that config.
-module.exports = {
-  presets: [
-    [
-      '@babel/preset-env',
-      {
-        modules: false,
-      },
-    ],
-    '@babel/preset-react',
-  ],
-  plugins: [
-    '@babel/plugin-proposal-object-rest-spread',
-    '@babel/plugin-proposal-class-properties',
-  ],
-  env: {
-    i18n: {
-      plugins: [
-        [
-          'react-intl',
-          {
-            messagesDir: './temp/babel-plugin-react-intl',
-            moduleSourceName: '@edx/frontend-i18n',
-          },
-        ],
-      ],
-    },
-    test: {
-      presets: [
-        '@babel/preset-env',
-      ],
-    },
-  },
-};
+const { createConfig } = require('@edx/frontend-build');
+
+module.exports = createConfig('babel-preserve-modules');
--- a/example/index.jsx
+++ b/example/index.jsx
@@ -1,25 +1,33 @@
+import 'babel-polyfill';
+
 import React from 'react';
-import { render } from 'react-dom';
-import { IntlProvider } from '@edx/frontend-i18n';
+import ReactDOM from 'react-dom';
+import { initialize, getConfig, subscribe, APP_READY } from '@edx/frontend-platform';
+import { AppContext, AppProvider } from '@edx/frontend-platform/react';
+import Footer from '@edx/frontend-component-footer';

 import './index.scss';
-import Footer from '../src';

-const App = () => (
-  <div>
-    <IntlProvider locale="en">
-      <Footer
-        /* eslint-disable-next-line no-unused-vars */
-        handleAllTrackEvents={(eventName, properties) => {}}
-        /* eslint-disable-next-line no-unused-vars */
-        onLanguageSelected={(languageCode) => {}}
-        supportedLanguages={[
-          { label: 'English', value: 'en' },
-          { label: 'Español', value: 'es' },
-        ]}
-      />
-    </IntlProvider>
-  </div>
-);
+subscribe(APP_READY, () => {
+  ReactDOM.render(
+    <AppProvider>
+      <AppContext.Provider value={{
+        authenticatedUser: null,
+        config: getConfig(),
+      }}>
+        <Footer
+          onLanguageSelected={() => {}}
+          supportedLanguages={[
+            { label: 'English', value: 'en' },
+            { label: 'Español', value: 'es' },
+          ]}
+        />
+      </AppContext.Provider>
+    </AppProvider>,
+    document.getElementById('root'),
+  );
+});

-render(<App />, document.getElementById('root'));
+initialize({
+  messages: []
+});
--- a/example/index.scss
+++ b/example/index.scss
@@ -1,2 +1,6 @@
-@import "~@edx/paragon/scss/core/core.scss";
-@import "../src/footer";
+@import "@edx/brand/paragon/fonts";
+@import "@edx/brand/paragon/variables";
+@import "@edx/paragon/scss/core/core";
+@import "@edx/brand/paragon/overrides";
+
+@import "@edx/frontend-component-footer/footer";
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,23 +1,27 @@
 {
  "name": "@edx/frontend-component-footer",
  "version": "1.0.0-semantically-released",
-  "description": "Site footer component for use when building edX frontend applications",
+  "description": "Footer component for use when building Open edX frontend applications",
  "main": "dist/index.js",
  "publishConfig": {
    "access": "public"
  },
  "scripts": {
    "build": "make build",
-    "gc": "commit",
-    "commitmsg": "commitlint -e $GIT_PARAMS",
-    "coveralls": "cat ./coverage/lcov.info | coveralls",
    "i18n_extract": "BABEL_ENV=i18n fedx-scripts babel src --quiet > /dev/null",
    "lint": "fedx-scripts eslint --ext .js --ext .jsx .",
-    "precommit": "npm run lint",
-    "prepublishOnly": "npm run build",
+    "snapshot": "fedx-scripts jest --updateSnapshot",
    "start": "fedx-scripts webpack-dev-server --progress",
-    "test": "fedx-scripts jest --coverage",
-    "snapshot": "fedx-scripts jest --updateSnapshot"
+    "test": "fedx-scripts jest --coverage"
+  },
+  "files": [
+    "/dist"
+  ],
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint",
+      "commit-msg": "commitlint -e $GIT_PARAMS"
+    }
  },
  "repository": {
    "type": "git",
@@ -30,37 +34,39 @@
  },
  "homepage": "https://github.com/edx/frontend-component-footer#readme",
  "devDependencies": {
-    "@commitlint/cli": "^7.1.2",
-    "@commitlint/config-angular": "^6.0.2",
-    "@commitlint/prompt": "^6.0.2",
-    "@commitlint/prompt-cli": "^6.0.2",
-    "@edx/frontend-build": "^1.0.1",
-    "@edx/frontend-i18n": "^2.1.0",
-    "@edx/frontend-logging": "^2.0.2",
-    "@edx/paragon": "^7.1.3",
-    "coveralls": "^3.0.0",
-    "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.1.1",
-    "husky": "^0.14.3",
-    "prop-types": "^15.5.10",
-    "react": "^16.4.2",
-    "react-dom": "^16.2.0",
-    "react-test-renderer": "^16.6.0",
-    "reactifex": "^1.1.1"
+    "@commitlint/cli": "8.2.0",
+    "@commitlint/config-angular": "8.2.0",
+    "@commitlint/prompt": "8.2.0",
+    "@commitlint/prompt-cli": "8.2.0",
+    "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
+    "@edx/frontend-build": "5.4.0",
+    "@edx/frontend-platform": "1.8.1",
+    "@edx/paragon": "12.0.5",
+    "codecov": "3.7.2",
+    "enzyme": "3.10.0",
+    "enzyme-adapter-react-16": "1.14.0",
+    "husky": "3.0.9",
+    "prop-types": "15.7.2",
+    "react": "16.10.2",
+    "react-dom": "16.10.2",
+    "react-redux": "^7.1.1",
+    "react-router-dom": "^5.1.2",
+    "react-test-renderer": "16.10.2",
+    "reactifex": "1.1.1",
+    "redux": "^4.0.4"
  },
  "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.17",
-    "@fortawesome/free-brands-svg-icons": "^5.8.1",
-    "@fortawesome/free-regular-svg-icons": "^5.8.1",
-    "@fortawesome/free-solid-svg-icons": "^5.8.1",
-    "@fortawesome/react-fontawesome": "^0.1.4"
+    "@fortawesome/fontawesome-svg-core": "1.2.34",
+    "@fortawesome/free-brands-svg-icons": "5.8.2",
+    "@fortawesome/free-regular-svg-icons": "5.8.2",
+    "@fortawesome/free-solid-svg-icons": "5.8.2",
+    "@fortawesome/react-fontawesome": "0.1.14"
  },
  "peerDependencies": {
-    "@edx/frontend-i18n": "^2.1.0",
-    "@edx/frontend-logging": "^2.0.2",
-    "@edx/paragon": "^7.1.3",
+    "@edx/frontend-platform": "^1.8.0",
+    "@edx/paragon": "^7.0.0",
    "prop-types": "^15.5.10",
-    "react": "^16.4.2",
-    "react-dom": "^16.2.0"
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
  }
 }
--- a/renovate.json
+++ b/renovate.json
@@ -0,0 +1,9 @@
+{
+  "extends": [
+    "config:base"
+  ],
+  "patch": {
+    "automerge": true
+  },
+  "rebaseStalePrs": true
+}
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -1,11 +1,17 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { injectIntl, intlShape } from '@edx/frontend-i18n';
+import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
+import { sendTrackEvent } from '@edx/frontend-platform/analytics';
+import { ensureConfig } from '@edx/frontend-platform/config';
+import { AppContext } from '@edx/frontend-platform/react';

 import messages from './Footer.messages';
-import FooterLogo from '../edx-openedx-logo-tag.png';
 import LanguageSelector from './LanguageSelector';

+ensureConfig([
+  'LOGO_TRADEMARK_URL',
+], 'Footer component');
+
 const EVENT_NAMES = {
  FOOTER_LINK: 'edx.bi.footer.link',
 };
@@ -31,7 +37,7 @@ class SiteFooter extends React.Component {
      category: 'outbound_link',
      label,
    };
-    this.props.handleAllTrackEvents(eventName, properties);
+    sendTrackEvent(eventName, properties);
  }

  render() {
@@ -42,38 +48,40 @@ class SiteFooter extends React.Component {
      intl,
    } = this.props;
    const showLanguageSelector = supportedLanguages.length > 0 && onLanguageSelected;
+    const { config } = this.context;

    return (
      <footer
        role="contentinfo"
-        aria-label={intl.formatMessage(messages['footer.logo.ariaLabel'])}
        className="footer d-flex border-top py-3 px-4"
      >
-        <div className="container d-flex">
+        <div className="container-fluid d-flex">
          <a
-            className="d-block mb-3"
+            className="d-block"
            href="https://open.edx.org"
            aria-label={intl.formatMessage(messages['footer.logo.ariaLabel'])}
          >
            <img
-              style={{ maxWidth: 150 }}
-              src={logo || FooterLogo}
+              style={{ maxHeight: 45 }}
+              src={logo || config.LOGO_TRADEMARK_URL}
              alt={intl.formatMessage(messages['footer.logo.altText'])}
            />
          </a>
          <div className="flex-grow-1" />
-          {showLanguageSelector &&
+          {showLanguageSelector && (
            <LanguageSelector
              options={supportedLanguages}
              onSubmit={onLanguageSelected}
            />
-          }
+          )}
        </div>
      </footer>
    );
  }
 }

+SiteFooter.contextType = AppContext;
+
 SiteFooter.propTypes = {
  intl: intlShape.isRequired,
  logo: PropTypes.string,
@@ -82,7 +90,6 @@ SiteFooter.propTypes = {
    label: PropTypes.string.isRequired,
    value: PropTypes.string.isRequired,
  })),
-  handleAllTrackEvents: PropTypes.func.isRequired,
 };

 SiteFooter.defaultProps = {
--- a/src/components/Footer.messages.js
+++ b/src/components/Footer.messages.js
@@ -1,4 +1,4 @@
-import { defineMessages } from '@edx/frontend-i18n';
+import { defineMessages } from '@edx/frontend-platform/i18n';

 const messages = defineMessages({
  'footer.socialLinks.srText.facebook': {
--- a/src/components/Footer.test.jsx
+++ b/src/components/Footer.test.jsx
@@ -1,47 +1,71 @@
 import React from 'react';
 import renderer from 'react-test-renderer';
 import { mount } from 'enzyme';
-import { IntlProvider } from '@edx/frontend-i18n';
+import { IntlProvider } from '@edx/frontend-platform/i18n';
+import { AppContext } from '@edx/frontend-platform/react';

 import Footer from './Footer';

 describe('<Footer />', () => {
  describe('renders correctly', () => {
    it('renders without a language selector', () => {
-      const mockHandleAllTrackEvents = jest.fn();
      const tree = renderer
        .create((
          <IntlProvider locale="en">
-            <Footer handleAllTrackEvents={mockHandleAllTrackEvents} />
+            <AppContext.Provider
+              value={{
+                authenticatedUser: null,
+                config: {
+                  LOGO_TRADEMARK_URL: process.env.LOGO_TRADEMARK_URL,
+                },
+              }}
+            >
+              <Footer />
+            </AppContext.Provider>
          </IntlProvider>
        ))
        .toJSON();
      expect(tree).toMatchSnapshot();
    });
    it('renders without a language selector in es', () => {
-      const mockHandleAllTrackEvents = jest.fn();
      const tree = renderer
        .create((
          <IntlProvider locale="es">
-            <Footer handleAllTrackEvents={mockHandleAllTrackEvents} />
+            <AppContext.Provider
+              value={{
+                authenticatedUser: null,
+                config: {
+                  LOGO_TRADEMARK_URL: process.env.LOGO_TRADEMARK_URL,
+                },
+              }}
+            >
+              <Footer />
+            </AppContext.Provider>
          </IntlProvider>
        ))
        .toJSON();
      expect(tree).toMatchSnapshot();
    });
    it('renders with a language selector', () => {
-      const mockHandleAllTrackEvents = jest.fn();
      const tree = renderer
        .create((
          <IntlProvider locale="en">
-            <Footer
-              handleAllTrackEvents={mockHandleAllTrackEvents}
-              onLanguageSelected={() => {}}
-              supportedLanguages={[
-                { label: 'English', value: 'en' },
-                { label: 'Español', value: 'es' },
-              ]}
-            />
+            <AppContext.Provider
+              value={{
+                authenticatedUser: null,
+                config: {
+                  LOGO_TRADEMARK_URL: process.env.LOGO_TRADEMARK_URL,
+                },
+              }}
+            >
+              <Footer
+                onLanguageSelected={() => {}}
+                supportedLanguages={[
+                  { label: 'English', value: 'en' },
+                  { label: 'Español', value: 'es' },
+                ]}
+              />
+            </AppContext.Provider>
          </IntlProvider>
        ))
        .toJSON();
@@ -51,18 +75,25 @@ describe('<Footer />', () => {

  describe('handles language switching', () => {
    it('calls onLanguageSelected prop when a language is changed', () => {
-      const mockHandleAllTrackEvents = jest.fn();
      const mockHandleLanguageSelected = jest.fn();
      const wrapper = mount((
        <IntlProvider locale="en">
-          <Footer
-            handleAllTrackEvents={mockHandleAllTrackEvents}
-            onLanguageSelected={mockHandleLanguageSelected}
-            supportedLanguages={[
-              { label: 'English', value: 'en' },
-              { label: 'Español', value: 'es' },
-            ]}
-          />
+          <AppContext.Provider
+            value={{
+              authenticatedUser: null,
+              config: {
+                LOGO_TRADEMARK_URL: process.env.LOGO_TRADEMARK_URL,
+              },
+            }}
+          >
+            <Footer
+              onLanguageSelected={mockHandleLanguageSelected}
+              supportedLanguages={[
+                { label: 'English', value: 'en' },
+                { label: 'Español', value: 'es' },
+              ]}
+            />
+          </AppContext.Provider>
        </IntlProvider>
      ));

--- a/src/components/LanguageSelector.jsx
+++ b/src/components/LanguageSelector.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-i18n';
+import { injectIntl, intlShape, FormattedMessage } from '@edx/frontend-platform/i18n';

 const LanguageSelector = ({
  intl, options, onSubmit, ...props
@@ -17,8 +17,8 @@ const LanguageSelector = ({
      onSubmit={handleSubmit}
      {...props}
    >
-      {/* eslint-disable-next-line jsx-a11y/label-has-for */}
      <div className="form-group">
+        {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
        <label htmlFor="site-footer-language-select" className="d-inline-block m-0">
          <FormattedMessage
            id="footer.languageForm.select.label"
@@ -32,8 +32,7 @@ const LanguageSelector = ({
          name="site-footer-language-select"
          defaultValue={intl.locale}
        >
-          {options.map(({ value, label }) =>
-            <option key={value} value={value}>{label}</option>)}
+          {options.map(({ value, label }) => <option key={value} value={value}>{label}</option>)}
        </select>
        <button className="btn btn-outline-primary btn-sm" type="submit">
          <FormattedMessage
--- a/src/components/snapshots/Footer.test.jsx.snap
+++ b/src/components/snapshots/Footer.test.jsx.snap
@@ -2,24 +2,23 @@

 exports[`<Footer /> renders correctly renders with a language selector 1`] = `
 <footer
-  aria-label="edX Home"
  className="footer d-flex border-top py-3 px-4"
  role="contentinfo"
 >
  <div
-    className="container d-flex"
+    className="container-fluid d-flex"
  >
    <a
      aria-label="edX Home"
-      className="d-block mb-3"
+      className="d-block"
      href="https://open.edx.org"
    >
      <img
        alt="Powered by Open edX"
-        src="test-file-stub"
+        src="https://edx-cdn.org/v3/default/logo-trademark.svg"
        style={
          Object {
-            "maxWidth": 150,
+            "maxHeight": 45,
          }
        }
      />
@@ -75,24 +74,23 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `

 exports[`<Footer /> renders correctly renders without a language selector 1`] = `
 <footer
-  aria-label="edX Home"
  className="footer d-flex border-top py-3 px-4"
  role="contentinfo"
 >
  <div
-    className="container d-flex"
+    className="container-fluid d-flex"
  >
    <a
      aria-label="edX Home"
-      className="d-block mb-3"
+      className="d-block"
      href="https://open.edx.org"
    >
      <img
        alt="Powered by Open edX"
-        src="test-file-stub"
+        src="https://edx-cdn.org/v3/default/logo-trademark.svg"
        style={
          Object {
-            "maxWidth": 150,
+            "maxHeight": 45,
          }
        }
      />
@@ -106,24 +104,23 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =

 exports[`<Footer /> renders correctly renders without a language selector in es 1`] = `
 <footer
-  aria-label="edX Home"
  className="footer d-flex border-top py-3 px-4"
  role="contentinfo"
 >
  <div
-    className="container d-flex"
+    className="container-fluid d-flex"
  >
    <a
      aria-label="edX Home"
-      className="d-block mb-3"
+      className="d-block"
      href="https://open.edx.org"
    >
      <img
        alt="Powered by Open edX"
-        src="test-file-stub"
+        src="https://edx-cdn.org/v3/default/logo-trademark.svg"
        style={
          Object {
-            "maxWidth": 150,
+            "maxHeight": 45,
          }
        }
      />
--- a/src/edx-openedx-logo-tag.png
+++ b/src/edx-openedx-logo-tag.png
--- a/src/i18n/messages/ar.json
+++ b/src/i18n/messages/ar.json
@@ -1 +1,32 @@
-{}
+{
+  "footer.socialLinks.srText.facebook": "Like edX on Facebook",
+  "footer.socialLinks.srText.twitter": "Follow edX on Twitter",
+  "footer.socialLinks.srText.youtube": "Subscribe to the edX YouTube channel",
+  "footer.socialLinks.srText.linkedin": "Follow edX on LinkedIn",
+  "footer.socialLinks.srText.reddit": "Subscribe to the edX subreddit",
+  "footer.languageForm.select.label": "Choose Language",
+  "footer.languageForm.submit.label": "Apply",
+  "footer.edxLinks.about": "About",
+  "footer.edxLinks.business": "edX for Business",
+  "footer.edxLinks.affiliates": "Affiliates",
+  "footer.edxLinks.openEdx": "Open edX",
+  "footer.edxLinks.careers": "Careers",
+  "footer.edxLinks.news": "News",
+  "footer.legalLinks.heading": "Legal",
+  "footer.legalLinks.termsOfService": "Terms of Service & Honor Code",
+  "footer.legalLinks.privacyPolicy": "Privacy Policy",
+  "footer.legalLinks.a11yPolicy": "Accessibility Policy",
+  "footer.legalLinks.trademarkPolicy": "Trademark Policy",
+  "footer.legalLinks.sitemap": "Sitemap",
+  "footer.connectLinks.heading": "Connect",
+  "footer.connectLinks.blog": "Blog",
+  "footer.connectLinks.contact": "Contact Us",
+  "footer.connectLinks.help": "Help Center",
+  "footer.connectLinks.mediaKit": "Media Kit",
+  "footer.connectLinks.donate": "Donate",
+  "footer.mobileApp.apple": "Download the edX mobile app from the Apple App Store",
+  "footer.mobileApp.google": "Download the edX mobile app from Google Play",
+  "footer.logo.altText": "Powered by Open edX",
+  "footer.logo.ariaLabel": "edX Home",
+  "footer.ariaLabel": "Page Footer"
+}
--- a/src/i18n/messages/es_419.json
+++ b/src/i18n/messages/es_419.json
@@ -1 +1,32 @@
-{}
+{
+  "footer.socialLinks.srText.facebook": "Like edX on Facebook",
+  "footer.socialLinks.srText.twitter": "Follow edX on Twitter",
+  "footer.socialLinks.srText.youtube": "Subscribe to the edX YouTube channel",
+  "footer.socialLinks.srText.linkedin": "Follow edX on LinkedIn",
+  "footer.socialLinks.srText.reddit": "Subscribe to the edX subreddit",
+  "footer.languageForm.select.label": "Choose Language",
+  "footer.languageForm.submit.label": "Apply",
+  "footer.edxLinks.about": "About",
+  "footer.edxLinks.business": "edX for Business",
+  "footer.edxLinks.affiliates": "Affiliates",
+  "footer.edxLinks.openEdx": "Open edX",
+  "footer.edxLinks.careers": "Careers",
+  "footer.edxLinks.news": "News",
+  "footer.legalLinks.heading": "Legal",
+  "footer.legalLinks.termsOfService": "Terms of Service & Honor Code",
+  "footer.legalLinks.privacyPolicy": "Privacy Policy",
+  "footer.legalLinks.a11yPolicy": "Accessibility Policy",
+  "footer.legalLinks.trademarkPolicy": "Trademark Policy",
+  "footer.legalLinks.sitemap": "Sitemap",
+  "footer.connectLinks.heading": "Connect",
+  "footer.connectLinks.blog": "Blog",
+  "footer.connectLinks.contact": "Contact Us",
+  "footer.connectLinks.help": "Help Center",
+  "footer.connectLinks.mediaKit": "Media Kit",
+  "footer.connectLinks.donate": "Donate",
+  "footer.mobileApp.apple": "Download the edX mobile app from the Apple App Store",
+  "footer.mobileApp.google": "Download the edX mobile app from Google Play",
+  "footer.logo.altText": "Powered by Open edX",
+  "footer.logo.ariaLabel": "edX Home",
+  "footer.ariaLabel": "Page Footer"
+}
--- a/src/i18n/messages/fr.json
+++ b/src/i18n/messages/fr.json
@@ -1 +1,32 @@
-{}
+{
+  "footer.socialLinks.srText.facebook": "Like edX on Facebook",
+  "footer.socialLinks.srText.twitter": "Follow edX on Twitter",
+  "footer.socialLinks.srText.youtube": "Subscribe to the edX YouTube channel",
+  "footer.socialLinks.srText.linkedin": "Follow edX on LinkedIn",
+  "footer.socialLinks.srText.reddit": "Subscribe to the edX subreddit",
+  "footer.languageForm.select.label": "Choose Language",
+  "footer.languageForm.submit.label": "Apply",
+  "footer.edxLinks.about": "About",
+  "footer.edxLinks.business": "edX for Business",
+  "footer.edxLinks.affiliates": "Affiliates",
+  "footer.edxLinks.openEdx": "Open edX",
+  "footer.edxLinks.careers": "Careers",
+  "footer.edxLinks.news": "News",
+  "footer.legalLinks.heading": "Legal",
+  "footer.legalLinks.termsOfService": "Terms of Service & Honor Code",
+  "footer.legalLinks.privacyPolicy": "Privacy Policy",
+  "footer.legalLinks.a11yPolicy": "Accessibility Policy",
+  "footer.legalLinks.trademarkPolicy": "Trademark Policy",
+  "footer.legalLinks.sitemap": "Sitemap",
+  "footer.connectLinks.heading": "Connect",
+  "footer.connectLinks.blog": "Blog",
+  "footer.connectLinks.contact": "Contact Us",
+  "footer.connectLinks.help": "Help Center",
+  "footer.connectLinks.mediaKit": "Media Kit",
+  "footer.connectLinks.donate": "Donate",
+  "footer.mobileApp.apple": "Download the edX mobile app from the Apple App Store",
+  "footer.mobileApp.google": "Download the edX mobile app from Google Play",
+  "footer.logo.altText": "Powered by Open edX",
+  "footer.logo.ariaLabel": "edX Home",
+  "footer.ariaLabel": "Page Footer"
+}
--- a/src/i18n/messages/zh_CN.json
+++ b/src/i18n/messages/zh_CN.json
@@ -1 +1,32 @@
-{}
+{
+  "footer.socialLinks.srText.facebook": "Like edX on Facebook",
+  "footer.socialLinks.srText.twitter": "Follow edX on Twitter",
+  "footer.socialLinks.srText.youtube": "Subscribe to the edX YouTube channel",
+  "footer.socialLinks.srText.linkedin": "Follow edX on LinkedIn",
+  "footer.socialLinks.srText.reddit": "Subscribe to the edX subreddit",
+  "footer.languageForm.select.label": "Choose Language",
+  "footer.languageForm.submit.label": "Apply",
+  "footer.edxLinks.about": "About",
+  "footer.edxLinks.business": "edX for Business",
+  "footer.edxLinks.affiliates": "Affiliates",
+  "footer.edxLinks.openEdx": "Open edX",
+  "footer.edxLinks.careers": "Careers",
+  "footer.edxLinks.news": "News",
+  "footer.legalLinks.heading": "Legal",
+  "footer.legalLinks.termsOfService": "Terms of Service & Honor Code",
+  "footer.legalLinks.privacyPolicy": "Privacy Policy",
+  "footer.legalLinks.a11yPolicy": "Accessibility Policy",
+  "footer.legalLinks.trademarkPolicy": "Trademark Policy",
+  "footer.legalLinks.sitemap": "Sitemap",
+  "footer.connectLinks.heading": "Connect",
+  "footer.connectLinks.blog": "Blog",
+  "footer.connectLinks.contact": "Contact Us",
+  "footer.connectLinks.help": "Help Center",
+  "footer.connectLinks.mediaKit": "Media Kit",
+  "footer.connectLinks.donate": "Donate",
+  "footer.mobileApp.apple": "Download the edX mobile app from the Apple App Store",
+  "footer.mobileApp.google": "Download the edX mobile app from Google Play",
+  "footer.logo.altText": "Powered by Open edX",
+  "footer.logo.ariaLabel": "edX Home",
+  "footer.ariaLabel": "Page Footer"
+}
--- a/src/setupTest.js
+++ b/src/setupTest.js
@@ -2,3 +2,25 @@ import Enzyme from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';

 Enzyme.configure({ adapter: new Adapter() });
+
+// These configuration values are usually set in webpack's EnvironmentPlugin however
+// Jest does not use webpack so we need to set these so for testing
+process.env.ACCESS_TOKEN_COOKIE_NAME = 'edx-jwt-cookie-header-payload';
+process.env.BASE_URL = 'localhost:1995';
+process.env.CREDENTIALS_BASE_URL = 'http://localhost:18150';
+process.env.CSRF_TOKEN_API_PATH = '/csrf/api/v1/token';
+process.env.ECOMMERCE_BASE_URL = 'http://localhost:18130';
+process.env.LANGUAGE_PREFERENCE_COOKIE_NAME = 'openedx-language-preference';
+process.env.LMS_BASE_URL = 'http://localhost:18000';
+process.env.LOGIN_URL = 'http://localhost:18000/login';
+process.env.LOGOUT_URL = 'http://localhost:18000/login';
+process.env.MARKETING_SITE_BASE_URL = 'http://localhost:18000';
+process.env.ORDER_HISTORY_URL = 'localhost:1996/orders';
+process.env.REFRESH_ACCESS_TOKEN_ENDPOINT = 'http://localhost:18000/login_refresh';
+process.env.SEGMENT_KEY = 'segment_whoa';
+process.env.SITE_NAME = 'edX';
+process.env.USER_INFO_COOKIE_NAME = 'edx-user-info';
+process.env.LOGO_URL = 'https://edx-cdn.org/v3/default/logo.svg';
+process.env.LOGO_TRADEMARK_URL = 'https://edx-cdn.org/v3/default/logo-trademark.svg';
+process.env.LOGO_WHITE_URL = 'https://edx-cdn.org/v3/default/logo-white.svg';
+process.env.FAVICON_URL = 'https://edx-cdn.org/v3/default/favicon.ico';
--- a/stats.json
+++ b/stats.json
--- a/webpack.dev.config.js
+++ b/webpack.dev.config.js
@@ -7,4 +7,9 @@ module.exports = createConfig('webpack-dev', {
    path: path.resolve(__dirname, 'example/dist'),
    publicPath: '/',
  },
+  resolve: {
+    alias: {
+      '@edx/frontend-component-footer': path.resolve(__dirname, 'src'),
+    },
+  },
 });
Author	SHA1	Message	Date
Renovate Bot	c990cbbf5e	fix(deps): update font awesome	2021-01-31 09:56:38 +00:00
Renovate Bot	b41af87b8e	chore(deps): update dependency @edx/frontend-platform to v1.8.1	2021-01-23 11:58:46 +00:00
Carla Duarte	a7d59a874c	Merge pull request #108 from edx/ciduarte/AA-465 fix: remove unnecessary aria-label	2021-01-07 09:33:22 -05:00
Carla Duarte	d66d3b7b62	fix: remove unnecessary aria-label	2021-01-06 17:23:50 -05:00
Jawayria	7095e79471	Merge pull request #103 from Jawayria/update-badge Updated the build status badge to point to travis-ci.com	2020-12-17 13:47:00 +05:00
Renovate Bot	4a9b3f2bfb	fix(deps): update font awesome	2020-12-11 09:58:08 +00:00
Jeff Chaves	e4d23d366b	feat: upgrading deps, retheme with from @edx/brand, pull logo from config settings (#104 ) * feat: upgrading deps, use logo from @edx/brand * feat: upgrading peer deps * feat: pr feedback * update snapshots and example app * pull config from AppContext Co-authored-by: Adam Stankiewicz <agstanki@gmail.com>	2020-11-30 14:00:26 -05:00
Adam Stankiewicz	2e75cc95cb	ci: migrate to use GH actions (#106 ) * ci: migrate to use GH actions * ci: change gh action names	2020-11-30 13:56:29 -05:00
Jawayria	f64faf9f14	Updated the build status badge to point to travis-ci.com	2020-11-20 15:01:06 +05:00
Renovate Bot	0be3098191	chore(deps): update dependency codecov to v3.7.2	2020-07-22 03:36:15 +00:00
renovate[bot]	799cdb3b3c	chore(deps): update dependency codecov to v3.7.1 [security] (#95 ) Co-authored-by: Renovate Bot <bot@renovateapp.com>	2020-07-21 09:26:50 -04:00
Renovate Bot	370ae52c04	fix(deps): update dependency @fortawesome/fontawesome-svg-core to v1.2.30	2020-07-15 18:20:09 +00:00
Renovate Bot	5037a5610b	fix(deps): update font awesome	2020-07-04 09:56:32 +00:00
Renovate Bot	0a91f8242f	fix(deps): update dependency @fortawesome/fontawesome-svg-core to v1.2.28	2020-03-23 16:19:06 +00:00
Renovate Bot	457bd843cf	fix(deps): update dependency @fortawesome/react-fontawesome to v0.1.9	2020-03-05 18:10:56 +00:00
Renovate Bot	777c697c41	fix(deps): update dependency @fortawesome/fontawesome-svg-core to v1.2.27	2020-02-07 16:09:34 +00:00
Renovate Bot	b3b32613c9	chore(deps): update dependency codecov to v3.6.5	2020-02-07 15:11:57 +00:00
Renovate Bot	a6f70e895a	chore(deps): update dependency codecov to v3.6.4	2020-02-01 03:12:36 +00:00
Renovate Bot	1112b426f0	chore(deps): update dependency codecov to v3.6.3	2020-01-31 14:13:51 +00:00
Renovate Bot	17278cc355	chore(deps): update dependency codecov to v3.6.2	2020-01-23 20:22:47 +00:00
Renovate Bot	65c25bfc95	fix(deps): update dependency @fortawesome/fontawesome-svg-core to v1.2.26	2019-12-11 00:12:05 +00:00
Renovate Bot	75e8962563	fix(deps): update dependency @fortawesome/react-fontawesome to v0.1.8	2019-12-06 17:14:43 +00:00
Renovate Bot	65aba84491	fix(deps): update font awesome	2019-12-04 23:19:08 +00:00
Renovate Bot	093dfa6ac2	chore(deps): update react monorepo to v16.10.2	2019-12-04 22:15:57 +00:00
Renovate Bot	4637834750	chore(deps): update dependency husky to v3.0.9	2019-12-04 21:04:01 +00:00
Renovate Bot	a021e72359	chore(deps): update dependency @edx/paragon to v7.1.5	2019-12-04 20:39:24 +00:00
Renovate Bot	925ddb7adf	chore(deps): update dependency @edx/frontend-platform to v1.1.6	2019-12-04 20:21:15 +00:00
David Joy	9ebcd15623	Update renovate.json	2019-12-04 14:25:58 -05:00
Adam Butterworth	3a2e553feb	fix: upgrade frontend-build for i18n extract fix (#67 )	2019-12-03 16:00:43 -05:00
Adam Butterworth	eb6c253e35	fix: upgrade frontend-build to fix translation job (#65 )	2019-12-03 14:13:11 -05:00
David Joy	d2315c2c21	build: dev tweaks (#64 ) * build: dev tweaks need an eslintrc file and to gitignore .vscode directories * Update .eslintrc.js	2019-12-03 10:46:32 -05:00
Adam Butterworth	f33a972933	fix: upgrade frontend-platform (#63 )	2019-12-03 10:33:28 -05:00
Adam Butterworth	d540aaa390	feat: upgrade to frontend-platform (#60 ) BREAKING CHANGE: This package now relies upon frontend-platform instead of individual runway packages.	2019-11-21 17:18:26 -05:00
Adam Butterworth	c64496dd08	Update README.rst	2019-10-08 12:54:29 -04:00
edX Transifex Bot	e94cf3ac2d	fix(i18n): update translations	2019-10-06 16:33:20 -04:00
David Joy	d4259ef1f6	feat: handleAllTrackEvents is no longer used (#48 ) * feat: use frontend-analytics directly BREAKING CHANGE: handleAllTrackEvents is no longer part of the Footer props API. The footer uses frontend-analytics’s sendTrackEvent directly. Also updating other dependencies to keep them up to date. This part should probably be a separate PR, technically. * fix: remove unused dependency of frontend-logging * fix: a little PR cleanup * fix: putting frontend logging back It’s needed by frontend-i18n and fails if it’s not there for tests. * fix: pinning npm at 6	2019-10-02 14:59:12 -04:00
renovate[bot]	b4f35d37c8	chore(deps): add renovate.json (#47 )	2019-10-02 12:34:44 -04:00