@coorpacademy/components 11.40.6-alpha.7 → 11.40.6

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

@@ -16,14 +16,6 @@ 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":";AAmFA,4EAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/index.js"],"names":[],"mappings":";AAaA,4EAYC"}

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

@@ -2,14 +2,9 @@
 
 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"));
@@ -21,90 +16,14 @@ 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 => {
-  console.log('TCL ------>  ~ buttonMenuActionProps ~ multiLangOptions:', 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,
-    multiLang
+    mode
   } = props;
-  console.log('TCL ------>  ~ SlidesHeader ~ props:', props);
-  console.log('TCL ------>  ~ SlidesHeader ~ multiLang:', multiLang);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "slidesHeader",
     className: _style.default.wrapper
@@ -115,7 +34,7 @@ const SlidesHeader = (props = {}, context = undefined) => {
   }) : null, type === HEADER_TYPE.MICROLEARNING ? /*#__PURE__*/_react.default.createElement(_microlearning.default, {
     content: content,
     mode: mode
-  }) : null, (0, _isEmpty2.default)(multiLang) ? null : /*#__PURE__*/_react.default.createElement(_buttonMenuAction.default, buttonMenuActionProps(multiLang)), lives ? /*#__PURE__*/_react.default.createElement(_lives.default, {
+  }) : null, lives ? /*#__PURE__*/_react.default.createElement(_lives.default, {
     count: lives.count
   }) : null);
 };
@@ -131,15 +50,7 @@ SlidesHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     details: _propTypes.default.string
   }),
   lives: _propTypes.default.shape(_lives.default.propTypes),
-  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
-    }))
-  })
+  mode: _propTypes.default.string
 } : {};
 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","_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","console","log","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  console.log('TCL ------>  ~ buttonMenuActionProps ~ multiLangOptions:', 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  console.log('TCL ------>  ~ SlidesHeader ~ props:', props);\n  console.log('TCL ------>  ~ SlidesHeader ~ multiLang:', multiLang);\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":[]}
+{"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":[]}

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;
-  align-items: center;
+  overflow: hidden;
 }
 
 .backIcon {