@coorpacademy/components 11.32.43 → 11.32.44-alpha.56

package/lib/organism/list-item/index.js

@@ -29,6 +29,8 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _bulletPointMenuButton = _interopRequireDefault(require("../../molecule/bullet-point-menu-button"));
 
+var _colors = _interopRequireDefault(require("../../variables/colors"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,6 +43,7 @@ const ListItem = ({
   bulletPointMenuButton,
   tags,
   title,
+  provider,
   selected,
   selectedColor,
   subtitle,
@@ -51,7 +54,9 @@ const ListItem = ({
   contentType,
   isBulkStyle = false,
   isOverflowHidden = false,
-  onClick = _noop2.default
+  onClick = _noop2.default,
+  leftIcon,
+  editAsIcon = false
 }, context) => {
   const {
     skin
@@ -89,6 +94,24 @@ const ListItem = ({
     className: _style.default.order,
     "aria-label": ariaLabel
   }, order + 1) : null;
+  const handleButtonLinkClick = buttonLink?.onClick || _noop2.default;
+
+  const handleRenderButtonLink = () => {
+    if (editAsIcon && buttonLink) {
+      return /*#__PURE__*/_react.default.createElement(_icon.default, {
+        iconName: buttonLink.icon?.type || 'edit',
+        onClick: handleButtonLinkClick,
+        className: _style.default.editIcon
+      });
+    }
+
+    if (buttonLink) {
+      return /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink);
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.wrapper, isBulkStyle && _style.default.gridLayout, subtitle && _style.default.withSubtitle, disabled && _style.default.disabled, onClick !== _noop2.default && !disabled && _style.default.cursorPointer),
     onClick: !disabled ? onClick : undefined,
@@ -96,21 +119,37 @@ const ListItem = ({
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.dataColumnsWrapper, isOverflowHidden && _style.default.hiddenOverflowX)
   }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.leftSection
+  }, leftIcon ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: leftIcon.iconName,
+    gradientBackground: leftIcon.gradientBackground || true,
+    iconColor: leftIcon.iconColor || primarySelectedColor,
+    preset: leftIcon.preset || 'xl',
+    borderRadius: leftIcon.borderRadius || '25%'
+  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleProviderWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title,
     title: title
-  }, title, subtitle ? /*#__PURE__*/_react.default.createElement("div", {
+  }, title), provider ? /*#__PURE__*/_react.default.createElement(_tag.default, {
+    label: provider,
+    type: "default",
+    className: _style.default.providerTag
+  }) : null), subtitle ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.subtitle
   }, subtitle) : null), dataColumnsView), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.settings
   }, tagsView, selected ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "circle-check",
     iconColor: primarySelectedColor,
-    backgroundColor: '#ffffff',
+    backgroundColor: _colors.default.white,
     size: {
       faSize: 16,
       wrapperSize: 16
     }
