@coorpacademy/components 11.40.22-slider.19 → 11.40.22

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/player/index.js"],"names":[],"mappings":";AAQA,4DAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/player/index.js"],"names":[],"mappings":";AAQA,sDAgBC"}

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

@@ -1,8 +1,8 @@
 export default SlidesFooter;
-declare function SlidesFooter(props: any): React.JSX.Element;
+declare function SlidesFooter(props: any): JSX.Element | null;
 declare namespace SlidesFooter {
     namespace propTypes {
-        const buttons: PropTypes.Requireable<PropTypes.InferProps<{
+        const buttons: PropTypes.Requireable<(PropTypes.InferProps<{
             disabled: PropTypes.Requireable<boolean>;
             notify: PropTypes.Requireable<boolean>;
             selected: PropTypes.Requireable<boolean>;
@@ -12,9 +12,8 @@ declare namespace SlidesFooter {
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        }>[]>;
+        }> | null | undefined)[]>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"names":[],"mappings":";AAqIA,6DAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"names":[],"mappings":";AAyIA,8DAaC"}

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

@@ -67,6 +67,7 @@ class Button extends _react.default.Component {
     } = this.state;
     const grey = (0, _get2.default)('common.grey', skin);
     const primaryColor = (0, _get2.default)('common.primary', skin);
+    const positiveColor = (0, _get2.default)('common.positive', skin);
     const {
       disabled,
       notify,
@@ -102,7 +103,10 @@ class Button extends _react.default.Component {
         ...selectedColor
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: highlighted ? _style.default.highlighted : _style.default.logo
+      className: highlighted ? _style.default.highlighted : _style.default.logo,
+      style: highlighted ? {
+        backgroundColor: positiveColor
+      } : null
     }, notifyView, /*#__PURE__*/_react.default.createElement(IconType, {
       style: {
         color: colorIcon

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","TABS","question","icon","QuestionIcon","media","MediaIcon","clue","ClueIcon","coach","CoachIcon","className","style","context","ContextIcon","Button","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","_get2","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","classnames","button","notifyView","createElement","logo","color","height","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","_keys2","isRequired","func","SlidesFooter","buttons","Buttons","map","key","wrapper","arrayOf","shape","_default","exports"],"sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyFilterVideo2 as MediaIcon,\n  NovaCompositionCoorpacademyClue as ClueIcon,\n  NovaCompositionCoorpacademyMap as ContextIcon,\n  NovaCompositionCoorpacademyChat as CoachIcon,\n  NovaCompositionCoorpacademyListBullets3 as QuestionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../../../atom/provider';\nimport style from './style.css';\n\nconst TABS = {\n  question: {\n    icon: QuestionIcon\n  },\n  media: {\n    icon: MediaIcon\n  },\n  clue: {\n    icon: ClueIcon\n  },\n  coach: {\n    icon: CoachIcon,\n    className: style.coach\n  },\n  context: {\n    icon: ContextIcon\n  }\n};\n\nclass Button extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    notify: PropTypes.bool,\n    selected: PropTypes.bool,\n    highlighted: PropTypes.bool,\n    title: PropTypes.string,\n    type: PropTypes.oneOf(keys(TABS)).isRequired,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter} = this.props;\n\n    this.setState(prevState => ({\n      hovered: true\n    }));\n    onMouseEnter && onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave} = this.props;\n    this.setState(prevState => ({\n      hovered: false\n    }));\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  render() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const grey = get('common.grey', skin);\n    const primaryColor = get('common.primary', skin);\n    const {disabled, notify, selected, highlighted, title, type, onClick} = this.props;\n    const colorIcon = selected ? primaryColor : grey;\n    const selectedColor = (selected && {borderTopColor: primaryColor}) || {};\n\n    const hoverStyle =\n      !disabled && hovered\n        ? {\n            borderTopColor: primaryColor\n          }\n        : {};\n\n    const IconType = get([type, 'icon'], TABS);\n    const className = classnames(\n      style.button,\n      get([type, 'className'], TABS),\n      selected && style.selected,\n      disabled && style.disabled\n    );\n\n    const notifyView = notify ? <span className={style.notify} /> : null;\n    return (\n      <div\n        data-name={`button`}\n        data-type={type}\n        data-selected={selected}\n        data-disabled={disabled}\n        className={className}\n        onClick={onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        style={{\n          ...hoverStyle,\n          ...selectedColor\n        }}\n      >\n        <div className={highlighted ? style.highlighted : style.logo}>\n          {notifyView}\n          <IconType\n            style={{\n              color: colorIcon\n            }}\n            height={30}\n          />\n        </div>\n        <div data-name=\"title\" className={style.title}>\n          {title}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst SlidesFooter = props => {\n  const {buttons = []} = props;\n  if (buttons.length === 0) return null;\n\n  const Buttons = buttons.map((button, key) => {\n    return <Button {...button} key={key} />;\n  });\n\n  return (\n    <nav data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </nav>\n  );\n};\n\nSlidesFooter.propTypes = {\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      disabled: PropTypes.bool,\n      notify: PropTypes.bool,\n      selected: PropTypes.bool,\n      highlighted: PropTypes.bool,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(TABS)).isRequired,\n      onMouseEnter: PropTypes.func,\n      onMouseLeave: PropTypes.func,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default SlidesFooter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","TABS","question","icon","QuestionIcon","media","MediaIcon","clue","ClueIcon","coach","CoachIcon","className","style","context","ContextIcon","Button","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","_get2","primaryColor","positiveColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","classnames","button","notifyView","createElement","logo","backgroundColor","color","height","propTypes","process","env","NODE_ENV","PropTypes","bool","string","oneOf","_keys2","isRequired","func","SlidesFooter","buttons","Buttons","map","key","wrapper","arrayOf","shape","_default","exports"],"sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyFilterVideo2 as MediaIcon,\n  NovaCompositionCoorpacademyClue as ClueIcon,\n  NovaCompositionCoorpacademyMap as ContextIcon,\n  NovaCompositionCoorpacademyChat as CoachIcon,\n  NovaCompositionCoorpacademyListBullets3 as QuestionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../../../atom/provider';\nimport style from './style.css';\n\nconst TABS = {\n  question: {\n    icon: QuestionIcon\n  },\n  media: {\n    icon: MediaIcon\n  },\n  clue: {\n    icon: ClueIcon\n  },\n  coach: {\n    icon: CoachIcon,\n    className: style.coach\n  },\n  context: {\n    icon: ContextIcon\n  }\n};\n\nclass Button extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    notify: PropTypes.bool,\n    selected: PropTypes.bool,\n    highlighted: PropTypes.bool,\n    title: PropTypes.string,\n    type: PropTypes.oneOf(keys(TABS)).isRequired,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter} = this.props;\n\n    this.setState(prevState => ({\n      hovered: true\n    }));\n    onMouseEnter && onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave} = this.props;\n    this.setState(prevState => ({\n      hovered: false\n    }));\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  render() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const grey = get('common.grey', skin);\n    const primaryColor = get('common.primary', skin);\n    const positiveColor = get('common.positive', skin);\n    const {disabled, notify, selected, highlighted, title, type, onClick} = this.props;\n    const colorIcon = selected ? primaryColor : grey;\n    const selectedColor = (selected && {borderTopColor: primaryColor}) || {};\n\n    const hoverStyle =\n      !disabled && hovered\n        ? {\n            borderTopColor: primaryColor\n          }\n        : {};\n\n    const IconType = get([type, 'icon'], TABS);\n    const className = classnames(\n      style.button,\n      get([type, 'className'], TABS),\n      selected && style.selected,\n      disabled && style.disabled\n    );\n\n    const notifyView = notify ? <span className={style.notify} /> : null;\n    return (\n      <div\n        data-name={`button`}\n        data-type={type}\n        data-selected={selected}\n        data-disabled={disabled}\n        className={className}\n        onClick={onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        style={{\n          ...hoverStyle,\n          ...selectedColor\n        }}\n      >\n        <div\n          className={highlighted ? style.highlighted : style.logo}\n          style={highlighted ? {backgroundColor: positiveColor} : null}\n        >\n          {notifyView}\n          <IconType\n            style={{\n              color: colorIcon\n            }}\n            height={30}\n          />\n        </div>\n        <div data-name=\"title\" className={style.title}>\n          {title}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst SlidesFooter = props => {\n  const {buttons = []} = props;\n  if (buttons.length === 0) return null;\n\n  const Buttons = buttons.map((button, key) => {\n    return <Button {...button} key={key} />;\n  });\n\n  return (\n    <nav data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </nav>\n  );\n};\n\nSlidesFooter.propTypes = {\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      disabled: PropTypes.bool,\n      notify: PropTypes.bool,\n      selected: PropTypes.bool,\n      highlighted: PropTypes.bool,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(TABS)).isRequired,\n      onMouseEnter: PropTypes.func,\n      onMouseLeave: PropTypes.func,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default SlidesFooter;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,6 @@
 @value light from colors;
 @value orangeAdd from colors;
 @value grey from colors;
-@value positive from colors;
 @value black from colors;
 @value medium from colors;
 @value white from colors;
@@ -92,7 +91,6 @@
 
 .highlighted {
   composes: logo;
-  background-color: positive;
 }
 
 .title {

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

@@ -1,5 +1,5 @@
 export default SlidesHeader;
-declare function SlidesHeader(props?: {}, context?: any): React.JSX.Element;
+declare function SlidesHeader(props?: {}, context?: undefined): JSX.Element;
 declare namespace SlidesHeader {
     namespace propTypes {
         const type: PropTypes.Requireable<string>;
@@ -19,10 +19,10 @@ declare namespace SlidesHeader {
         const multiLang: PropTypes.Requireable<PropTypes.InferProps<{
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             currentLang: PropTypes.Requireable<string>;
-            supportedLangs: PropTypes.Requireable<PropTypes.InferProps<{
+            supportedLangs: PropTypes.Requireable<(PropTypes.InferProps<{
                 code: PropTypes.Validator<string>;
                 label: PropTypes.Validator<string>;
-            }>[]>;
+            }> | null | undefined)[]>;
         }>>;
         const help: PropTypes.Requireable<PropTypes.InferProps<{
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -30,6 +30,5 @@ declare namespace SlidesHeader {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

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

@@ -4,7 +4,7 @@
 @value xtraLightGrey from colors;
 @value dark from colors;
 @value light from colors;
-@value medium from colors;
+@value grey from colors;
 
 .wrapper {
   min-width: 0;
@@ -31,8 +31,8 @@
 }
 
 .contentWrapper:hover {
-  color: medium;
-  stroke: medium;
+  color: grey;
+  stroke: grey;
 }
 
 .content {

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

@@ -1,5 +1,5 @@
 export default LearnerHeader;
-declare function LearnerHeader(props: any, context: any): React.JSX.Element;
+declare function LearnerHeader(props: any, context: any): JSX.Element;
 declare namespace LearnerHeader {
     namespace propTypes {
         const content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -15,6 +15,5 @@ declare namespace LearnerHeader {
         const mode: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=learner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"learner.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":[],"mappings":";AAsFA,4EASC"}
+{"version":3,"file":"learner.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":[],"mappings":";AAsFA,sEASC"}

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

@@ -1,12 +1,11 @@
 export default Lives;
 declare function Lives({ count }: {
     count: any;
-}, context: any): React.JSX.Element;
+}, context: any): JSX.Element | null;
 declare namespace Lives {
     namespace propTypes {
         const count: PropTypes.Requireable<number>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=lives.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lives.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"names":[],"mappings":";AAMA;;oCAUC"}
+{"version":3,"file":"lives.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"names":[],"mappings":";AAMA;;qCAUC"}

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

@@ -2,7 +2,7 @@
 @value mobile from breakpoints;
 @value colors: "../../../../../variables/colors.css";
 @value dark from colors;
-@value medium from colors;
+@value grey from colors;
 
 .content {
   min-width: 0;
@@ -17,8 +17,8 @@
 }
 
 .content:hover {
-  color: medium;
-  stroke: medium;
+  color: grey;
+  stroke: grey;
 }
 
 .contentScorm {

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

@@ -1,5 +1,5 @@
 export default MicrolearningHeader;
-declare function MicrolearningHeader(props: any, context: any): React.JSX.Element;
+declare function MicrolearningHeader(props: any, context: any): JSX.Element;
 declare namespace MicrolearningHeader {
     namespace propTypes {
         const content: PropTypes.Requireable<PropTypes.InferProps<{
@@ -9,6 +9,5 @@ declare namespace MicrolearningHeader {
         const mode: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=microlearning.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"microlearning.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":[],"mappings":";AAqCA,kFAGC"}
+{"version":3,"file":"microlearning.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":[],"mappings":";AAqCA,4EAGC"}