@coorpacademy/components 11.40.25 → 11.41.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_cardImagePreview","_checkboxWithTitle","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe2","_split2","_last2","classnames","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","replace","dangerouslySetInnerHTML","__html","_isEmpty2","providerTag","settings","COLORS","white","size","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} 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 CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\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    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || 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} role=\"group\" aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\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            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            {title ? (\n              <div\n                className={style.title}\n                title={title.replace(/<[^>]*>/g, '')}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n            ) : null}\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\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        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\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  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\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  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_cssColorFunction","_classnames","_provider","_tag","_icon","_buttonLink","_bulletPointMenuButton","_colors","_cardImagePreview","_checkboxWithTitle","_progressBar","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","THIN_PROGRESS_STYLE","backgroundColor","COLORS","cm_positive_500","borderRadius","animation","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","titleTags","details","progress","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop2","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get2","mapUncapped","_map2","convert","cap","checkable","isPublished","selectedStyle","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","style","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","role","extractedIndex","_pipe2","_split2","_last2","classnames","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","containerImage","titleWrapper","titleProviderWrapper","_isEmpty2","titleBeforeTags","replace","dangerouslySetInnerHTML","__html","providerTag","map","progressBar","value","max","displayInfo","progressLabel","settings","white","size","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","arrayOf","shape","Tag","number","oneOf","bool","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","id","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} 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 CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport ProgressBar from '../../molecule/progress-bar';\nimport style from './style.css';\n\n// The thin completion bar: ProgressBar styles its inner bar through its `style` prop.\nconst THIN_PROGRESS_STYLE = {\n  backgroundColor: COLORS.cm_positive_500,\n  borderRadius: '4px',\n  animation: 'none'\n};\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    titleTags,\n    details,\n    progress,\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    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || 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} role=\"group\" aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\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            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            {title ? (\n              <div\n                className={classnames(style.title, !isEmpty(titleTags) && style.titleBeforeTags)}\n                title={title.replace(/<[^>]*>/g, '')}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: title}}\n              />\n            ) : null}\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n            {!isEmpty(titleTags) ? (\n              <div className={style.titleTags} data-name=\"title-tags\">\n                {titleTags.map(tag => (\n                  <div key={tag.label} className={style.tag}>\n                    <Tag {...tag} />\n                  </div>\n                ))}\n              </div>\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n          {details ? <div className={style.details}>{details}</div> : null}\n          {progress ? (\n            <div className={style.progress} data-name=\"list-item-progress\">\n              <ProgressBar\n                className={style.progressBar}\n                value={progress.value}\n                max={100}\n                style={THIN_PROGRESS_STYLE}\n                displayInfo={false}\n              />\n              <span className={style.progressLabel}>{progress.label}</span>\n            </div>\n          ) : null}\n        </div>\n        {dataColumnsView}\n      </div>\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        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\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  // Tags shown right after the title\n  titleTags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      type: Tag.propTypes.type\n    })\n  ),\n  // A second line under the subtitle\n  details: PropTypes.string,\n  // A thin completion bar (0 to 100) with its label\n  progress: PropTypes.shape({\n    value: PropTypes.number.isRequired,\n    label: PropTypes.string.isRequired\n  }),\n  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\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  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,6 +4,7 @@
 @value xtraLightGrey from colors;
 @value primaryAdd1 from colors;
 @value cm_grey_75 from colors;
+@value cm_grey_100 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
@@ -63,6 +64,10 @@
   text-align: left;
 }
 
+.titleBeforeTags {
+  flex: 0 1 auto;
+}
+
 .subtitle {
   font-size: 12px;
   font-style: normal;
@@ -154,3 +159,34 @@
   border: 2px solid cm_primary_blue;
   padding: 10px 14px;
 }
+
+.titleTags {
+  composes: titleProviderWrapper;
+  flex-wrap: wrap;
+}
+
+.details {
+  composes: subtitle;
+  font-weight: 500;
+  color: cm_grey_500;
+}
+
+.progress {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 6px;
+}
+
+.progressBar {
+  width: 220px;
+  min-width: 220px;
+  height: 4px;
+  border-radius: 4px;
+  background-color: cm_grey_100;
+}
+
+.progressLabel {
+  composes: subtitle;
+  margin: 0;
+}

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