-  }) : null, buttonLink ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink) : null, secondButtonLink ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, secondButtonLink) : null, !(0, _isEmpty2.default)(bulletPointMenuButton) ? /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, bulletPointMenuButton) : null));
+  }) : null, handleRenderButtonLink(), secondButtonLink ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, secondButtonLink) : null, !(0, _isEmpty2.default)(bulletPointMenuButton) ? /*#__PURE__*/_react.default.createElement(_bulletPointMenuButton.default, bulletPointMenuButton) : null));
 };
 
 ListItem.contextTypes = {
@@ -120,6 +159,7 @@ ListItem.contextTypes = {
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   subtitle: _propTypes.default.string,
+  provider: _propTypes.default.string,
   selected: _propTypes.default.bool,
   selectedColor: _propTypes.default.string,
   dataColumns: _propTypes.default.arrayOf(_propTypes.default.shape({
@@ -171,7 +211,18 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   order: _propTypes.default.number,
   'aria-label': _propTypes.default.string,
   contentType: _propTypes.default.string,
-  id: _propTypes.default.string
+  id: _propTypes.default.string,
+  leftIcon: _propTypes.default.shape({
+    iconName: _propTypes.default.string,
+    iconColor: _propTypes.default.string,
+    backgroundColor: _propTypes.default.string,
+    borderRadius: _propTypes.default.string,
+    preset: _propTypes.default.string,
+    gradientBackground: _propTypes.default.bool,
+    size: _propTypes.default.number,
+    wrapperSize: _propTypes.default.number
+  }),
+  editAsIcon: _propTypes.default.bool
 } : {};
 var _default = ListItem;
 exports.default = _default;

package/lib/organism/list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","settings","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <Icon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={'#ffffff'}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","COLORS","white","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport COLORS from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    editAsIcon = false\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n  const handleRenderButtonLink = () => {\n    if (editAsIcon && buttonLink) {\n      return (\n        <FaIcon\n          iconName={buttonLink.icon?.type || 'edit'}\n          onClick={handleButtonLinkClick}\n          className={style.editIcon}\n        />\n      );\n    }\n    if (buttonLink) {\n      return <ButtonLink {...buttonLink} />;\n    }\n    return null;\n  };\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {leftIcon ? (\n            <div>\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {provider ? (\n              <Tag label={provider} type=\"default\" className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {handleRenderButtonLink()}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  provider: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}

package/lib/organism/list-item/style.css

@@ -32,7 +32,6 @@
   color: cm_grey_900;
   display: flex;
   flex-direction: column;
-  height: 56px;
   justify-content: center;
   flex: 2 0 0;
   font-family: Gilroy;
@@ -72,18 +71,33 @@
   white-space: nowrap;
 }
 
-.cell {
+.leftSection {
   display: flex;
-  height: 56px;
   align-items: center;
-  flex: 1 0 0;
-  color: cm_grey_500;
-  font-family: Gilroy;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 20px;
-  white-space: nowrap;
+  gap: 8px;
+  margin-right: 16px;
+}
+
+.titleWrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.titleProviderWrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.providerTag {
+  margin-left: 8px;
+}
+
+.editIcon {
+  cursor: pointer;
+  color: cm_grey_900;
+  margin-left: 8px;
 }
 
 .order {

package/lib/organism/list-items/index.d.ts

@@ -56,6 +56,7 @@ declare namespace ListItems {
             items: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
+                provider: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -108,6 +109,17 @@ declare namespace ListItems {
                 'aria-label': PropTypes.Requireable<string>;
                 contentType: PropTypes.Requireable<string>;
                 id: PropTypes.Requireable<string>;
+                leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    iconName: PropTypes.Requireable<string>;
+                    iconColor: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    borderRadius: PropTypes.Requireable<string>;
+                    preset: PropTypes.Requireable<string>;
+                    gradientBackground: PropTypes.Requireable<boolean>;
+                    size: PropTypes.Requireable<number>;
+                    wrapperSize: PropTypes.Requireable<number>;
+                }>>;
+                editAsIcon: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
             type: PropTypes.Requireable<string>;
             itemType: PropTypes.Requireable<string>;

package/lib/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAkdC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAidC;CACF"}

package/lib/organism/mooc-header/index.js

@@ -287,7 +287,7 @@ class MoocHeader extends _react.default.Component {
           href: item.href,
           disabled: item.disabled,
           className: (0, _classnames.default)(_style.default.item, item.disabled && item.selected && _style.default.activePage, item.disabled && _style.default.disabled),
-          skinHover: !item.disabled,
+          hoverColor: !item.disabled && (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
           onClick: this.handleLinkClick,
           target: item.target || null,
           "aria-label": itemLabel,
@@ -316,7 +316,7 @@ class MoocHeader extends _react.default.Component {
           target: item.target || null,
           "aria-label": itemLabel,
           onClick: this.handleLinkClick,
-          skinHover: !item.disabled,
+          hoverColor: !item.disabled && (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
           style: _extends({}, activeColor)
         }, item.title, /*#__PURE__*/_react.default.createElement("span", {
           className: _style.default.line,
@@ -484,7 +484,6 @@ class MoocHeader extends _react.default.Component {
               }, /*#__PURE__*/_react.default.createElement(_link.default, {
                 className: _style.default.link,
                 href: options.href,
-                skinHover: true,
                 hoverColor: hoverColor,
                 onClick: this.handleLinkClick,
                 target: options.target || null,

package/lib/organism/mooc-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MoocHeader","React","Component","constructor","props","handleMouseEnter","setState","hovered","handleMouseLeave","state","isSettingsOpen","isMenuOpen","isFocus","isToolTipOpen","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","handleOnMouseOver","handleOnMouseLeave","handleKeyPress","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","event","key","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","activePageAriaLabel","groupAriaLbale","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","toolTipText","closeToolTipInformationTextAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","disabled","classnames","style","itemBadge","activePage","name","itemName","bar","optionsView","more","option","line","_hoverStyle","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","profileAvatarAlt","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","className","languageSelect","selectBoxes","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","navMobile","burgerHidden","burger","close","closeHidden","tooltipIconContainer","homeIcon","__html","menuWrapper","hiddenMenuWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","src","string","srcMobile","Search","func","arrayOf","oneOf","bool","number","Cta"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaCompositionCoorpacademyPlacesHome24 as HomeIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string,\n      toolTipText: PropTypes.string,\n      closeToolTipInformationTextAriaLabel: PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      profileAvatarAlt: PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'active-page-aria-label': PropTypes.string,\n    'group-settings-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false,\n      isToolTipOpen: false,\n      hovered: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n    this.handleOnMouseOver = this.handleOnMouseOver.bind(this);\n    this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\n    }));\n  }\n\n  handleOnMouseOver() {\n    this.setState(() => ({\n      isToolTipOpen: true\n    }));\n  }\n\n  handleOnMouseLeave() {\n    this.setState(() => ({\n      isToolTipOpen: false\n    }));\n  }\n\n  handleKeyPress(event) {\n    if (event.key === 'Enter') {\n      this.setState(() => ({\n        isToolTipOpen: true\n      }));\n    } else if (event.key === 'Tab' || event.key === 'Escape') {\n      this.setState(() => ({\n        isToolTipOpen: false\n      }));\n    }\n  }\n\n  handleMouseEnter = () => {\n    this.setState({\n      hovered: true\n    });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({\n      hovered: false\n    });\n  };\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'active-page-aria-label': activePageAriaLabel,\n      'group-settings-aria-label': groupAriaLbale\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen, isToolTipOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {\n      'aria-label': logoAriaLabel,\n      closeMenuAriaLabel,\n      openMenuAriaLabel,\n      toolTipText,\n      closeToolTipInformationTextAriaLabel\n    } = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreAriaLabel = translate('More');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              disabled={item.disabled}\n              className={classnames(\n                style.itemBadge,\n                item.selected && style.activePage,\n                item.disabled && style.disabled\n              )}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            disabled={item.disabled}\n            className={classnames(\n              style.item,\n              item.disabled && item.selected && style.activePage,\n              item.disabled && style.disabled\n            )}\n            skinHover={!item.disabled}\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={itemLabel}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            disabled={item.disabled}\n            className={classnames(style.option, item.disabled && style.disabled)}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            skinHover={!item.disabled}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            <span\n              className={style.line}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n      const {hovered} = this.state;\n      const _hoverStyle = hovered\n        ? {\n            color: primaryColor\n          }\n        : null;\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div\n              className={style.currentOption}\n              aria-haspopup=\"true\"\n              data-name=\"item-more\"\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n              style={{\n                ..._hoverStyle\n              }}\n            >\n              {moreAriaLabel}\n              <ArrowDown\n                style={{color: mediumColor}}\n                className={style.caret}\n                aria-label={moreAriaLabel}\n              />\n            </div>\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} style={{color: white}} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} style={{color: white}} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} style={{color: white}} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} alt={user.profileAvatarAlt} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  skinHover\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n            selectProps.className = style.languageSelect;\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, style.selectBoxes)}\n                key={settingName}\n              >\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <InputSwitch {...switchProps} aria-labelledby={`title-id-${settingName}`} />\n                <span id={`title-id-${settingName}`} className={style.label}>\n                  {title}\n                </span>\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            style={{color: darkColor}}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div\n              data-name=\"settings\"\n              className={style.settingsGroup}\n              role=\"group\"\n              aria-label={groupAriaLbale}\n            >\n              {settingsElements}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div\n            className={style.logoWrapper}\n            aria-label={toolTipText}\n            onMouseOver={this.handleOnMouseOver}\n            onMouseLeave={this.handleOnMouseLeave}\n          >\n            <div className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                style={{color: mediumColor}}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                style={{color: mediumColor}}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link\n              className={style.logo}\n              data-name=\"logo\"\n              id=\"logo\"\n              href={logo.href}\n              onKeyDown={this.handleKeyPress}\n              tabIndex={0}\n              data-testid=\"brand-logo\"\n            >\n              <Picture src={logoUrl} alt={logoAriaLabel} />\n              {isToolTipOpen ? (\n                <div aria-label={toolTipText} tabIndex={0} data-testid=\"home-tooltip\">\n                  <div\n                    aria-label={`${toolTipText} ${closeToolTipInformationTextAriaLabel}`}\n                    role=\"tooltip\"\n                    className={style.tooltipIconContainer}\n                    tabIndex={0}\n                  >\n                    <HomeIcon className={style.homeIcon} style={{color: primaryColor}} />\n                    <p\n                      className={style.toolTipText}\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{__html: toolTipText}}\n                      style={{color: primaryColor}}\n                    />\n                  </div>\n                </div>\n              ) : null}\n            </Link>\n          </div>\n          {searchFormView}\n          <nav\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </nav>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MoocHeader","React","Component","constructor","props","handleMouseEnter","setState","hovered","handleMouseLeave","state","isSettingsOpen","isMenuOpen","isFocus","isToolTipOpen","handleSettingsToggle","bind","handleMenuToggle","_checkOnClose","handleLinkClick","setMenuSettings","handleSubmitSearch","handleResetSearch","handleOnFocus","handleOnBlur","handleOnMenuOpen","handleOnMenuClose","handleOnMouseOver","handleOnMouseLeave","handleKeyPress","componentDidUpdate","prevProps","prevState","prevContext","document","addEventListener","removeEventListener","el","menuSettings","clickEvent","menu","contains","target","onSubmitSearch","onResetSearch","onMenuOpen","onMenuClose","event","key","render","logo","pages","items","settings","user","links","search","searchResetAriaLabel","settingsAriaLabel","activePageAriaLabel","groupAriaLbale","translate","skin","context","logoAriaLabel","closeMenuAriaLabel","openMenuAriaLabel","toolTipText","closeToolTipInformationTextAriaLabel","logoUrl","logoMobileUrl","pagesView","linksView","userView","settingsView","notificationsView","searchFormView","moreAriaLabel","primaryColor","mediumColor","darkColor","white","iconWrapperStyle","backgroundColor","displayedPages","displayed","map","item","index","activeColor","selected","color","pageCountAriaLabel","itemLabel","title","pageBadge","counter","href","disabled","classnames","style","itemBadge","activePage","name","itemName","bar","optionsView","more","option","line","_hoverStyle","value","noItems","currentOption","caret","optionsGroup","ctas","cta","length","ctaLink","nbNotifications","notificationsAriaLabel","notifications","notificationPageView","notification","active","stats","stat","stars","iconWrapper","label","ranking","badge","avatarWrapper","avatar","userLink","picture","profileAvatarAlt","settingsElements","setting","settingView","options","type","settingName","hoverColor","ariaLabel","link","selectProps","values","theme","onChange","className","languageSelect","selectBoxes","switchProps","id","settingsToggle","settingsWrapper","settingsWrapperHidden","settingsGroup","hiddenSearchBar","searchBar","wrapper","open","header","logoWrapper","navMobile","burgerHidden","burger","close","closeHidden","tooltipIconContainer","homeIcon","__html","menuWrapper","hiddenMenuWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","src","string","srcMobile","Search","func","arrayOf","oneOf","bool","number","Cta"],"sources":["../../../src/organism/mooc-header/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, get, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationBurger as BurgerIcon,\n  NovaCompositionNavigationClose as CloseIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaSolidVoteRewardsRewardsTrophy5 as TrophyIcon,\n  NovaCompositionCoorpacademyCog as CogIcon,\n  NovaCompositionCoorpacademyPlacesHome24 as HomeIcon,\n  NovaSolidTimeAlarm as AlarmIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/cta';\nimport Select from '../../atom/select';\nimport Picture from '../../atom/picture';\nimport InputSwitch from '../../atom/input-switch';\nimport Link from '../../atom/link';\nimport Search from '../../atom/input-search';\nimport SearchForm from '../../molecule/search-form';\nimport style from './style.css';\n\nclass MoocHeader extends React.Component {\n  static propTypes = {\n    logo: PropTypes.shape({\n      src: PropTypes.string,\n      srcMobile: PropTypes.string,\n      href: PropTypes.string,\n      'aria-label': PropTypes.string,\n      'button-aria-label': PropTypes.string,\n      toolTipText: PropTypes.string,\n      closeToolTipInformationTextAriaLabel: PropTypes.string\n    }),\n    search: PropTypes.shape(Search.propTypes),\n    'search-reset-aria-label': PropTypes.string,\n    onSubmitSearch: PropTypes.func,\n    onResetSearch: PropTypes.func,\n    pages: PropTypes.shape({\n      displayed: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: PropTypes.bool,\n          counter: PropTypes.number,\n          'page-count-aria-label': PropTypes.string\n        })\n      ),\n      more: PropTypes.arrayOf(\n        PropTypes.shape({\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          title: PropTypes.string,\n          name: PropTypes.string,\n          href: PropTypes.string,\n          selected: PropTypes.bool,\n          disabled: PropTypes.bool,\n          counter: PropTypes.number\n        })\n      )\n    }),\n    links: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n    user: PropTypes.shape({\n      picture: PropTypes.string,\n      'picture-aria-label': PropTypes.string,\n      profileAvatarAlt: PropTypes.string,\n      href: PropTypes.string,\n      notifications: PropTypes.shape({\n        href: PropTypes.string,\n        value: PropTypes.number,\n        'aria-label': PropTypes.string\n      }),\n      stats: PropTypes.shape({\n        stars: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        ranking: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        }),\n        badge: PropTypes.shape({\n          href: PropTypes.string,\n          label: PropTypes.string,\n          'aria-label': PropTypes.string\n        })\n      })\n    }),\n    'settings-aria-label': PropTypes.string,\n    'active-page-aria-label': PropTypes.string,\n    'group-settings-aria-label': PropTypes.string,\n    settings: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string,\n        name: PropTypes.string,\n        type: PropTypes.oneOf(['select', 'switch', 'link']),\n        color: PropTypes.string,\n        'aria-label': PropTypes.string,\n        options: PropTypes.shape({\n          href: PropTypes.string,\n          onChange: PropTypes.func,\n          value: PropTypes.bool,\n          target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n          values: PropTypes.arrayOf(\n            PropTypes.shape({\n              value: PropTypes.string,\n              name: PropTypes.string,\n              selected: PropTypes.bool\n            })\n          )\n        })\n      })\n    ),\n    onMenuOpen: PropTypes.func,\n    onMenuClose: PropTypes.func\n  };\n\n  static contextTypes = {\n    translate: Provider.childContextTypes.translate,\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      isSettingsOpen: false,\n      isMenuOpen: false,\n      isFocus: false,\n      isToolTipOpen: false,\n      hovered: false\n    };\n\n    this.handleSettingsToggle = this.handleSettingsToggle.bind(this);\n    this.handleMenuToggle = this.handleMenuToggle.bind(this);\n    this._checkOnClose = this._checkOnClose.bind(this);\n    this.handleLinkClick = this.handleLinkClick.bind(this);\n    this.setMenuSettings = this.setMenuSettings.bind(this);\n    this.handleSubmitSearch = this.handleSubmitSearch.bind(this);\n    this.handleResetSearch = this.handleResetSearch.bind(this);\n    this.handleOnFocus = this.handleOnFocus.bind(this);\n    this.handleOnBlur = this.handleOnBlur.bind(this);\n    this.handleOnMenuOpen = this.handleOnMenuOpen.bind(this);\n    this.handleOnMenuClose = this.handleOnMenuClose.bind(this);\n    this.handleOnMouseOver = this.handleOnMouseOver.bind(this);\n    this.handleOnMouseLeave = this.handleOnMouseLeave.bind(this);\n    this.handleKeyPress = this.handleKeyPress.bind(this);\n  }\n\n  componentDidUpdate(prevProps, prevState, prevContext) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      document.addEventListener('click', this._checkOnClose);\n      document.addEventListener('touchstart', this._checkOnClose);\n    } else {\n      document.removeEventListener('click', this._checkOnClose);\n      document.removeEventListener('touchstart', this._checkOnClose);\n    }\n  }\n\n  setMenuSettings(el) {\n    this.menuSettings = el;\n  }\n\n  _checkOnClose(clickEvent) {\n    const {isSettingsOpen} = this.state;\n    if (isSettingsOpen) {\n      const menu = this.menuSettings;\n      if (menu && !menu.contains(clickEvent.target)) {\n        this.handleSettingsToggle();\n      }\n    }\n  }\n\n  handleLinkClick() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen && this.handleMenuToggle();\n  }\n\n  handleSettingsToggle() {\n    this.setState(prevState => ({\n      isSettingsOpen: !prevState.isSettingsOpen\n    }));\n  }\n\n  handleMenuToggle() {\n    const {isMenuOpen} = this.state;\n    isMenuOpen ? this.handleOnMenuClose() : this.handleOnMenuOpen();\n  }\n\n  handleSubmitSearch() {\n    const {onSubmitSearch} = this.props;\n    if (onSubmitSearch) {\n      onSubmitSearch();\n    }\n  }\n\n  handleResetSearch() {\n    const {onResetSearch} = this.props;\n    if (onResetSearch) {\n      onResetSearch();\n    }\n  }\n\n  handleOnFocus() {\n    this.setState(prevState => ({\n      isFocus: true\n    }));\n  }\n\n  handleOnBlur() {\n    this.setState(prevState => ({\n      isFocus: false\n    }));\n  }\n\n  handleOnMenuOpen() {\n    const {onMenuOpen} = this.props;\n    if (onMenuOpen) {\n      onMenuOpen();\n    }\n    this.setState(() => ({\n      isMenuOpen: true\n    }));\n  }\n\n  handleOnMenuClose() {\n    const {onMenuClose} = this.props;\n    if (onMenuClose) {\n      onMenuClose();\n    }\n    this.setState(() => ({\n      isMenuOpen: false\n    }));\n  }\n\n  handleOnMouseOver() {\n    this.setState(() => ({\n      isToolTipOpen: true\n    }));\n  }\n\n  handleOnMouseLeave() {\n    this.setState(() => ({\n      isToolTipOpen: false\n    }));\n  }\n\n  handleKeyPress(event) {\n    if (event.key === 'Enter') {\n      this.setState(() => ({\n        isToolTipOpen: true\n      }));\n    } else if (event.key === 'Tab' || event.key === 'Escape') {\n      this.setState(() => ({\n        isToolTipOpen: false\n      }));\n    }\n  }\n\n  handleMouseEnter = () => {\n    this.setState({\n      hovered: true\n    });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({\n      hovered: false\n    });\n  };\n\n  render() {\n    if (isEmpty(this.props)) return null;\n    const {\n      logo = {},\n      pages: items,\n      settings,\n      user,\n      links,\n      search,\n      'search-reset-aria-label': searchResetAriaLabel,\n      'settings-aria-label': settingsAriaLabel,\n      'active-page-aria-label': activePageAriaLabel,\n      'group-settings-aria-label': groupAriaLbale\n    } = this.props;\n    const {isFocus, isSettingsOpen, isMenuOpen, isToolTipOpen} = this.state;\n    const {translate, skin} = this.context;\n    const {\n      'aria-label': logoAriaLabel,\n      closeMenuAriaLabel,\n      openMenuAriaLabel,\n      toolTipText,\n      closeToolTipInformationTextAriaLabel\n    } = logo;\n    const logoUrl = get('src', logo) || get('images.logo', skin);\n    const logoMobileUrl = get('srcMobile', logo) || getOr(logoUrl, 'images.logo-mobile', skin);\n    let pagesView = null;\n    let linksView = null;\n    let userView = null;\n    let settingsView = null;\n    let notificationsView = null;\n    let searchFormView = null;\n\n    const moreAriaLabel = translate('More');\n    const primaryColor = get('common.primary', skin);\n    const mediumColor = get('common.medium', skin);\n    const darkColor = get('common.dark', skin);\n    const white = get('common.white', skin);\n    const iconWrapperStyle = {backgroundColor: primaryColor};\n\n    if (items) {\n      const displayedPages = items.displayed.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const {'page-count-aria-label': pageCountAriaLabel} = item;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const pageBadge =\n          item.counter > 0 ? (\n            <Link\n              href={item.href}\n              data-name=\"item-badge\"\n              disabled={item.disabled}\n              className={classnames(\n                style.itemBadge,\n                item.selected && style.activePage,\n                item.disabled && style.disabled\n              )}\n              aria-label={pageCountAriaLabel}\n            >\n              {item.counter}\n            </Link>\n          ) : null;\n\n        const {name: itemName = index} = item;\n\n        return (\n          <Link\n            key={itemName}\n            data-name={`item-${itemName}`}\n            href={item.href}\n            disabled={item.disabled}\n            className={classnames(\n              style.item,\n              item.disabled && item.selected && style.activePage,\n              item.disabled && style.disabled\n            )}\n            hoverColor={!item.disabled && getOr('#00B0FF', 'common.primary', skin)}\n            onClick={this.handleLinkClick}\n            target={item.target || null}\n            aria-label={itemLabel}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            {pageBadge}\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n\n      const optionsView = items.more.map((item, index) => {\n        const activeColor = item.selected\n          ? {\n              color: primaryColor\n            }\n          : null;\n        const itemLabel = item.selected ? `${item.title}. ${activePageAriaLabel}` : item.title;\n        const {name: itemName = index} = item;\n        return (\n          <Link\n            href={item.href}\n            key={itemName}\n            disabled={item.disabled}\n            className={classnames(style.option, item.disabled && style.disabled)}\n            data-name={`item-more-${itemName}`}\n            target={item.target || null}\n            aria-label={itemLabel}\n            onClick={this.handleLinkClick}\n            hoverColor={!item.disabled && getOr('#00B0FF', 'common.primary', skin)}\n            style={{\n              ...activeColor\n            }}\n          >\n            {item.title}\n            <span\n              className={style.line}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n          </Link>\n        );\n      });\n      const {hovered} = this.state;\n      const _hoverStyle = hovered\n        ? {\n            color: primaryColor\n          }\n        : null;\n      pagesView = (\n        <div className={search.value || isFocus ? style.noItems : style.items}>\n          {displayedPages}\n          <div className={style.more}>\n            <div\n              className={style.currentOption}\n              aria-haspopup=\"true\"\n              data-name=\"item-more\"\n              onMouseEnter={this.handleMouseEnter}\n              onMouseLeave={this.handleMouseLeave}\n              style={{\n                ..._hoverStyle\n              }}\n            >\n              {moreAriaLabel}\n              <ArrowDown\n                style={{color: mediumColor}}\n                className={style.caret}\n                aria-label={moreAriaLabel}\n              />\n            </div>\n            <span\n              className={style.bar}\n              style={{\n                backgroundColor: primaryColor\n              }}\n            />\n            <div className={style.optionsGroup}>{optionsView}</div>\n          </div>\n        </div>\n      );\n    }\n\n    if (links) {\n      const ctas = links.map((cta, index) => {\n        return (\n          <Cta {...cta} key={index} className={index + 1 === links.length ? null : style.ctaLink} />\n        );\n      });\n\n      linksView = <div className={style.links}>{ctas}</div>;\n    }\n\n    if (user) {\n      const nbNotifications = getOr(0, 'notifications.value', user);\n      const notificationsAriaLabel = getOr('', 'notifications.aria-label', user);\n\n      notificationsView =\n        nbNotifications > 0 ? (\n          <Link\n            href={user.notifications.href}\n            data-name=\"user-notifications\"\n            className={style.notifications}\n          >\n            {nbNotifications}\n          </Link>\n        ) : null;\n      const notificationPageView = (\n        <Link\n          className={classnames(style.notification, nbNotifications > 0 ? style.active : null)}\n          data-name=\"stat-notifications\"\n          href={user.notifications.href}\n          aria-label={notificationsAriaLabel}\n        >\n          <div>\n            <AlarmIcon width={16} height={16} />\n          </div>\n          {notificationsView}\n        </Link>\n      );\n      userView = (\n        <div className={style.user}>\n          <div className={style.stats}>\n            <Link\n              className={style.stat}\n              data-name=\"stat-stars\"\n              href={user.stats.stars.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.stars['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <StarIcon className={style.stars} style={{color: white}} />\n              </div>\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.stars.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-ranking\"\n              href={user.stats.ranking.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.ranking['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <ChartsIcon className={style.ranking} style={{color: white}} />\n              </div>\n\n              <div data-name=\"value\" className={style.label}>\n                {user.stats.ranking.label}\n              </div>\n            </Link>\n            <Link\n              className={style.stat}\n              data-name=\"stat-badge\"\n              href={user.stats.badge.href}\n              onClick={this.handleLinkClick}\n              aria-label={user.stats.badge['aria-label']}\n            >\n              <div className={style.iconWrapper} style={iconWrapperStyle}>\n                <TrophyIcon className={style.badge} style={{color: white}} />\n              </div>\n              <div className={style.label}>{user.stats.badge.label}</div>\n            </Link>\n          </div>\n          <div className={style.avatarWrapper}>\n            {notificationPageView}\n            <div className={style.avatar} data-name=\"user-avatar\">\n              <Link\n                href={user.href}\n                className={style.userLink}\n                onClick={this.handleLinkClick}\n                aria-label={user['picture-aria-label']}\n              >\n                <Picture src={user.picture} alt={user.profileAvatarAlt} />\n              </Link>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (settings) {\n      const settingsElements = settings.map((setting, index) => {\n        let settingView = null;\n        const {\n          options,\n          type,\n          title,\n          name: settingName = index,\n          color,\n          hoverColor,\n          'aria-label': ariaLabel\n        } = setting;\n\n        switch (type) {\n          case 'link': {\n            settingView = (\n              <div data-name={`setting-${settingName}`} className={style.setting} key={settingName}>\n                <Link\n                  className={style.link}\n                  href={options.href}\n                  hoverColor={hoverColor}\n                  onClick={this.handleLinkClick}\n                  target={options.target || null}\n                  aria-label={ariaLabel || title}\n                  style={{\n                    color\n                  }}\n                >\n                  {title}\n                </Link>\n              </div>\n            );\n            break;\n          }\n          case 'select': {\n            const selectProps = {};\n            selectProps.options = options.values;\n            selectProps.title = '';\n            selectProps.theme = 'header';\n            selectProps.onChange = options.onChange;\n            selectProps.className = style.languageSelect;\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={classnames(style.setting, style.selectBoxes)}\n                key={settingName}\n              >\n                <span className={style.label}>{title}</span>\n                <Select {...selectProps} aria-label={ariaLabel || title} />\n              </div>\n            );\n            break;\n          }\n          case 'switch': {\n            const switchProps = {};\n            switchProps.value = options.value;\n            switchProps.id = `input-switch-${index}`;\n            switchProps.onChange = options.onChange;\n\n            settingView = (\n              <div\n                data-name={`setting-${settingName}`}\n                className={style.setting}\n                key={settingName}\n                aria-label={ariaLabel || title}\n              >\n                <InputSwitch {...switchProps} aria-labelledby={`title-id-${settingName}`} />\n                <span id={`title-id-${settingName}`} className={style.label}>\n                  {title}\n                </span>\n              </div>\n            );\n            break;\n          }\n        }\n\n        return settingView;\n      });\n\n      settingsView = (\n        <div className={style.settings} ref={this.setMenuSettings}>\n          <CogIcon\n            data-name=\"settings-toggle\"\n            style={{color: darkColor}}\n            className={style.settingsToggle}\n            onClick={this.handleSettingsToggle}\n            aria-expanded={isSettingsOpen}\n            aria-label={settingsAriaLabel}\n          />\n          <div className={isSettingsOpen ? style.settingsWrapper : style.settingsWrapperHidden}>\n            <div\n              data-name=\"settings\"\n              className={style.settingsGroup}\n              role=\"group\"\n              aria-label={groupAriaLbale}\n            >\n              {settingsElements}\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    if (search) {\n      searchFormView = (\n        <div\n          data-name=\"Search-Bar\"\n          className={isMenuOpen ? style.hiddenSearchBar : style.searchBar}\n        >\n          <SearchForm\n            search={search}\n            onSubmit={this.handleSubmitSearch}\n            onReset={this.handleResetSearch}\n            onSearchFocus={this.handleOnFocus}\n            onSearchBlur={this.handleOnBlur}\n            search-reset-aria-label={searchResetAriaLabel}\n          />\n        </div>\n      );\n    }\n\n    return (\n      <header className={style.wrapper}>\n        <div\n          data-name=\"moocHeader\"\n          data-open={isMenuOpen}\n          className={isMenuOpen ? style.open : style.header}\n        >\n          <div\n            className={style.logoWrapper}\n            aria-label={toolTipText}\n            onMouseOver={this.handleOnMouseOver}\n            onMouseLeave={this.handleOnMouseLeave}\n          >\n            <div className={style.navMobile} data-name=\"nav-mobile\">\n              <BurgerIcon\n                role=\"button\"\n                data-name=\"nav-mobile-open\"\n                style={{color: mediumColor}}\n                className={isMenuOpen ? style.burgerHidden : style.burger}\n                onClick={this.handleOnMenuOpen}\n                aria-label={openMenuAriaLabel}\n              />\n              <CloseIcon\n                data-name=\"nav-mobile-close\"\n                style={{color: mediumColor}}\n                className={isMenuOpen ? style.close : style.closeHidden}\n                onClick={this.handleOnMenuClose}\n                aria-label={closeMenuAriaLabel}\n              />\n              <Link data-name=\"logo-mobile\" href={logo.href}>\n                <Picture src={logoMobileUrl} alt={logoAriaLabel} />\n              </Link>\n            </div>\n            <Link\n              className={style.logo}\n              data-name=\"logo\"\n              id=\"logo\"\n              href={logo.href}\n              onKeyDown={this.handleKeyPress}\n              tabIndex={0}\n              data-testid=\"brand-logo\"\n            >\n              <Picture src={logoUrl} alt={logoAriaLabel} />\n              {isToolTipOpen ? (\n                <div aria-label={toolTipText} tabIndex={0} data-testid=\"home-tooltip\">\n                  <div\n                    aria-label={`${toolTipText} ${closeToolTipInformationTextAriaLabel}`}\n                    role=\"tooltip\"\n                    className={style.tooltipIconContainer}\n                    tabIndex={0}\n                  >\n                    <HomeIcon className={style.homeIcon} style={{color: primaryColor}} />\n                    <p\n                      className={style.toolTipText}\n                      // eslint-disable-next-line react/no-danger\n                      dangerouslySetInnerHTML={{__html: toolTipText}}\n                      style={{color: primaryColor}}\n                    />\n                  </div>\n                </div>\n              ) : null}\n            </Link>\n          </div>\n          {searchFormView}\n          <nav\n            className={isMenuOpen ? style.menuWrapper : style.hiddenMenuWrapper}\n            data-name=\"menu-wrapper\"\n          >\n            {pagesView}\n            {userView || linksView}\n            {settingsView}\n          </nav>\n        </div>\n      </header>\n    );\n  }\n}\n\nexport default MoocHeader;\n"],"mappings":"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"}

package/lib/organism/sidebar/index.d.ts

@@ -65,7 +65,7 @@ export function LinkItem({ href, index, name, selected, color, title, onClick, u
     setChildrenAsHtml?: boolean | undefined;
     target?: string | undefined;
     activeIcon?: boolean | undefined;
-}): JSX.Element;
+}, context: any): JSX.Element;
 export namespace LinkItem {
     export namespace propTypes_3 {
         const index_2: PropTypes.Requireable<number>;
@@ -85,6 +85,29 @@ export namespace LinkItem {
         export const activeIcon: PropTypes.Requireable<boolean>;
     }
     export { propTypes_3 as propTypes };
+    export namespace contextTypes {
+        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+            common: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            images: PropTypes.Requireable<PropTypes.InferProps<{
+                'logo-mobile': PropTypes.Requireable<any>;
+                logo: PropTypes.Requireable<any>;
+                'logo-email': PropTypes.Requireable<any>;
+                login: PropTypes.Requireable<any>;
+            }>>;
+            icons: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            mod: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+            courses: PropTypes.Requireable<any[]>;
+            texts: PropTypes.Requireable<{
+                [x: string]: any;
+            }>;
+        }>>;
+    }
 }
 export function IconLinkItem({ index, name, onClick, uppercase, ...props }: {
     [x: string]: any;
@@ -242,8 +265,8 @@ declare namespace Sidebar {
         }, "name" | "index" | "uppercase">>>) | null | undefined)[] | null | undefined> | null | undefined)[]>;
     }
     export { propTypes_8 as propTypes };
-    export namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    export namespace contextTypes_1 {
+        const skin_1: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -264,6 +287,8 @@ declare namespace Sidebar {
                 [x: string]: any;
             }>;
         }>>;
+        export { skin_1 as skin };
     }
+    export { contextTypes_1 as contextTypes };
 }
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAmBO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;;gBA2DN;;;;;;;;;;;;;;;;;;;;;AAgBM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAmBO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;;8BAgEN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}