@coorpacademy/components 11.40.5 → 11.40.6-alpha.5

package/lib/template/app-player/player/slides/header/index.d.ts

@@ -16,6 +16,14 @@ declare namespace SlidesHeader {
             count: PropTypes.Requireable<number>;
         }>>;
         const mode: PropTypes.Requireable<string>;
+        const multiLang: PropTypes.Requireable<PropTypes.InferProps<{
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            currentLang: PropTypes.Requireable<string>;
+            supportedLangs: PropTypes.Requireable<(PropTypes.InferProps<{
+                code: PropTypes.Validator<string>;
+                label: PropTypes.Validator<string>;
+            }> | null | undefined)[]>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

package/lib/template/app-player/player/slides/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":[],"mappings":";AAaA,4EAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":[],"mappings":";AAkFA,4EAaC"}

package/lib/template/app-player/player/slides/header/index.js

@@ -2,9 +2,14 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+var _upperCase2 = _interopRequireDefault(require("lodash/fp/upperCase"));
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _link = _interopRequireDefault(require("../../../../../atom/link"));
+var _buttonMenuAction = _interopRequireDefault(require("../../../../../molecule/button-menu-action"));
+var _colors = require("../../../../../variables/colors");
 var _learner = _interopRequireDefault(require("./learner"));
 var _microlearning = _interopRequireDefault(require("./microlearning"));
 var _lives = _interopRequireDefault(require("./lives"));
@@ -16,13 +21,86 @@ const HEADER_TYPE = {
   LEARNER: 'learner',
   MICROLEARNING: 'microlearning'
 };
+const STYLE_CHECKED = {
+  icon: {
+    position: 'right',
+    faIcon: {
+      name: 'check',
+      color: _colors.COLORS.white,
+      backgroundColor: _colors.COLORS.cm_primary_blue,
+      size: 10,
+      customStyle: {
+        padding: '0px',
+        height: '16px',
+        width: '16px'
+      }
+    }
+  },
+  customStyle: {
+    backgroundColor: _colors.COLORS.cm_blue_50
+  },
+  contentCustomStyle: {
+    width: '100%',
+    justifyContent: 'space-between'
+  }
+};
+const buttonMenuActionProps = multiLangOptions => {
+  const {
+    currentLang = 'en',
+    supportedLangs = [],
+    onClick
+  } = multiLangOptions;
+  return {
+    button: {
+      type: 'text',
+      label: (0, _upperCase2.default)(currentLang),
+      'aria-label': `${currentLang}-button`,
+      'data-name': 'button-multi-lang',
+      onClick: () => null,
+      icon: {
+        position: 'left',
+        faIcon: {
+          name: 'globe',
+          color: _colors.COLORS.neutral_700,
+          size: 14
+        }
+      },
+      customStyle: {
+        width: 'fit-content',
+        color: _colors.COLORS.neutral_500,
+        fontWeight: 600
+      },
+      withChevron: true
+    },
+    menu: {
+      buttons: (0, _map2.default)(({
+        code,
+        label
+      }) => ({
+        ...(currentLang === code ? STYLE_CHECKED : {}),
+        type: 'defaultLeft',
+        onClick: () => onClick(code),
+        label,
+        'data-name': `${code}-button`,
+        disabled: false
+      }), supportedLangs)
+    },
+    menuWrapper: {
+      customStyle: {
+        maxHeight: '248px',
+        width: '209px'
+      }
+    }
+  };
+};
 const SlidesHeader = (props = {}, context = undefined) => {
   const {
     type,
     content,
     subcontent,
     lives,
-    mode
+    mode,
+    multiLang
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "slidesHeader",
@@ -34,7 +112,7 @@ const SlidesHeader = (props = {}, context = undefined) => {
   }) : null, type === HEADER_TYPE.MICROLEARNING ? /*#__PURE__*/_react.default.createElement(_microlearning.default, {
     content: content,
     mode: mode
-  }) : null, lives ? /*#__PURE__*/_react.default.createElement(_lives.default, {
+  }) : null, (0, _isEmpty2.default)(multiLang) ? null : /*#__PURE__*/_react.default.createElement(_buttonMenuAction.default, buttonMenuActionProps(multiLang)), lives ? /*#__PURE__*/_react.default.createElement(_lives.default, {
     count: lives.count
   }) : null);
 };
@@ -50,7 +128,15 @@ SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     details: _propTypes.default.string
   }),
   lives: _propTypes.default.shape(_lives.default.propTypes),
