@epec-fcfm-uchile/frontend-component-header 1.0.18 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -16,17 +16,20 @@ var AuthenticatedUserDropdown = function AuthenticatedUserDropdown(_ref) {
16
16
  message: intl.formatMessage(messages.profile),
17
17
  href: 'https://app.fcfmonline.cl/profile',
18
18
  data: 'profile',
19
- icon: faAddressCard
19
+ icon: faAddressCard,
20
+ target: '_self'
20
21
  }, {
21
22
  message: intl.formatMessage(messages.help),
22
23
  data: 'help',
23
24
  href: 'https://app.fcfmonline.cl/help',
24
- icon: faCircleQuestion
25
+ icon: faCircleQuestion,
26
+ target: '_blank'
25
27
  }, {
26
28
  message: intl.formatMessage(messages.signOut),
27
29
  href: getConfig().LOGOUT_URL,
28
30
  data: 'logout',
29
- icon: faArrowRightFromBracket
31
+ icon: faArrowRightFromBracket,
32
+ target: '_self'
30
33
  }];
31
34
  return /*#__PURE__*/React.createElement(Dropdown, {
32
35
  className: "user-dropdown ml-3"
@@ -37,7 +40,7 @@ var AuthenticatedUserDropdown = function AuthenticatedUserDropdown(_ref) {
37
40
  icon: faUserCircle,
38
41
  size: "lg"
39
42
  }), /*#__PURE__*/React.createElement("div", {
40
- className: "d-none d-md-flex flex-column text-left align-center justify-center my-0 text-none"
43
+ className: "d-none d-sm-flex flex-column text-left align-center justify-center my-0 text-none"
41
44
  }, /*#__PURE__*/React.createElement("div", {
42
45
  "class": "epec_toolbar_username"
43
46
  }, username), /*#__PURE__*/React.createElement("div", {
@@ -1 +1 @@
1
- {"version":3,"file":"AuthenticatedUserDropdown.js","names":["React","PropTypes","faUserCircle","faArrowRightFromBracket","getConfig","useIntl","Dropdown","LearningUserMenuSlot","FontAwesomeIcon","faAddressCard","faCircleQuestion","messages","AuthenticatedUserDropdown","_ref","username","email","intl","dropdownItems","message","formatMessage","profile","href","data","icon","help","signOut","LOGOUT_URL","createElement","className","Toggle","variant","userOptionsDropdownLabel","size","Menu","items","propTypes","string","isRequired"],"sources":["../../src/learning-header/AuthenticatedUserDropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { faUserCircle, faArrowRightFromBracket} from '@fortawesome/free-solid-svg-icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Dropdown } from '@openedx/paragon';\n\nimport LearningUserMenuSlot from '../plugin-slots/LearningUserMenuSlot';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faAddressCard, faCircleQuestion } from '@fortawesome/free-regular-svg-icons';\n\nimport messages from './messages';\n\nconst AuthenticatedUserDropdown = ({ username, email }) => {\n const intl = useIntl();\n const dropdownItems = [\n {\n message: intl.formatMessage(messages.profile),\n href: 'https://app.fcfmonline.cl/profile',\n data: 'profile',\n icon: faAddressCard\n },\n {\n message: intl.formatMessage(messages.help),\n data: 'help',\n href: 'https://app.fcfmonline.cl/help',\n icon: faCircleQuestion\n },\n {\n message: intl.formatMessage(messages.signOut),\n href: getConfig().LOGOUT_URL,\n data: 'logout',\n icon: faArrowRightFromBracket \n },\n ];\n\n return (\n <Dropdown className=\"user-dropdown ml-3\">\n <Dropdown.Toggle variant=\"outline-primary\" aria-label={intl.formatMessage(messages.userOptionsDropdownLabel)}>\n <FontAwesomeIcon icon={faUserCircle} size=\"lg\" />\n <div className=\"d-none d-md-flex flex-column text-left align-center justify-center my-0 text-none\">\n <div class=\"epec_toolbar_username\">{username}</div>\n <div class=\"epec_toolbar_email\">{email}</div>\n </div>\n </Dropdown.Toggle>\n <Dropdown.Menu className=\"dropdown-menu-right\">\n <LearningUserMenuSlot items={dropdownItems} />\n </Dropdown.Menu>\n </Dropdown>\n );\n};\n\nAuthenticatedUserDropdown.propTypes = {\n username: PropTypes.string.isRequired,\n};\n\nexport default AuthenticatedUserDropdown;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,EAAEC,uBAAuB,QAAO,mCAAmC;AACxF,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAOC,oBAAoB,MAAM,sCAAsC;AACvE,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAAQC,aAAa,EAAEC,gBAAgB,QAAQ,qCAAqC;AAEpF,OAAOC,QAAQ,MAAM,YAAY;AAEjC,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;EAClD,IAAMC,IAAI,GAAGX,OAAO,CAAC,CAAC;EACtB,IAAMY,aAAa,GAAG,CACpB;IACEC,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACS,OAAO,CAAC;IAC7CC,IAAI,EAAE,mCAAmC;IACzCC,IAAI,EAAE,SAAS;IACfC,IAAI,EAAEd;EACR,CAAC,EACD;IACES,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACa,IAAI,CAAC;IAC1CF,IAAI,EAAE,MAAM;IACZD,IAAI,EAAE,gCAAgC;IACtCE,IAAI,EAAEb;EACR,CAAC,EACD;IACEQ,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACc,OAAO,CAAC;IAC7CJ,IAAI,EAAEjB,SAAS,CAAC,CAAC,CAACsB,UAAU;IAC5BJ,IAAI,EAAE,QAAQ;IACdC,IAAI,EAAEpB;EACR,CAAC,CACF;EAED,oBACEH,KAAA,CAAA2B,aAAA,CAACrB,QAAQ;IAACsB,SAAS,EAAC;EAAoB,gBACtC5B,KAAA,CAAA2B,aAAA,CAACrB,QAAQ,CAACuB,MAAM;IAACC,OAAO,EAAC,iBAAiB;IAAC,cAAYd,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACoB,wBAAwB;EAAE,gBAC3G/B,KAAA,CAAA2B,aAAA,CAACnB,eAAe;IAACe,IAAI,EAAErB,YAAa;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,eAC/ChC,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAC;EAAmF,gBAChG5B,KAAA,CAAA2B,aAAA;IAAK,SAAM;EAAuB,GAAEb,QAAc,CAAC,eACnDd,KAAA,CAAA2B,aAAA;IAAK,SAAM;EAAoB,GAAEZ,KAAW,CACzC,CACQ,CAAC,eAClBf,KAAA,CAAA2B,aAAA,CAACrB,QAAQ,CAAC2B,IAAI;IAACL,SAAS,EAAC;EAAqB,gBAC5C5B,KAAA,CAAA2B,aAAA,CAACpB,oBAAoB;IAAC2B,KAAK,EAAEjB;EAAc,CAAE,CAChC,CACP,CAAC;AAEf,CAAC;AAEDL,yBAAyB,CAACuB,SAAS,GAAG;EACpCrB,QAAQ,EAAEb,SAAS,CAACmC,MAAM,CAACC;AAC7B,CAAC;AAED,eAAezB,yBAAyB","ignoreList":[]}
1
+ {"version":3,"file":"AuthenticatedUserDropdown.js","names":["React","PropTypes","faUserCircle","faArrowRightFromBracket","getConfig","useIntl","Dropdown","LearningUserMenuSlot","FontAwesomeIcon","faAddressCard","faCircleQuestion","messages","AuthenticatedUserDropdown","_ref","username","email","intl","dropdownItems","message","formatMessage","profile","href","data","icon","target","help","signOut","LOGOUT_URL","createElement","className","Toggle","variant","userOptionsDropdownLabel","size","Menu","items","propTypes","string","isRequired"],"sources":["../../src/learning-header/AuthenticatedUserDropdown.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { faUserCircle, faArrowRightFromBracket} from '@fortawesome/free-solid-svg-icons';\nimport { getConfig } from '@edx/frontend-platform';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Dropdown } from '@openedx/paragon';\n\nimport LearningUserMenuSlot from '../plugin-slots/LearningUserMenuSlot';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport {faAddressCard, faCircleQuestion } from '@fortawesome/free-regular-svg-icons';\n\nimport messages from './messages';\n\nconst AuthenticatedUserDropdown = ({ username, email }) => {\n const intl = useIntl();\n const dropdownItems = [\n {\n message: intl.formatMessage(messages.profile),\n href: 'https://app.fcfmonline.cl/profile',\n data: 'profile',\n icon: faAddressCard,\n target: '_self'\n },\n {\n message: intl.formatMessage(messages.help),\n data: 'help',\n href: 'https://app.fcfmonline.cl/help',\n icon: faCircleQuestion,\n target: '_blank'\n },\n {\n message: intl.formatMessage(messages.signOut),\n href: getConfig().LOGOUT_URL,\n data: 'logout',\n icon: faArrowRightFromBracket,\n target: '_self'\n },\n ];\n\n return (\n <Dropdown className=\"user-dropdown ml-3\">\n <Dropdown.Toggle variant=\"outline-primary\" aria-label={intl.formatMessage(messages.userOptionsDropdownLabel)}>\n <FontAwesomeIcon icon={faUserCircle} size=\"lg\" />\n <div className=\"d-none d-sm-flex flex-column text-left align-center justify-center my-0 text-none\">\n <div class=\"epec_toolbar_username\">{username}</div>\n <div class=\"epec_toolbar_email\">{email}</div>\n </div>\n </Dropdown.Toggle>\n <Dropdown.Menu className=\"dropdown-menu-right\">\n <LearningUserMenuSlot items={dropdownItems} />\n </Dropdown.Menu>\n </Dropdown>\n );\n};\n\nAuthenticatedUserDropdown.propTypes = {\n username: PropTypes.string.isRequired,\n};\n\nexport default AuthenticatedUserDropdown;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,YAAY,EAAEC,uBAAuB,QAAO,mCAAmC;AACxF,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,OAAOC,oBAAoB,MAAM,sCAAsC;AACvE,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAAQC,aAAa,EAAEC,gBAAgB,QAAQ,qCAAqC;AAEpF,OAAOC,QAAQ,MAAM,YAAY;AAEjC,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAA4B;EAAA,IAAtBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;EAClD,IAAMC,IAAI,GAAGX,OAAO,CAAC,CAAC;EACtB,IAAMY,aAAa,GAAG,CACpB;IACEC,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACS,OAAO,CAAC;IAC7CC,IAAI,EAAE,mCAAmC;IACzCC,IAAI,EAAE,SAAS;IACfC,IAAI,EAAEd,aAAa;IACnBe,MAAM,EAAE;EACV,CAAC,EACD;IACEN,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACc,IAAI,CAAC;IAC1CH,IAAI,EAAE,MAAM;IACZD,IAAI,EAAE,gCAAgC;IACtCE,IAAI,EAAEb,gBAAgB;IACtBc,MAAM,EAAE;EACV,CAAC,EACD;IACEN,OAAO,EAAEF,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACe,OAAO,CAAC;IAC7CL,IAAI,EAAEjB,SAAS,CAAC,CAAC,CAACuB,UAAU;IAC5BL,IAAI,EAAE,QAAQ;IACdC,IAAI,EAAEpB,uBAAuB;IAC7BqB,MAAM,EAAE;EACV,CAAC,CACF;EAED,oBACExB,KAAA,CAAA4B,aAAA,CAACtB,QAAQ;IAACuB,SAAS,EAAC;EAAoB,gBACtC7B,KAAA,CAAA4B,aAAA,CAACtB,QAAQ,CAACwB,MAAM;IAACC,OAAO,EAAC,iBAAiB;IAAC,cAAYf,IAAI,CAACG,aAAa,CAACR,QAAQ,CAACqB,wBAAwB;EAAE,gBAC3GhC,KAAA,CAAA4B,aAAA,CAACpB,eAAe;IAACe,IAAI,EAAErB,YAAa;IAAC+B,IAAI,EAAC;EAAI,CAAE,CAAC,eAC/CjC,KAAA,CAAA4B,aAAA;IAAKC,SAAS,EAAC;EAAmF,gBAChG7B,KAAA,CAAA4B,aAAA;IAAK,SAAM;EAAuB,GAAEd,QAAc,CAAC,eACnDd,KAAA,CAAA4B,aAAA;IAAK,SAAM;EAAoB,GAAEb,KAAW,CACzC,CACQ,CAAC,eAClBf,KAAA,CAAA4B,aAAA,CAACtB,QAAQ,CAAC4B,IAAI;IAACL,SAAS,EAAC;EAAqB,gBAC5C7B,KAAA,CAAA4B,aAAA,CAACrB,oBAAoB;IAAC4B,KAAK,EAAElB;EAAc,CAAE,CAChC,CACP,CAAC;AAEf,CAAC;AAEDL,yBAAyB,CAACwB,SAAS,GAAG;EACpCtB,QAAQ,EAAEb,SAAS,CAACoC,MAAM,CAACC;AAC7B,CAAC;AAED,eAAe1B,yBAAyB","ignoreList":[]}
@@ -7,6 +7,7 @@ var LearningHeaderUserMenuItems = function LearningHeaderUserMenuItems(_ref) {
7
7
  return items.map(function (item) {
8
8
  return /*#__PURE__*/React.createElement(Dropdown.Item, {
9
9
  href: item.href,
10
+ target: item.target,
10
11
  "data-item": item.data
11
12
  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
12
13
  lassName: "dropdown-icon",
@@ -1 +1 @@
1
- {"version":3,"file":"LearningHeaderUserMenuItems.js","names":["React","PropTypes","Dropdown","FontAwesomeIcon","LearningHeaderUserMenuItems","_ref","items","map","item","createElement","Item","href","data","lassName","icon","size","className","message","learningHeaderUserMenuDataShape","arrayOf","shape","string","propTypes"],"sources":["../../src/learning-header/LearningHeaderUserMenuItems.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Dropdown } from '@openedx/paragon';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nconst LearningHeaderUserMenuItems = ({ items }) => items.map((item) => (\n <Dropdown.Item href={item.href} data-item={item.data}>\n <FontAwesomeIcon lassName=\"dropdown-icon\" icon={item.icon} size=\"lg\" /> <span className=\"dropdown-text\">{item.message}</span>\n </Dropdown.Item>\n));\n\nexport const learningHeaderUserMenuDataShape = {\n items: PropTypes.arrayOf(PropTypes.shape({\n message: PropTypes.string,\n href: PropTypes.string,\n })),\n};\n\nLearningHeaderUserMenuItems.propTypes = learningHeaderUserMenuDataShape;\n\nexport default LearningHeaderUserMenuItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAOA,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI;IAAA,oBAChER,KAAA,CAAAS,aAAA,CAACP,QAAQ,CAACQ,IAAI;MAACC,IAAI,EAAEH,IAAI,CAACG,IAAK;MAAC,aAAWH,IAAI,CAACI;IAAK,gBACnDZ,KAAA,CAAAS,aAAA,CAACN,eAAe;MAACU,QAAQ,EAAC,eAAe;MAACC,IAAI,EAAEN,IAAI,CAACM,IAAK;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,KAAC,eAAAf,KAAA,CAAAS,aAAA;MAAMO,SAAS,EAAC;IAAe,GAAER,IAAI,CAACS,OAAc,CAC/G,CAAC;EAAA,CACjB,CAAC;AAAA;AAEF,OAAO,IAAMC,+BAA+B,GAAG;EAC7CZ,KAAK,EAAEL,SAAS,CAACkB,OAAO,CAAClB,SAAS,CAACmB,KAAK,CAAC;IACvCH,OAAO,EAAEhB,SAAS,CAACoB,MAAM;IACzBV,IAAI,EAAEV,SAAS,CAACoB;EAClB,CAAC,CAAC;AACJ,CAAC;AAEDjB,2BAA2B,CAACkB,SAAS,GAAGJ,+BAA+B;AAEvE,eAAed,2BAA2B","ignoreList":[]}
1
+ {"version":3,"file":"LearningHeaderUserMenuItems.js","names":["React","PropTypes","Dropdown","FontAwesomeIcon","LearningHeaderUserMenuItems","_ref","items","map","item","createElement","Item","href","target","data","lassName","icon","size","className","message","learningHeaderUserMenuDataShape","arrayOf","shape","string","propTypes"],"sources":["../../src/learning-header/LearningHeaderUserMenuItems.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Dropdown } from '@openedx/paragon';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nconst LearningHeaderUserMenuItems = ({ items }) => items.map((item) => (\n <Dropdown.Item href={item.href} target={item.target} data-item={item.data}>\n <FontAwesomeIcon lassName=\"dropdown-icon\" icon={item.icon} size=\"lg\" /> <span className=\"dropdown-text\">{item.message}</span>\n </Dropdown.Item>\n));\n\nexport const learningHeaderUserMenuDataShape = {\n items: PropTypes.arrayOf(PropTypes.shape({\n message: PropTypes.string,\n href: PropTypes.string,\n })),\n};\n\nLearningHeaderUserMenuItems.propTypes = learningHeaderUserMenuDataShape;\n\nexport default LearningHeaderUserMenuItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,eAAe,QAAQ,gCAAgC;AAEhE,IAAMC,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAOA,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI;IAAA,oBAChER,KAAA,CAAAS,aAAA,CAACP,QAAQ,CAACQ,IAAI;MAACC,IAAI,EAAEH,IAAI,CAACG,IAAK;MAACC,MAAM,EAAEJ,IAAI,CAACI,MAAO;MAAC,aAAWJ,IAAI,CAACK;IAAK,gBACxEb,KAAA,CAAAS,aAAA,CAACN,eAAe;MAACW,QAAQ,EAAC,eAAe;MAACC,IAAI,EAAEP,IAAI,CAACO,IAAK;MAACC,IAAI,EAAC;IAAI,CAAE,CAAC,KAAC,eAAAhB,KAAA,CAAAS,aAAA;MAAMQ,SAAS,EAAC;IAAe,GAAET,IAAI,CAACU,OAAc,CAC/G,CAAC;EAAA,CACjB,CAAC;AAAA;AAEF,OAAO,IAAMC,+BAA+B,GAAG;EAC7Cb,KAAK,EAAEL,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,KAAK,CAAC;IACvCH,OAAO,EAAEjB,SAAS,CAACqB,MAAM;IACzBX,IAAI,EAAEV,SAAS,CAACqB;EAClB,CAAC,CAAC;AACJ,CAAC;AAEDlB,2BAA2B,CAACmB,SAAS,GAAGJ,+BAA+B;AAEvE,eAAef,2BAA2B","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@epec-fcfm-uchile/frontend-component-header",
3
- "version": "1.0.18",
3
+ "version": "1.0.20",
4
4
  "description": "The standard header for Open edX",
5
5
  "main": "dist/index.js",
6
6
  "publishConfig": {