@edx/frontend-platform 2.5.0 → 2.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-platform",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "Foundational application framework for Open edX micro-frontend applications.",
   "main": "index.js",
   "publishConfig": {
@@ -51,8 +51,8 @@
   },
   "dependencies": {
     "@cospired/i18n-iso-languages": "2.2.0",
-    "@formatjs/intl-pluralrules": "^4.3.3",
-    "@formatjs/intl-relativetimeformat": "^10.0.1",
+    "@formatjs/intl-pluralrules": "4.3.3",
+    "@formatjs/intl-relativetimeformat": "10.0.1",
     "axios": "0.26.1",
     "axios-cache-adapter": "2.7.3",
     "form-urlencoded": "4.1.4",

package/react/ErrorPage.js

@@ -1,29 +1,20 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React, { Component } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Button, Container, Row, Col } from '@edx/paragon';
-import { FormattedMessage } from '../i18n';
+import { useAppEvent } from './hooks';
+import { FormattedMessage, IntlProvider, getMessages, getLocale, LOCALE_CHANGED } from '../i18n';
 /**
  * An error page that displays a generic message for unexpected errors.  Also contains a "Try
  * Again" button to refresh the page.
@@ -32,52 +23,46 @@ import { FormattedMessage } from '../i18n';
  * @extends {Component}
  */
 