-  mode: _propTypes.default.string
+  mode: _propTypes.default.string,
+  multiLang: _propTypes.default.shape({
+    onClick: _propTypes.default.func,
+    currentLang: _propTypes.default.string,
+    supportedLangs: _propTypes.default.arrayOf(_propTypes.default.shape({
+      code: _propTypes.default.string.isRequired,
+      label: _propTypes.default.string.isRequired
+    }))
+  })
 } : {};
 var _default = exports.default = SlidesHeader;
 //# sourceMappingURL=index.js.map

package/lib/template/app-player/player/slides/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_link","_learner","_microlearning","_lives","_style","e","__esModule","default","HEADER_TYPE","LEARNER","MICROLEARNING","SlidesHeader","props","context","undefined","type","content","subcontent","lives","mode","createElement","className","style","wrapper","count","propTypes","process","env","NODE_ENV","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives","_default","exports"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Link from '../../../../../atom/link';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} mode={mode} /> : null}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string\n};\n\nexport default SlidesHeader;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAC;;AAEjC,MAAMG,WAAW,GAAG;EAClBC,OAAO,EAAE,SAAS;EAClBC,aAAa,EAAE;AACjB,CAAC;AAED,MAAMC,YAAY,GAAGA,CAACC,KAAK,GAAG,CAAC,CAAC,EAAEC,OAAO,GAAGC,SAAS,KAAK;EACxD,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC,UAAU;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGP,KAAK;EAEtD,oBACEhB,MAAA,CAAAW,OAAA,CAAAa,aAAA;IAAK,aAAU,cAAc;IAACC,SAAS,EAAEC,cAAK,CAACC;EAAQ,GACpDR,IAAI,KAAKP,WAAW,CAACC,OAAO,gBAC3Bb,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACnB,QAAA,CAAAM,OAAO;IAACS,OAAO,EAAEA,OAAQ;IAACC,UAAU,EAAEA,UAAW;IAACE,IAAI,EAAEA;EAAK,CAAE,CAAC,GAC/D,IAAI,EACPJ,IAAI,KAAKP,WAAW,CAACE,aAAa,gBAAGd,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAAClB,cAAA,CAAAK,OAAa;IAACS,OAAO,EAAEA,OAAQ;IAACG,IAAI,EAAEA;EAAK,CAAE,CAAC,GAAG,IAAI,EAC3FD,KAAK,gBAAGtB,MAAA,CAAAW,OAAA,CAAAa,aAAA,CAACjB,MAAA,CAAAI,OAAK;IAACiB,KAAK,EAAEN,KAAK,CAACM;EAAM,CAAE,CAAC,GAAG,IACtC,CAAC;AAEV,CAAC;AAEDb,YAAY,CAACc,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBb,IAAI,EAAEc,kBAAS,CAACC,KAAK,CAAC,CAACtB,WAAW,CAACC,OAAO,EAAED,WAAW,CAACE,aAAa,CAAC,CAAC;EACvEM,OAAO,EAAEa,kBAAS,CAACE,KAAK,CAAC;IACvBC,IAAI,EAAEC,aAAI,CAACR,SAAS,CAACO,IAAI;IACzBE,KAAK,EAAEL,kBAAS,CAACM,MAAM,CAACC,UAAU;IAClCC,OAAO,EAAER,kBAAS,CAACM;EACrB,CAAC,CAAC;EACFlB,UAAU,EAAEY,kBAAS,CAACE,KAAK,CAAC;IAC1BG,KAAK,EAAEL,kBAAS,CAACM,MAAM;IACvBE,OAAO,EAAER,kBAAS,CAACM;EACrB,CAAC,CAAC;EACFjB,KAAK,EAAEW,kBAAS,CAACE,KAAK,CAACO,cAAK,CAACb,SAAS,CAAC;EACvCN,IAAI,EAAEU,kBAAS,CAACM;AAClB,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaI,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_link","_buttonMenuAction","_colors","_learner","_microlearning","_lives","_style","e","__esModule","default","HEADER_TYPE","LEARNER","MICROLEARNING","STYLE_CHECKED","icon","position","faIcon","name","color","COLORS","white","backgroundColor","cm_primary_blue","size","customStyle","padding","height","width","cm_blue_50","contentCustomStyle","justifyContent","buttonMenuActionProps","multiLangOptions","currentLang","supportedLangs","onClick","button","type","label","_upperCase2","neutral_700","neutral_500","fontWeight","withChevron","menu","buttons","_map2","code","disabled","menuWrapper","maxHeight","SlidesHeader","props","context","undefined","content","subcontent","lives","mode","multiLang","createElement","className","style","wrapper","_isEmpty2","count","propTypes","process","env","NODE_ENV","PropTypes","oneOf","shape","href","Link","title","string","isRequired","details","Lives","func","arrayOf","_default","exports"],"sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, upperCase} from 'lodash/fp';\nimport Link from '../../../../../atom/link';\nimport ButtonMenuAction from '../../../../../molecule/button-menu-action';\nimport {COLORS} from '../../../../../variables/colors';\nimport Learner from './learner';\nimport Microlearning from './microlearning';\nimport Lives from './lives';\nimport style from './style.css'; // eslint-disable-line css-modules/no-unused-class\n\nconst HEADER_TYPE = {\n  LEARNER: 'learner',\n  MICROLEARNING: 'microlearning'\n};\n\nconst STYLE_CHECKED = {\n  icon: {\n    position: 'right',\n    faIcon: {\n      name: 'check',\n      color: COLORS.white,\n      backgroundColor: COLORS.cm_primary_blue,\n      size: 10,\n      customStyle: {\n        padding: '0px',\n        height: '16px',\n        width: '16px'\n      }\n    }\n  },\n  customStyle: {backgroundColor: COLORS.cm_blue_50},\n  contentCustomStyle: {\n    width: '100%',\n    justifyContent: 'space-between'\n  }\n};\n\nconst buttonMenuActionProps = multiLangOptions => {\n  const {currentLang = 'en', supportedLangs = [], onClick} = multiLangOptions;\n\n  return {\n    button: {\n      type: 'text',\n      label: upperCase(currentLang),\n      'aria-label': `${currentLang}-button`,\n      'data-name': 'button-multi-lang',\n      onClick: () => null,\n      icon: {\n        position: 'left',\n        faIcon: {\n          name: 'globe',\n          color: COLORS.neutral_700,\n          size: 14\n        }\n      },\n      customStyle: {\n        width: 'fit-content',\n        color: COLORS.neutral_500,\n        fontWeight: 600\n      },\n      withChevron: true\n    },\n    menu: {\n      buttons: map(\n        ({code, label}) => ({\n          ...(currentLang === code ? STYLE_CHECKED : {}),\n          type: 'defaultLeft',\n          onClick: () => onClick(code),\n          label,\n          'data-name': `${code}-button`,\n          disabled: false\n        }),\n        supportedLangs\n      )\n    },\n    menuWrapper: {\n      customStyle: {maxHeight: '248px', width: '209px'}\n    }\n  };\n};\n\nconst SlidesHeader = (props = {}, context = undefined) => {\n  const {type, content, subcontent, lives, mode, multiLang} = props;\n\n  return (\n    <div data-name=\"slidesHeader\" className={style.wrapper}>\n      {type === HEADER_TYPE.LEARNER ? (\n        <Learner content={content} subcontent={subcontent} mode={mode} />\n      ) : null}\n      {type === HEADER_TYPE.MICROLEARNING ? <Microlearning content={content} mode={mode} /> : null}\n      {isEmpty(multiLang) ? null : <ButtonMenuAction {...buttonMenuActionProps(multiLang)} />}\n      {lives ? <Lives count={lives.count} /> : null}\n    </div>\n  );\n};\n\nSlidesHeader.propTypes = {\n  type: PropTypes.oneOf([HEADER_TYPE.LEARNER, HEADER_TYPE.MICROLEARNING]),\n  content: PropTypes.shape({\n    href: Link.propTypes.href,\n    title: PropTypes.string.isRequired,\n    details: PropTypes.string\n  }),\n  subcontent: PropTypes.shape({\n    title: PropTypes.string,\n    details: PropTypes.string\n  }),\n  lives: PropTypes.shape(Lives.propTypes),\n  mode: PropTypes.string,\n  multiLang: PropTypes.shape({\n    onClick: PropTypes.func,\n    currentLang: PropTypes.string,\n    supportedLangs: PropTypes.arrayOf(\n      PropTypes.shape({\n        code: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired\n      })\n    )\n  })\n};\n\nexport default SlidesHeader;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/app-player/player/slides/header/style.css

@@ -8,7 +8,7 @@
   justify-content: space-between;
   background-color: light;
   border-radius: 3px 3px 0 0;
-  overflow: hidden;
+  align-items: center;
 }
 
 .backIcon {