@@ -83,6 +83,15 @@ declare namespace ListItems {
             items: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
+                titleTags: PropTypes.Requireable<(PropTypes.InferProps<{
+                    label: PropTypes.Validator<string>;
+                    type: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                details: PropTypes.Requireable<string>;
+                progress: PropTypes.Requireable<PropTypes.InferProps<{
+                    value: PropTypes.Validator<number>;
+                    label: PropTypes.Validator<string>;
+                }>>;
                 'data-name': PropTypes.Requireable<string>;
                 provider: PropTypes.Requireable<PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
@@ -529,6 +538,7 @@ declare namespace ListItems {
                 customLabelClassName: PropTypes.Requireable<string>;
             }>>;
             required: PropTypes.Requireable<boolean>;
+            headingLevel: PropTypes.Requireable<number>;
         }> | null | undefined>>;
         isFetching: PropTypes.Requireable<boolean>;
         search: PropTypes.Requireable<PropTypes.InferProps<{

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAqHA;;;;;;;;;;;gBAoDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AA0HA;;;;;;;;;;;gBAoDC"}

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

@@ -8,6 +8,7 @@ var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
 var _map = _interopRequireDefault(require("lodash/fp/map"));
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
 var _listItem = _interopRequireDefault(require("../list-item"));
+var _assignmentRow = _interopRequireDefault(require("../assignment-row"));
 var _draggableList = _interopRequireDefault(require("../../molecule/draggable-list"));
 var _title = _interopRequireDefault(require("../../atom/title"));
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
@@ -50,7 +51,9 @@ const buildListItemsView = (content, ariaLabel, selectMultiple) => {
     key: item.id,
     className: _style.default.item,
     "data-name": `content-${index}`
-  }, /*#__PURE__*/_react.default.createElement(_listItem.default, _extends({}, item, {
+  }, itemType === 'assignment' ? /*#__PURE__*/_react.default.createElement(_assignmentRow.default, _extends({}, item, {
+    "data-name": `list-item-${index}`
+  })) : /*#__PURE__*/_react.default.createElement(_listItem.default, _extends({}, item, {
     order: null,
     contentType: itemType,
     "data-name": `list-item-${index}`

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_isNil","_map","_isEmpty","_listItem","_draggableList","_title","_buttonLink","_selectMultiple","_expandibleActionableTable","_loader","_inputSearch","_checkboxWithTitle","_buttonMenuAction","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildTitleView","title","createElement","type","titleSize","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","map","item","contentType","index","key","id","className","style","order","tableHeaderView","isNil","isEmpty","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildEmptyResultView","emptyResult","description","button","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultButton","menu","buildContentView","ListItems","buttonLink","isFetching","search","checkboxWithTitle","actionButtons","buttonMenuAction","contentView","titleView","header","checkboxAndActionsWrapper","convert","cap","action","inputWrapper","actionsWrapper","loaderContainer","loader","theme","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ButtonMenuAction","ExpandibleActionableTable","Title","Search","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport Loader from '../../atom/loader';\nimport Search from '../../atom/input-search';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport ButtonMenuAction from '../../molecule/button-menu-action';\nimport style from './style.css';\n\nconst buildTitleView = title => {\n  if (typeof title === 'string') {\n    return (\n      <Title\n        title={title}\n        type=\"form-group\"\n        titleSize=\"standard-light-weight\"\n        data-name=\"list-title\"\n      />\n    );\n  }\n  return <Title {...title} />;\n};\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          <ListItem\n            {...item}\n            order={null}\n            contentType={itemType}\n            data-name={`list-item-${index}`}\n          />\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildEmptyResultView = emptyResult => {\n  const {title, description, button} = emptyResult;\n\n  return (\n    <div className={style.emptySearchResultContainer}>\n      <div className={style.emptySearchResultTitle}>{title}</div>\n      <div className={style.emptySearchResultDescription}>{description}</div>\n      <div className={style.emptySearchResultButton}>\n        {button?.menu ? <ButtonMenuAction {...button} /> : <ButtonLink {...button} />}\n      </div>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n\n  if (type === 'list' && isEmpty(content.items) && content.emptyResult) {\n    return buildEmptyResultView(content.emptyResult);\n  }\n\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({\n  title,\n  buttonLink,\n  selectMultiple,\n  content,\n  'aria-label': ariaLabel,\n  isFetching,\n  search,\n  checkboxWithTitle,\n  actionButtons,\n  buttonMenuAction\n}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n  const titleView = buildTitleView(title);\n  return (\n    <div>\n      <div className={style.header}>\n        {checkboxWithTitle ? (\n          <div className={style.checkboxAndActionsWrapper}>\n            <CheckboxWithTitle {...checkboxWithTitle} title={checkboxWithTitle.title} />\n            {actionButtons\n              ? map.convert({cap: false})(\n                  (action, index) => <ButtonLink {...action} key={`action-button-key-${index}`} />,\n                  actionButtons\n                )\n              : null}\n          </div>\n        ) : (\n          <div className={style.title}>{titleView}</div>\n        )}\n        <div className={style.inputWrapper}>\n          {!isEmpty(search) ? <Search {...search} /> : null}\n          <div className={style.actionsWrapper}>\n            {!isEmpty(selectMultiple) ? (\n              <div className={style.selectMultiple}>\n                <SelectMultiple {...selectMultiple} />\n              </div>\n            ) : null}\n            {!isEmpty(buttonLink) ? <ButtonLink {...buttonLink} /> : null}\n          </div>\n          {buttonMenuAction ? <ButtonMenuAction {...buttonMenuAction} /> : null}\n        </div>\n      </div>\n      {isFetching ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        contentView\n      )}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string),\n      emptyResult: PropTypes.shape({\n        title: PropTypes.string,\n        description: PropTypes.string,\n        button: PropTypes.oneOfType([\n          PropTypes.shape(ButtonLink.propTypes),\n          PropTypes.shape(ButtonMenuAction.propTypes)\n        ])\n      })\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.shape(Title.propTypes)]),\n  isFetching: PropTypes.bool,\n  search: PropTypes.shape(Search.propTypes),\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLink.propTypes)),\n  buttonMenuAction: PropTypes.shape(ButtonMenuAction.propTypes)\n};\n\nexport default ListItems;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_isNil","_map","_isEmpty","_listItem","_assignmentRow","_draggableList","_title","_buttonLink","_selectMultiple","_expandibleActionableTable","_loader","_inputSearch","_checkboxWithTitle","_buttonMenuAction","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","buildTitleView","title","createElement","type","titleSize","buildListItemsView","content","ariaLabel","selectMultiple","items","itemType","onDrop","isDraggable","tableHeader","itemsView","map","item","contentType","index","key","id","className","style","order","tableHeaderView","isNil","isEmpty","tableHeaderWrapper","dataColumnsWrapper","tableHeaderItem","flexGrow","flexShrink","flexBasis","settings","list","listWithSelectMultiple","buildEmptyResultView","emptyResult","description","button","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultButton","menu","buildContentView","ListItems","buttonLink","isFetching","search","checkboxWithTitle","actionButtons","buttonMenuAction","contentView","titleView","header","checkboxAndActionsWrapper","convert","cap","action","inputWrapper","actionsWrapper","loaderContainer","loader","theme","propTypes","process","env","NODE_ENV","PropTypes","string","shape","ButtonLink","SelectMultiple","oneOfType","arrayOf","ListItem","oneOf","func","bool","ButtonMenuAction","ExpandibleActionableTable","Title","Search","CheckboxWithTitle","_default","exports"],"sources":["../../../src/organism/list-items/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isNil from 'lodash/fp/isNil';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport ListItem from '../list-item';\nimport AssignmentRow from '../assignment-row';\nimport DraggableList from '../../molecule/draggable-list';\nimport Title from '../../atom/title';\nimport ButtonLink from '../../atom/button-link';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport ExpandibleActionableTable from '../../molecule/expandible-actionable-table';\nimport Loader from '../../atom/loader';\nimport Search from '../../atom/input-search';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport ButtonMenuAction from '../../molecule/button-menu-action';\nimport style from './style.css';\n\nconst buildTitleView = title => {\n  if (typeof title === 'string') {\n    return (\n      <Title\n        title={title}\n        type=\"form-group\"\n        titleSize=\"standard-light-weight\"\n        data-name=\"list-title\"\n      />\n    );\n  }\n  return <Title {...title} />;\n};\n\nconst buildListItemsView = (content, ariaLabel, selectMultiple) => {\n  const {items, itemType, onDrop, isDraggable = false, tableHeader} = content;\n  const itemsView =\n    isDraggable && items.length > 1 ? (\n      <DraggableList\n        items={items.map(item => ({...item, contentType: itemType}))}\n        itemType=\"list-item\"\n        onDrop={onDrop}\n      />\n    ) : (\n      items.map((item, index) => (\n        <li key={item.id} className={style.item} data-name={`content-${index}`}>\n          {itemType === 'assignment' ? (\n            <AssignmentRow {...item} data-name={`list-item-${index}`} />\n          ) : (\n            <ListItem\n              {...item}\n              order={null}\n              contentType={itemType}\n              data-name={`list-item-${index}`}\n            />\n          )}\n        </li>\n      ))\n    );\n  const tableHeaderView =\n    !isNil(tableHeader) && !isEmpty(tableHeader) ? (\n      <div className={style.tableHeaderWrapper}>\n        <div className={style.dataColumnsWrapper}>\n          {tableHeader.map((tableHeaderItem, index) => (\n            <div\n              key={`tableHeadeColumn-key-${index}`}\n              className={style.tableHeaderItem}\n              data-name={`tableHeader-${index}`}\n              style={\n                index === 0\n                  ? {flexGrow: 2, flexShrink: 0, flexBasis: 0}\n                  : {flexGrow: 1, flexShrink: 0, flexBasis: 0}\n              }\n            >\n              {tableHeaderItem}\n            </div>\n          ))}\n        </div>\n        <div className={style.settings}>{''}</div>\n      </div>\n    ) : null;\n  return (\n    <div>\n      {tableHeaderView}\n      <ul\n        className={!selectMultiple ? style.list : style.listWithSelectMultiple}\n        aria-label={ariaLabel}\n        data-name={'content-list'}\n      >\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nconst buildEmptyResultView = emptyResult => {\n  const {title, description, button} = emptyResult;\n\n  return (\n    <div className={style.emptySearchResultContainer}>\n      <div className={style.emptySearchResultTitle}>{title}</div>\n      <div className={style.emptySearchResultDescription}>{description}</div>\n      <div className={style.emptySearchResultButton}>\n        {button?.menu ? <ButtonMenuAction {...button} /> : <ButtonLink {...button} />}\n      </div>\n    </div>\n  );\n};\n\nconst buildContentView = (content, ariaLabel, selectMultiple) => {\n  const {type} = content;\n\n  if (type === 'list' && isEmpty(content.items) && content.emptyResult) {\n    return buildEmptyResultView(content.emptyResult);\n  }\n\n  switch (type) {\n    case 'list':\n      return buildListItemsView(content, ariaLabel, selectMultiple);\n    case 'expandible-actionable-table':\n      return <ExpandibleActionableTable {...content} />;\n  }\n};\n\nconst ListItems = ({\n  title,\n  buttonLink,\n  selectMultiple,\n  content,\n  'aria-label': ariaLabel,\n  isFetching,\n  search,\n  checkboxWithTitle,\n  actionButtons,\n  buttonMenuAction\n}) => {\n  const contentView = buildContentView(content, ariaLabel, selectMultiple);\n  const titleView = buildTitleView(title);\n  return (\n    <div>\n      <div className={style.header}>\n        {checkboxWithTitle ? (\n          <div className={style.checkboxAndActionsWrapper}>\n            <CheckboxWithTitle {...checkboxWithTitle} title={checkboxWithTitle.title} />\n            {actionButtons\n              ? map.convert({cap: false})(\n                  (action, index) => <ButtonLink {...action} key={`action-button-key-${index}`} />,\n                  actionButtons\n                )\n              : null}\n          </div>\n        ) : (\n          <div className={style.title}>{titleView}</div>\n        )}\n        <div className={style.inputWrapper}>\n          {!isEmpty(search) ? <Search {...search} /> : null}\n          <div className={style.actionsWrapper}>\n            {!isEmpty(selectMultiple) ? (\n              <div className={style.selectMultiple}>\n                <SelectMultiple {...selectMultiple} />\n              </div>\n            ) : null}\n            {!isEmpty(buttonLink) ? <ButtonLink {...buttonLink} /> : null}\n          </div>\n          {buttonMenuAction ? <ButtonMenuAction {...buttonMenuAction} /> : null}\n        </div>\n      </div>\n      {isFetching ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        contentView\n      )}\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  selectMultiple: PropTypes.shape(SelectMultiple.propTypes),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n      type: PropTypes.oneOf(['list']),\n      itemType: PropTypes.string,\n      onDrop: PropTypes.func,\n      isDraggable: PropTypes.bool,\n      tableHeader: PropTypes.arrayOf(PropTypes.string),\n      emptyResult: PropTypes.shape({\n        title: PropTypes.string,\n        description: PropTypes.string,\n        button: PropTypes.oneOfType([\n          PropTypes.shape(ButtonLink.propTypes),\n          PropTypes.shape(ButtonMenuAction.propTypes)\n        ])\n      })\n    }),\n    PropTypes.shape({\n      ...ExpandibleActionableTable.propTypes,\n      type: PropTypes.oneOf(['expandible-actionable-table'])\n    })\n  ]),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.shape(Title.propTypes)]),\n  isFetching: PropTypes.bool,\n  search: PropTypes.shape(Search.propTypes),\n  checkboxWithTitle: PropTypes.shape(CheckboxWithTitle.propTypes),\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLink.propTypes)),\n  buttonMenuAction: PropTypes.shape(ButtonMenuAction.propTypes)\n};\n\nexport default ListItems;\n"],"mappings":"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","ignoreList":[]}

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

@@ -98,6 +98,13 @@ declare class MoocHeader extends React.Component<any, any, any> {
                     label: PropTypes.Requireable<string>;
                     'aria-label': PropTypes.Requireable<string>;
                 }>>;
+                battles: PropTypes.Requireable<PropTypes.InferProps<{
+                    href: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    counter: PropTypes.Requireable<number>;
+                    disabled: PropTypes.Requireable<boolean>;
+                }>>;
             }>>;
         }>>;
         'settings-aria-label': 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":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyGE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAiCC;IA/BC,kBAAuD;IACvD;;;;;;;MAOC;IA8FH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAgBC;IAED,0BAKC;IAED,sBAIC;IAED,qBAoBC;IAaD,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IAED,sCAKC;IAzMC,kBAAwB;IACxB,oBAA0B;IA0B5B,gCAEC;IAED,kCAEC;IAED,qCAqBC;IAqFD,sCASC;IA9ID,0BAEC;IAED,2EASC;IAED,6BAEC;IAkCC,kBAAsB;IAgJxB,0DAcE;IAEF,6BAqjBC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAuBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgHE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAiCC;IA/BC,kBAAuD;IACvD;;;;;;;MAOC;IA8FH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAgBC;IAED,0BAKC;IAED,sBAIC;IAED,qBAoBC;IAaD,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IAED,sCAKC;IAzMC,kBAAwB;IACxB,oBAA0B;IA0B5B,gCAEC;IAED,kCAEC;IAED,qCAqBC;IAqFD,sCASC;IA9ID,0BAEC;IAED,2EASC;IAED,6BAEC;IAkCC,kBAAsB;IAgJxB,0DAcE;IAEF,6BA2kBC;CACF"}

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

@@ -503,7 +503,29 @@ class MoocHeader extends _react.default.Component {
         }
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.label
-      }, user.stats.myList.label))), /*#__PURE__*/_react.default.createElement("div", {
+      }, user.stats.myList.label)), user.stats.battles ? /*#__PURE__*/_react.default.createElement(_link.default, {
+        className: (0, _classnames.default)(_style.default.stat, user.stats.battles.disabled && _style.default.disabled),
+        "data-name": "stat-battles",
+        href: user.stats.battles.href,
+        disabled: user.stats.battles.disabled,
+        onClick: this.handleLinkClick,
+        "aria-label": user.stats.battles['aria-label']
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.statIcon
+      }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+        icon: "bolt",
+        className: _style.default.icon,
+        style: {
+          color: '#FF7043'
+        }
+      }), user.stats.battles.counter > 0 ? /*#__PURE__*/_react.default.createElement("span", {
+        "data-name": "stat-battles-counter",
+        className: _style.default.statBadge
+      }, /*#__PURE__*/_react.default.createElement("span", {
+        className: _style.default.counter
+      }, user.stats.battles.counter > 99 ? '99+' : user.stats.battles.counter)) : null), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.label
+      }, user.stats.battles.label)) : null), /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.avatarWrapper
       }, notificationPageView));
     }
@@ -812,6 +834,13 @@ MoocHeader.propTypes = process.env.NODE_ENV !== "production" ? {
         href: _propTypes.default.string,
         label: _propTypes.default.string,
         'aria-label': _propTypes.default.string
+      }),
+      battles: _propTypes.default.shape({
+        href: _propTypes.default.string,
+        label: _propTypes.default.string,
+        'aria-label': _propTypes.default.string,
+        counter: _propTypes.default.number,
+        disabled: _propTypes.default.bool
       })
     })
   }),