-var ErrorPage = /*#__PURE__*/function (_Component) {
-  _inherits(ErrorPage, _Component);
-
-  var _super = _createSuper(ErrorPage);
-
-  function ErrorPage() {
-    _classCallCheck(this, ErrorPage);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(ErrorPage, [{
-    key: "reload",
-    value:
-    /* istanbul ignore next */
-    function reload() {
-      global.location.reload();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var message = this.props.message;
-      return /*#__PURE__*/React.createElement(Container, {
-        fluid: true,
-        className: "py-5 justify-content-center align-items-start text-center"
-      }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement("p", {
-        className: "text-muted"
-      }, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "unexpected.error.message.text",
-        defaultMessage: "An unexpected error occurred. Please click the button below to refresh the page.",
-        description: "error message when an unexpected error occurs"
-      })), message && /*#__PURE__*/React.createElement("div", {
-        role: "alert",
-        className: "my-4"
-      }, /*#__PURE__*/React.createElement("p", null, message)), /*#__PURE__*/React.createElement(Button, {
-        onClick: this.reload
-      }, /*#__PURE__*/React.createElement(FormattedMessage, {
-        id: "unexpected.error.button.text",
-        defaultMessage: "Try again",
-        description: "text for button that tries to reload the app by refreshing the page"
-      })))));
-    }
-  }]);
-
-  return ErrorPage;
-}(Component);
+function ErrorPage(_ref) {
+  var message = _ref.message;
+
+  var _useState = useState(getLocale()),
+      _useState2 = _slicedToArray(_useState, 2),
+      locale = _useState2[0],
+      setLocale = _useState2[1];
+
+  useAppEvent(LOCALE_CHANGED, function () {
+    setLocale(getLocale());
+  });
+  /* istanbul ignore next */
+
+  var reload = function reload() {
+    global.location.reload();
+  };
+
+  return /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: locale,
+    messages: getMessages()
+  }, /*#__PURE__*/React.createElement(Container, {
+    fluid: true,
+    className: "py-5 justify-content-center align-items-start text-center"
+  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement("p", {
+    className: "text-muted"
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "unexpected.error.message.text",
+    defaultMessage: "An unexpected error occurred. Please click the button below to refresh the page.",
+    description: "error message when an unexpected error occurs"
+  })), message && /*#__PURE__*/React.createElement("div", {
+    role: "alert",
+    className: "my-4"
+  }, /*#__PURE__*/React.createElement("p", null, message)), /*#__PURE__*/React.createElement(Button, {
+    onClick: reload
+  }, /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "unexpected.error.button.text",
+    defaultMessage: "Try again",
+    description: "text for button that tries to reload the app by refreshing the page"
+  }))))));
+}
 
 ErrorPage.propTypes = {
   message: PropTypes.string

package/react/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","names":["React","Component","PropTypes","Button","Container","Row","Col","FormattedMessage","ErrorPage","global","location","reload","message","props","propTypes","string","defaultProps"],"sources":["../../src/react/ErrorPage.jsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Button, Container, Row, Col,\n} from '@edx/paragon';\n\nimport { FormattedMessage } from '../i18n';\n\n/**\n * An error page that displays a generic message for unexpected errors.  Also contains a \"Try\n * Again\" button to refresh the page.\n *\n * @memberof module:React\n * @extends {Component}\n */\nclass ErrorPage extends Component {\n  /* istanbul ignore next */\n  reload() {\n    global.location.reload();\n  }\n\n  render() {\n    const { message } = this.props;\n    return (\n      <Container fluid className=\"py-5 justify-content-center align-items-start text-center\">\n        <Row>\n          <Col>\n            <p className=\"text-muted\">\n              <FormattedMessage\n                id=\"unexpected.error.message.text\"\n                defaultMessage=\"An unexpected error occurred. Please click the button below to refresh the page.\"\n                description=\"error message when an unexpected error occurs\"\n              />\n            </p>\n            {message && (\n              <div role=\"alert\" className=\"my-4\">\n                <p>{message}</p>\n              </div>\n            )}\n            <Button onClick={this.reload}>\n              <FormattedMessage\n                id=\"unexpected.error.button.text\"\n                defaultMessage=\"Try again\"\n                description=\"text for button that tries to reload the app by refreshing the page\"\n              />\n            </Button>\n          </Col>\n        </Row>\n      </Container>\n    );\n  }\n}\n\nErrorPage.propTypes = {\n  message: PropTypes.string,\n};\n\nErrorPage.defaultProps = {\n  message: null,\n};\n\nexport default ErrorPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,MADF,EACUC,SADV,EACqBC,GADrB,EAC0BC,GAD1B,QAEO,cAFP;AAIA,SAASC,gBAAT,QAAiC,SAAjC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMC,S;;;;;;;;;;;;;;IACJ;IACA,kBAAS;MACPC,MAAM,CAACC,QAAP,CAAgBC,MAAhB;IACD;;;WAED,kBAAS;MACP,IAAQC,OAAR,GAAoB,KAAKC,KAAzB,CAAQD,OAAR;MACA,oBACE,oBAAC,SAAD;QAAW,KAAK,MAAhB;QAAiB,SAAS,EAAC;MAA3B,gBACE,oBAAC,GAAD,qBACE,oBAAC,GAAD,qBACE;QAAG,SAAS,EAAC;MAAb,gBACE,oBAAC,gBAAD;QACE,EAAE,EAAC,+BADL;QAEE,cAAc,EAAC,kFAFjB;QAGE,WAAW,EAAC;MAHd,EADF,CADF,EAQGA,OAAO,iBACN;QAAK,IAAI,EAAC,OAAV;QAAkB,SAAS,EAAC;MAA5B,gBACE,+BAAIA,OAAJ,CADF,CATJ,eAaE,oBAAC,MAAD;QAAQ,OAAO,EAAE,KAAKD;MAAtB,gBACE,oBAAC,gBAAD;QACE,EAAE,EAAC,8BADL;QAEE,cAAc,EAAC,WAFjB;QAGE,WAAW,EAAC;MAHd,EADF,CAbF,CADF,CADF,CADF;IA2BD;;;;EAnCqBV,S;;AAsCxBO,SAAS,CAACM,SAAV,GAAsB;EACpBF,OAAO,EAAEV,SAAS,CAACa;AADC,CAAtB;AAIAP,SAAS,CAACQ,YAAV,GAAyB;EACvBJ,OAAO,EAAE;AADc,CAAzB;AAIA,eAAeJ,SAAf"}
+{"version":3,"file":"ErrorPage.js","names":["React","useState","PropTypes","Button","Container","Row","Col","useAppEvent","FormattedMessage","IntlProvider","getMessages","getLocale","LOCALE_CHANGED","ErrorPage","message","locale","setLocale","reload","global","location","propTypes","string","defaultProps"],"sources":["../../src/react/ErrorPage.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Button, Container, Row, Col,\n} from '@edx/paragon';\n\nimport { useAppEvent } from './hooks';\nimport {\n  FormattedMessage,\n  IntlProvider,\n  getMessages,\n  getLocale,\n  LOCALE_CHANGED,\n} from '../i18n';\n\n/**\n * An error page that displays a generic message for unexpected errors.  Also contains a \"Try\n * Again\" button to refresh the page.\n *\n * @memberof module:React\n * @extends {Component}\n */\nfunction ErrorPage({\n  message,\n}) {\n  const [locale, setLocale] = useState(getLocale());\n\n  useAppEvent(LOCALE_CHANGED, () => {\n    setLocale(getLocale());\n  });\n\n  /* istanbul ignore next */\n  const reload = () => {\n    global.location.reload();\n  };\n\n  return (\n    <IntlProvider locale={locale} messages={getMessages()}>\n      <Container fluid className=\"py-5 justify-content-center align-items-start text-center\">\n        <Row>\n          <Col>\n            <p className=\"text-muted\">\n              <FormattedMessage\n                id=\"unexpected.error.message.text\"\n                defaultMessage=\"An unexpected error occurred. Please click the button below to refresh the page.\"\n                description=\"error message when an unexpected error occurs\"\n              />\n            </p>\n            {message && (\n              <div role=\"alert\" className=\"my-4\">\n                <p>{message}</p>\n              </div>\n            )}\n            <Button onClick={reload}>\n              <FormattedMessage\n                id=\"unexpected.error.button.text\"\n                defaultMessage=\"Try again\"\n                description=\"text for button that tries to reload the app by refreshing the page\"\n              />\n            </Button>\n          </Col>\n        </Row>\n      </Container>\n    </IntlProvider>\n  );\n}\n\nErrorPage.propTypes = {\n  message: PropTypes.string,\n};\n\nErrorPage.defaultProps = {\n  message: null,\n};\n\nexport default ErrorPage;\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,MADF,EACUC,SADV,EACqBC,GADrB,EAC0BC,GAD1B,QAEO,cAFP;AAIA,SAASC,WAAT,QAA4B,SAA5B;AACA,SACEC,gBADF,EAEEC,YAFF,EAGEC,WAHF,EAIEC,SAJF,EAKEC,cALF,QAMO,SANP;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,SAASC,SAAT,OAEG;EAAA,IADDC,OACC,QADDA,OACC;;EACD,gBAA4Bb,QAAQ,CAACU,SAAS,EAAV,CAApC;EAAA;EAAA,IAAOI,MAAP;EAAA,IAAeC,SAAf;;EAEAT,WAAW,CAACK,cAAD,EAAiB,YAAM;IAChCI,SAAS,CAACL,SAAS,EAAV,CAAT;EACD,CAFU,CAAX;EAIA;;EACA,IAAMM,MAAM,GAAG,SAATA,MAAS,GAAM;IACnBC,MAAM,CAACC,QAAP,CAAgBF,MAAhB;EACD,CAFD;;EAIA,oBACE,oBAAC,YAAD;IAAc,MAAM,EAAEF,MAAtB;IAA8B,QAAQ,EAAEL,WAAW;EAAnD,gBACE,oBAAC,SAAD;IAAW,KAAK,MAAhB;IAAiB,SAAS,EAAC;EAA3B,gBACE,oBAAC,GAAD,qBACE,oBAAC,GAAD,qBACE;IAAG,SAAS,EAAC;EAAb,gBACE,oBAAC,gBAAD;IACE,EAAE,EAAC,+BADL;IAEE,cAAc,EAAC,kFAFjB;IAGE,WAAW,EAAC;EAHd,EADF,CADF,EAQGI,OAAO,iBACN;IAAK,IAAI,EAAC,OAAV;IAAkB,SAAS,EAAC;EAA5B,gBACE,+BAAIA,OAAJ,CADF,CATJ,eAaE,oBAAC,MAAD;IAAQ,OAAO,EAAEG;EAAjB,gBACE,oBAAC,gBAAD;IACE,EAAE,EAAC,8BADL;IAEE,cAAc,EAAC,WAFjB;IAGE,WAAW,EAAC;EAHd,EADF,CAbF,CADF,CADF,CADF,CADF;AA6BD;;AAEDJ,SAAS,CAACO,SAAV,GAAsB;EACpBN,OAAO,EAAEZ,SAAS,CAACmB;AADC,CAAtB;AAIAR,SAAS,CAACS,YAAV,GAAyB;EACvBR,OAAO,EAAE;AADc,CAAzB;AAIA,eAAeD,SAAf"}