@coorpacademy/components 11.40.22 → 11.40.23

package/lib/molecule/quick-filters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_icon","_colors","_buttonLink","_provider","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SCROLL_RIGHT_SIZE","SCROLL_LEFT_SIZE","handleScroll","direction","listRef","current","scrollBy","left","behavior","exports","getFilterButton","filterButtonProps","primarySkinColor","tag","rest","createElement","className","style","filterButtonWrapper","borderColor","label","filterButton","icon","position","faIcon","name","size","color","COLORS","cm_grey_700","neutral_500","customStyle","backgroundColor","undefined","borderRadius","QuickFilters","primaryOption","filterOptions","filterOptionsAriaLabel","context","skin","GetSkinFromContext","_get2","defaultLabel","defaultIconName","defaultSelected","defaultAriaLabel","onDefaultClick","filtersListRef","React","useRef","rightBtnRef","leftBtnRef","handleScrollRight","useCallback","handleScrollLeft","useEffect","list","rightButton","leftButton","update","rightArrowWidth","offsetWidth","showingRightButton","scrollLeft","clientWidth","scrollWidth","showingLeftButton","visibility","opacity","addEventListener","window","removeEventListener","filtersMainContainer","leftArrowButton","ref","onClick","height","filtersList","classNames","defaultOption","filterSelected","iconName","faSize","wrapperSize","filterLabel","bar","background","filterSeparator","filtersContainer","map","filterOption","idx","selected","value","ariaLabel","key","borderBottomColor","rightArrowButton","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default"],"sources":["../../../src/molecule/quick-filters/index.tsx"],"sourcesContent":["import React, {useCallback, useRef, useEffect} from 'react';\nimport classNames from 'classnames';\nimport {get} from 'lodash/fp';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport style from './style.css';\nimport {QuickFiltersProps, propTypes} from './types';\n\nconst SCROLL_RIGHT_SIZE = 400;\nconst SCROLL_LEFT_SIZE = -400;\nexport const handleScroll = (direction: number, listRef: React.RefObject<HTMLDivElement>) => {\n  if (listRef.current) {\n    listRef.current.scrollBy({\n      left: direction,\n      behavior: 'smooth'\n    });\n  }\n};\n\nconst getFilterButton = (\n  filterButtonProps: ButtonLinkProps | undefined,\n  primarySkinColor: string\n) => {\n  if (!filterButtonProps) return null;\n  const {tag, ...rest} = filterButtonProps;\n  return (\n    <div\n      className={style.filterButtonWrapper}\n      style={{borderColor: tag?.label ? primarySkinColor : 'transparent'}}\n    >\n      <div className={style.filterButton}>\n        <ButtonLink\n          {...rest}\n          icon={{\n            position: 'left',\n            faIcon: {\n              name: 'sliders',\n              size: 14,\n              color: tag ? COLORS.cm_grey_700 : COLORS.neutral_500\n            }\n          }}\n          tag={\n            tag\n              ? {\n                  label: tag.label,\n                  customStyle: {backgroundColor: primarySkinColor, color: '#FFFFFF'}\n                }\n              : undefined\n          }\n          className={style.filterButton}\n          data-testid=\"open-filters-modal-button\"\n          customStyle={{borderRadius: '12px'}}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst QuickFilters = (\n  {primaryOption, filterOptions, filterButton, filterOptionsAriaLabel}: QuickFiltersProps,\n  context: WebContextValues\n) => {\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const {defaultLabel, defaultIconName, defaultSelected, defaultAriaLabel, onDefaultClick} =\n    primaryOption;\n  const filtersListRef = React.useRef<HTMLDivElement>(null);\n  const rightBtnRef = useRef<HTMLDivElement>(null);\n  const leftBtnRef = useRef<HTMLDivElement>(null);\n\n  const handleScrollRight = useCallback(() => {\n    handleScroll(SCROLL_RIGHT_SIZE, filtersListRef);\n  }, [filtersListRef]);\n  const handleScrollLeft = useCallback(() => {\n    handleScroll(SCROLL_LEFT_SIZE, filtersListRef);\n  }, [filtersListRef]);\n  useEffect(() => {\n    const list = filtersListRef.current;\n    const rightButton = rightBtnRef.current;\n    const leftButton = leftBtnRef.current;\n    /* istanbul ignore next */ // not testable without complex mocking useRef\n    if (!list || !leftButton || !rightButton) return;\n\n    const update = () => {\n      const rightArrowWidth = rightButton.offsetWidth;\n      const showingRightButton =\n        list.scrollLeft + list.clientWidth < list.scrollWidth - rightArrowWidth;\n      const showingLeftButton = list.scrollLeft > 0;\n      rightButton.style.visibility = showingRightButton ? 'visible' : 'hidden';\n      rightButton.style.opacity = showingRightButton ? '1' : '0';\n      leftButton.style.visibility = showingLeftButton ? 'visible' : 'hidden';\n      leftButton.style.opacity = showingLeftButton ? '1' : '0';\n    };\n\n    list.addEventListener('scroll', update);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      list.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [filterOptions]);\n\n  return (\n    <div className={style.filtersMainContainer} data-name=\"search\">\n      <div className={style.leftArrowButton} ref={leftBtnRef} style={{visibility: 'hidden'}}>\n        <ButtonLink\n          icon={{position: 'left', faIcon: {name: 'arrow-left', size: 15}}}\n          onClick={handleScrollLeft}\n          className={style.leftArrowButton}\n          customStyle={{height: '36px'}}\n          data-testid=\"scroll-left-button\"\n        />\n      </div>\n      <div\n        className={style.filtersList}\n        ref={filtersListRef}\n        data-testid=\"filters-options-list\"\n        aria-label={filterOptionsAriaLabel}\n      >\n        <div\n          data-testid=\"all-option\"\n          className={classNames(style.defaultOption, defaultSelected && style.filterSelected)}\n          onClick={onDefaultClick}\n        >\n          <FaIcon\n            iconName={defaultIconName}\n            size={{faSize: 20, wrapperSize: 20}}\n            aria-label={defaultAriaLabel}\n          />\n          <span className={style.filterLabel}>{defaultLabel}</span>\n          <div className={style.bar} style={{background: primarySkinColor}} />\n        </div>\n        <div className={style.filterSeparator} />\n        <div className={style.filtersContainer}>\n          {filterOptions.map((filterOption, idx) => {\n            const {iconName, label, selected, value, onClick, ariaLabel} = filterOption;\n            return (\n              <div\n                key={idx}\n                className={classNames(style.filterOption, selected && style.filterSelected)}\n                data-testid={`filter-${value}-${idx}`}\n                style={{borderBottomColor: primarySkinColor}}\n                onClick={onClick}\n              >\n                <FaIcon\n                  iconName={iconName}\n                  size={{faSize: 20, wrapperSize: 20}}\n                  aria-label={ariaLabel}\n                />\n                <span className={style.filterLabel}>{label}</span>\n                <div className={style.bar} style={{background: primarySkinColor}} />\n              </div>\n            );\n          })}\n          <div className={style.rightArrowButton} ref={rightBtnRef} style={{visibility: 'hidden'}}>\n            <ButtonLink\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'arrow-right',\n                  size: 15\n                }\n              }}\n              className={style.rightArrowButton}\n              onClick={handleScrollRight}\n              customStyle={{height: '36px'}}\n              data-testid=\"scroll-right-button\"\n            />\n          </div>\n        </div>\n      </div>\n      {getFilterButton(filterButton, primarySkinColor)}\n    </div>\n  );\n};\n\nQuickFilters.propTypes = propTypes;\nQuickFilters.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default QuickFilters;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_icon","_colors","_buttonLink","_provider","_style","_types","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SCROLL_RIGHT_SIZE","SCROLL_LEFT_SIZE","handleScroll","direction","listRef","current","scrollBy","left","behavior","exports","getFilterButton","filterButtonProps","primarySkinColor","tag","rest","createElement","className","style","filterButtonWrapper","borderColor","label","filterButton","icon","position","faIcon","name","size","color","COLORS","cm_grey_700","neutral_500","customStyle","backgroundColor","undefined","borderRadius","QuickFilters","primaryOption","filterOptions","filterOptionsAriaLabel","context","skin","GetSkinFromContext","_get2","defaultLabel","defaultIconName","defaultSelected","defaultAriaLabel","onDefaultClick","filtersListRef","React","useRef","rightBtnRef","leftBtnRef","handleScrollRight","useCallback","handleScrollLeft","useEffect","list","rightButton","leftButton","update","rightArrowWidth","offsetWidth","showingRightButton","scrollLeft","clientWidth","scrollWidth","showingLeftButton","visibility","opacity","addEventListener","window","removeEventListener","filtersMainContainer","leftArrowButton","ref","onClick","height","filtersList","role","classNames","defaultOption","filterSelected","iconName","faSize","wrapperSize","filterLabel","bar","background","filterSeparator","filtersContainer","map","filterOption","idx","selected","value","ariaLabel","key","borderBottomColor","rightArrowButton","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","_default"],"sources":["../../../src/molecule/quick-filters/index.tsx"],"sourcesContent":["import React, {useCallback, useRef, useEffect} from 'react';\nimport classNames from 'classnames';\nimport {get} from 'lodash/fp';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport style from './style.css';\nimport {QuickFiltersProps, propTypes} from './types';\n\nconst SCROLL_RIGHT_SIZE = 400;\nconst SCROLL_LEFT_SIZE = -400;\nexport const handleScroll = (direction: number, listRef: React.RefObject<HTMLDivElement>) => {\n  if (listRef.current) {\n    listRef.current.scrollBy({\n      left: direction,\n      behavior: 'smooth'\n    });\n  }\n};\n\nconst getFilterButton = (\n  filterButtonProps: ButtonLinkProps | undefined,\n  primarySkinColor: string\n) => {\n  if (!filterButtonProps) return null;\n  const {tag, ...rest} = filterButtonProps;\n  return (\n    <div\n      className={style.filterButtonWrapper}\n      style={{borderColor: tag?.label ? primarySkinColor : 'transparent'}}\n    >\n      <div className={style.filterButton}>\n        <ButtonLink\n          {...rest}\n          icon={{\n            position: 'left',\n            faIcon: {\n              name: 'sliders',\n              size: 14,\n              color: tag ? COLORS.cm_grey_700 : COLORS.neutral_500\n            }\n          }}\n          tag={\n            tag\n              ? {\n                  label: tag.label,\n                  customStyle: {backgroundColor: primarySkinColor, color: '#FFFFFF'}\n                }\n              : undefined\n          }\n          className={style.filterButton}\n          data-testid=\"open-filters-modal-button\"\n          customStyle={{borderRadius: '12px'}}\n        />\n      </div>\n    </div>\n  );\n};\n\nconst QuickFilters = (\n  {primaryOption, filterOptions, filterButton, filterOptionsAriaLabel}: QuickFiltersProps,\n  context: WebContextValues\n) => {\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const {defaultLabel, defaultIconName, defaultSelected, defaultAriaLabel, onDefaultClick} =\n    primaryOption;\n  const filtersListRef = React.useRef<HTMLDivElement>(null);\n  const rightBtnRef = useRef<HTMLDivElement>(null);\n  const leftBtnRef = useRef<HTMLDivElement>(null);\n\n  const handleScrollRight = useCallback(() => {\n    handleScroll(SCROLL_RIGHT_SIZE, filtersListRef);\n  }, [filtersListRef]);\n  const handleScrollLeft = useCallback(() => {\n    handleScroll(SCROLL_LEFT_SIZE, filtersListRef);\n  }, [filtersListRef]);\n  useEffect(() => {\n    const list = filtersListRef.current;\n    const rightButton = rightBtnRef.current;\n    const leftButton = leftBtnRef.current;\n    /* istanbul ignore next */ // not testable without complex mocking useRef\n    if (!list || !leftButton || !rightButton) return;\n\n    const update = () => {\n      const rightArrowWidth = rightButton.offsetWidth;\n      const showingRightButton =\n        list.scrollLeft + list.clientWidth < list.scrollWidth - rightArrowWidth;\n      const showingLeftButton = list.scrollLeft > 0;\n      rightButton.style.visibility = showingRightButton ? 'visible' : 'hidden';\n      rightButton.style.opacity = showingRightButton ? '1' : '0';\n      leftButton.style.visibility = showingLeftButton ? 'visible' : 'hidden';\n      leftButton.style.opacity = showingLeftButton ? '1' : '0';\n    };\n\n    list.addEventListener('scroll', update);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      list.removeEventListener('scroll', update);\n      window.removeEventListener('resize', update);\n    };\n  }, [filterOptions]);\n\n  return (\n    <div className={style.filtersMainContainer} data-name=\"search\">\n      <div className={style.leftArrowButton} ref={leftBtnRef} style={{visibility: 'hidden'}}>\n        <ButtonLink\n          icon={{position: 'left', faIcon: {name: 'arrow-left', size: 15}}}\n          onClick={handleScrollLeft}\n          className={style.leftArrowButton}\n          customStyle={{height: '36px'}}\n          data-testid=\"scroll-left-button\"\n        />\n      </div>\n      <div\n        className={style.filtersList}\n        ref={filtersListRef}\n        data-testid=\"filters-options-list\"\n        role=\"group\"\n        aria-label={filterOptionsAriaLabel}\n      >\n        <div\n          data-testid=\"all-option\"\n          className={classNames(style.defaultOption, defaultSelected && style.filterSelected)}\n          onClick={onDefaultClick}\n        >\n          <FaIcon\n            iconName={defaultIconName}\n            size={{faSize: 20, wrapperSize: 20}}\n            aria-label={defaultAriaLabel}\n          />\n          <span className={style.filterLabel}>{defaultLabel}</span>\n          <div className={style.bar} style={{background: primarySkinColor}} />\n        </div>\n        <div className={style.filterSeparator} />\n        <div className={style.filtersContainer}>\n          {filterOptions.map((filterOption, idx) => {\n            const {iconName, label, selected, value, onClick, ariaLabel} = filterOption;\n            return (\n              <div\n                key={idx}\n                className={classNames(style.filterOption, selected && style.filterSelected)}\n                data-testid={`filter-${value}-${idx}`}\n                style={{borderBottomColor: primarySkinColor}}\n                onClick={onClick}\n              >\n                <FaIcon\n                  iconName={iconName}\n                  size={{faSize: 20, wrapperSize: 20}}\n                  aria-label={ariaLabel}\n                />\n                <span className={style.filterLabel}>{label}</span>\n                <div className={style.bar} style={{background: primarySkinColor}} />\n              </div>\n            );\n          })}\n          <div className={style.rightArrowButton} ref={rightBtnRef} style={{visibility: 'hidden'}}>\n            <ButtonLink\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'arrow-right',\n                  size: 15\n                }\n              }}\n              className={style.rightArrowButton}\n              onClick={handleScrollRight}\n              customStyle={{height: '36px'}}\n              data-testid=\"scroll-right-button\"\n            />\n          </div>\n        </div>\n      </div>\n      {getFilterButton(filterButton, primarySkinColor)}\n    </div>\n  );\n};\n\nQuickFilters.propTypes = propTypes;\nQuickFilters.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default QuickFilters;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/review-correction-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA6EA,gEAqDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/review-correction-popin/index.js"],"names":[],"mappings":";AA6EA,gEAsDC"}

package/lib/molecule/review-correction-popin/index.js

@@ -100,14 +100,17 @@ const ReviewCorrectionPopin = props => {
     className: _style.default.feedbackSection
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.information,
+    role: "group",
     "aria-label": "answer-information"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.labelContainer
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.label,
+    role: "group",
     "aria-label": information.label
   }, information.label)), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.message,
+    role: "group",
     "aria-label": information.message
     // eslint-disable-next-line react/no-danger
     ,

package/lib/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_novaIcons","_buttonLink","_provider","_tooltip","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KlfButton","klf","legacyContext","translate","GetTranslateFromContext","klfButtonProps","useMemo","icon","position","type","AnchorButton","useCallback","onKeyDown","createElement","className","style","klfButtonContainer","klfButton","useTitle","TooltipContent","tooltipText","dangerouslySetInnerHTML","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","role","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","_default","exports"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Tooltip from '../../atom/tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst KlfButton = ({klf}, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const klfButtonProps = useMemo(\n    () => ({\n      ...klf,\n      icon: {\n        position: 'left',\n        type: 'key'\n      },\n      type: 'primary'\n    }),\n    [klf]\n  );\n\n  const AnchorButton = useCallback(\n    ({onKeyDown}) => (\n      <div className={style.klfButtonContainer}>\n        <ButtonLink\n          {...klfButtonProps}\n          className={style.klfButton}\n          onKeyDown={onKeyDown}\n          useTitle={false}\n        />\n      </div>\n    ),\n    [klfButtonProps]\n  );\n\n  const TooltipContent = useCallback(\n    () => (\n      <span\n        className={style.tooltipText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: klf.tooltip}}\n      />\n    ),\n    [klf.tooltip]\n  );\n\n  const toolTipProps = useMemo(\n    () => ({\n      closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),\n      AnchorElement: AnchorButton,\n      TooltipContent,\n      'aria-label': translate('More details'),\n      tooltipClassName: style.toolTipCustomization\n    }),\n    [AnchorButton, TooltipContent, translate]\n  );\n\n  return (\n    <div className={style.klfContainer}>\n      <Tooltip {...toolTipProps} />\n    </div>\n  );\n};\n\nKlfButton.propTypes = {\n  klf: propTypes.klf\n};\n\nKlfButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? <KlfButton klf={klf} /> : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAIA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,MAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,UAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAqC,SAAAE,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAErC,MAAMG,SAAS,GAAGA,CAAC;EAACC;AAAG,CAAC,EAAEC,aAAa,KAAK;EAC1C,MAAMC,SAAS,GAAG,IAAAC,iCAAuB,EAACF,aAAa,CAAC;EACxD,MAAMG,cAAc,GAAG,IAAAC,cAAO,EAC5B,OAAO;IACL,GAAGL,GAAG;IACNM,IAAI,EAAE;MACJC,QAAQ,EAAE,MAAM;MAChBC,IAAI,EAAE;IACR,CAAC;IACDA,IAAI,EAAE;EACR,CAAC,CAAC,EACF,CAACR,GAAG,CACN,CAAC;EAED,MAAMS,YAAY,GAAG,IAAAC,kBAAW,EAC9B,CAAC;IAACC;EAAS,CAAC,kBACVjD,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAmB,gBACvCrD,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC5C,WAAA,CAAAO,OAAU,EAAAkB,QAAA,KACLW,cAAc;IAClBS,SAAS,EAAEC,cAAK,CAACE,SAAU;IAC3BL,SAAS,EAAEA,SAAU;IACrBM,QAAQ,EAAE;EAAM,EACjB,CACE,CACN,EACD,CAACb,cAAc,CACjB,CAAC;EAED,MAAMc,cAAc,GAAG,IAAAR,kBAAW,EAChC,mBACEhD,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACK;IACjB;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAErB,GAAG,CAACsB;IAAO;EAAE,CAChD,CACF,EACD,CAACtB,GAAG,CAACsB,OAAO,CACd,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAlB,cAAO,EAC1B,OAAO;IACLmB,oCAAoC,EAAEtB,SAAS,CAAC,2BAA2B,CAAC;IAC5EuB,aAAa,EAAEhB,YAAY;IAC3BS,cAAc;IACd,YAAY,EAAEhB,SAAS,CAAC,cAAc,CAAC;IACvCwB,gBAAgB,EAAEZ,cAAK,CAACa;EAC1B,CAAC,CAAC,EACF,CAAClB,YAAY,EAAES,cAAc,EAAEhB,SAAS,CAC1C,CAAC;EAED,oBACExC,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACc;EAAa,gBACjClE,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC1C,QAAA,CAAAK,OAAO,EAAKgD,YAAe,CACzB,CAAC;AAEV,CAAC;AAEDxB,SAAS,CAAC8B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBhC,GAAG,EAAE6B,kBAAS,CAAC7B;AACjB,CAAC;AAEDD,SAAS,CAACkC,YAAY,GAAG;EACvB/B,SAAS,EAAEgC,iBAAQ,CAACC,iBAAiB,CAACjC;AACxC,CAAC;AAED,MAAMkC,qBAAqB,GAAGC,KAAK,IAAI;EACrC,MAAM;IAACC,WAAW;IAAEC,WAAW;IAAE/B,IAAI;IAAER,GAAG;IAAEwC;EAAI,CAAC,GAAGH,KAAK;EAEzD,MAAMI,uBAAuB,GAAG;IAC9B,GAAGD,IAAI;IACPhC,IAAI,EAAE;EACR,CAAC;EAED,MAAMkC,GAAG,GAAGlC,IAAI,KAAK,OAAO,gBAAG9C,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAACb,SAAS;IAACC,GAAG,EAAEA;EAAI,CAAE,CAAC,GAAG,IAAI;EAE7D,MAAM2C,KAAK,GAAG;IACZC,KAAK,EAAEC,2CAAS;IAChBC,KAAK,EAAEC;EACT,CAAC;EACD,MAAMC,IAAI,GAAGL,KAAK,CAACnC,IAAI,CAAC;EAExB,oBACE9C,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACmC,OAAQ;IAAC,eAAY;EAAyB,gBAClEvF,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAE,IAAAqC,mBAAU,EAACpC,cAAK,CAACqC,KAAK,EAAE3C,IAAI,KAAK,OAAO,GAAGM,cAAK,CAAC8B,KAAK,GAAG9B,cAAK,CAACgC,KAAK;EAAE,gBACpFpF,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACsC;EAAkB,gBACtC1F,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACuC;EAAW,gBAC/B3F,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAACoC,IAAI;IAACnC,SAAS,EAAEL,IAAI,KAAK,OAAO,GAAGM,cAAK,CAACwC,SAAS,GAAGxC,cAAK,CAACyC;EAAU,CAAE,CACrE,CAAC,eACN7F,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACyB;EAAY,gBAChC7E,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAM,cAAY2B,WAAY;IAACiB,IAAI,EAAC;EAAQ,GACzCjB,WACG,CACH,CACF,CAAC,eACN7E,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC2C;EAAgB,gBACpC/F,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACwB,WAAY;IAAC,cAAW;EAAoB,gBAChE5E,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAAC4C;EAAe,gBACnChG,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAMC,SAAS,EAAEC,cAAK,CAAC6C,KAAM;IAAC,cAAYrB,WAAW,CAACqB;EAAM,GACzDrB,WAAW,CAACqB,KACT,CACH,CAAC,eACNjG,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IACEC,SAAS,EAAEC,cAAK,CAAC8C,OAAQ;IACzB,cAAYtB,WAAW,CAACsB;IACxB;IAAA;IACAxC,uBAAuB,EAAE;MAACC,MAAM,EAAEiB,WAAW,CAACsB;IAAO;EAAE,CACxD,CACE,CACF,CAAC,eACNlG,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEL,IAAI,KAAK,OAAO,GAAGM,cAAK,CAAC+C,OAAO,GAAG/C,cAAK,CAACgD;EAAa,GACnEpB,GAAG,eACJhF,MAAA,CAAAa,OAAA,CAAAqC,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACiD,qBAAsB;IAAC,eAAY;EAAgC,gBACvFrG,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAC5C,WAAA,CAAAO,OAAU,EAAAkB,QAAA,KAAKgD,uBAAuB;IAAE5B,SAAS,EAAEC,cAAK,CAACkD;EAAmB,EAAE,CAC5E,CACF,CACF,CACF,CAAC;AAEV,CAAC;AAED5B,qBAAqB,CAACP,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGH,kBAAS;AAAC,IAAAoC,QAAA,GAAAC,OAAA,CAAA3F,OAAA,GAE7B6D,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_novaIcons","_buttonLink","_provider","_tooltip","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","KlfButton","klf","legacyContext","translate","GetTranslateFromContext","klfButtonProps","useMemo","icon","position","type","AnchorButton","useCallback","onKeyDown","createElement","className","style","klfButtonContainer","klfButton","useTitle","TooltipContent","tooltipText","dangerouslySetInnerHTML","__html","tooltip","toolTipProps","closeToolTipInformationTextAriaLabel","AnchorElement","tooltipClassName","toolTipCustomization","klfContainer","propTypes","process","env","NODE_ENV","contextTypes","Provider","childContextTypes","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","RightIcon","wrong","WrongIcon","Icon","wrapper","classnames","popin","correctionSection","iconCircle","iconRight","iconWrong","role","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","_default","exports"],"sources":["../../../src/molecule/review-correction-popin/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport Tooltip from '../../atom/tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst KlfButton = ({klf}, legacyContext) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const klfButtonProps = useMemo(\n    () => ({\n      ...klf,\n      icon: {\n        position: 'left',\n        type: 'key'\n      },\n      type: 'primary'\n    }),\n    [klf]\n  );\n\n  const AnchorButton = useCallback(\n    ({onKeyDown}) => (\n      <div className={style.klfButtonContainer}>\n        <ButtonLink\n          {...klfButtonProps}\n          className={style.klfButton}\n          onKeyDown={onKeyDown}\n          useTitle={false}\n        />\n      </div>\n    ),\n    [klfButtonProps]\n  );\n\n  const TooltipContent = useCallback(\n    () => (\n      <span\n        className={style.tooltipText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: klf.tooltip}}\n      />\n    ),\n    [klf.tooltip]\n  );\n\n  const toolTipProps = useMemo(\n    () => ({\n      closeToolTipInformationTextAriaLabel: translate('close_tooltip_information'),\n      AnchorElement: AnchorButton,\n      TooltipContent,\n      'aria-label': translate('More details'),\n      tooltipClassName: style.toolTipCustomization\n    }),\n    [AnchorButton, TooltipContent, translate]\n  );\n\n  return (\n    <div className={style.klfContainer}>\n      <Tooltip {...toolTipProps} />\n    </div>\n  );\n};\n\nKlfButton.propTypes = {\n  klf: propTypes.klf\n};\n\nKlfButton.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? <KlfButton klf={klf} /> : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper} data-testid=\"review-correction-popin\">\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel}>\n            <span aria-label={resultLabel} role=\"status\">\n              {resultLabel}\n            </span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} role=\"group\" aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} role=\"group\" aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span\n              className={style.message}\n              role=\"group\"\n              aria-label={information.message}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: information.message}}\n            />\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer} data-testid=\"next-question-button-container\">\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/search-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/search-form/index.js"],"names":[],"mappings":";AAOA,mEAoEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/search-form/index.js"],"names":[],"mappings":";AAOA,mEA8EC"}

package/lib/molecule/search-form/index.js

@@ -37,6 +37,10 @@ const SearchForm = (props, context) => {
     evt.stopPropagation();
     return onReset && onReset(evt);
   }, [onReset]);
+  const handleResetKeyDown = (0, _react.useMemo)(() => evt => {
+    if (evt.key !== 'Enter' && evt.key !== ' ') return;
+    return handleReset(evt);
+  }, [handleReset]);
   const isMooc = theme === 'mooc';
   const clearClassName = search.value ? (0, _classnames.default)(_style.default.wrapperClear, isMooc && _style.default.wrapperClearMooc) : _style.default.wrapperNoClear;
   return /*#__PURE__*/_react.default.createElement("form", {
@@ -56,8 +60,11 @@ const SearchForm = (props, context) => {
     searchIconAriaLabel: searchIconAriaLabel
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "search-form-reset",
+    role: "button",
+    tabIndex: 0,
     "aria-label": searchResetAriaLabel,
     onMouseDown: handleReset,
+    onKeyDown: handleResetKeyDown,
     className: clearClassName
   }, /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "xmark",

package/lib/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_inputSearch","_icon","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","searchIconAriaLabel","handleSubmit","useMemo","evt","preventDefault","handleReset","stopPropagation","isMooc","clearClassName","value","classnames","style","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","onFocus","onBlur","onKeyDown","onMouseDown","iconName","clearIcon","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","Search","_default","exports"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    onSearchKeyDown,\n    inputRef,\n    'search-reset-aria-label': searchResetAriaLabel,\n    dataTestId,\n    theme,\n    searchIconAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      evt.stopPropagation();\n      return onReset && onReset(evt);\n    },\n    [onReset]\n  );\n\n  const isMooc = theme === 'mooc';\n\n  const clearClassName = search.value\n    ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc)\n    : style.wrapperNoClear;\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search\n        {...search}\n        onFocus={onSearchFocus}\n        onBlur={onSearchBlur}\n        onKeyDown={onSearchKeyDown}\n        inputRef={inputRef}\n        dataTestId={dataTestId}\n        theme={theme}\n        searchIconAriaLabel={searchIconAriaLabel}\n      />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onMouseDown={handleReset}\n        className={clearClassName}\n      >\n        <Icon iconName=\"xmark\" className={style.clearIcon} aria-label={searchResetAriaLabel} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  onSearchKeyDown: PropTypes.func,\n  inputRef: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string,\n  dataTestId: PropTypes.string,\n  theme: PropTypes.string,\n  searchIconAriaLabel: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_inputSearch","_icon","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","searchIconAriaLabel","handleSubmit","useMemo","evt","preventDefault","handleReset","stopPropagation","handleResetKeyDown","key","isMooc","clearClassName","value","classnames","style","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","onFocus","onBlur","onKeyDown","role","tabIndex","onMouseDown","iconName","clearIcon","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","Search","_default","exports"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport Icon from '../../atom/icon';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    onSearchKeyDown,\n    inputRef,\n    'search-reset-aria-label': searchResetAriaLabel,\n    dataTestId,\n    theme,\n    searchIconAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      evt.stopPropagation();\n      return onReset && onReset(evt);\n    },\n    [onReset]\n  );\n  const handleResetKeyDown = useMemo(\n    () => evt => {\n      if (evt.key !== 'Enter' && evt.key !== ' ') return;\n      return handleReset(evt);\n    },\n    [handleReset]\n  );\n\n  const isMooc = theme === 'mooc';\n\n  const clearClassName = search.value\n    ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc)\n    : style.wrapperNoClear;\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search\n        {...search}\n        onFocus={onSearchFocus}\n        onBlur={onSearchBlur}\n        onKeyDown={onSearchKeyDown}\n        inputRef={inputRef}\n        dataTestId={dataTestId}\n        theme={theme}\n        searchIconAriaLabel={searchIconAriaLabel}\n      />\n      <div\n        data-name=\"search-form-reset\"\n        role=\"button\"\n        tabIndex={0}\n        aria-label={searchResetAriaLabel}\n        onMouseDown={handleReset}\n        onKeyDown={handleResetKeyDown}\n        className={clearClassName}\n      >\n        <Icon iconName=\"xmark\" className={style.clearIcon} aria-label={searchResetAriaLabel} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  onSearchKeyDown: PropTypes.func,\n  inputRef: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string,\n  dataTestId: PropTypes.string,\n  theme: PropTypes.string,\n  searchIconAriaLabel: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/skill-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/index.js"],"names":[],"mappings":";AAwBA,kEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/skill-card/index.js"],"names":[],"mappings":";AAwBA,kEAyEC"}

package/lib/molecule/skill-card/index.js

@@ -50,10 +50,12 @@ const SkillCard = (props, context) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.skillCardWrapper,
     "data-name": "skill-card-wrapper",
+    role: "group",
     "aria-label": ariaLabel
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "skill-title",
     className: _style.default.skillTitle,
+    role: "group",
     "aria-label": skillAriaLabel || skillTitle,
     style: {
       background: titleBackground
@@ -63,6 +65,7 @@ const SkillCard = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.questionReviseText,
     "data-name": "questions-to-revise-label",
+    role: "group",
     "aria-label": reviseAriaLabel || reviseLabel
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceQuestionMark, {
     className: _style.default.questionReviseIcon,

package/lib/molecule/skill-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_cssColorFunction","_novaIcons","_getOr","_interopRequireDefault","_buttonLink","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","getOr","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","useMemo","titleBackground","createElement","className","style","skillCardWrapper","background","questionReviseText","NovaSolidInterfaceFeedbackInterfaceQuestionMark","questionReviseIcon","width","height","buttonWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_cssColorFunction","_novaIcons","_getOr","_interopRequireDefault","_buttonLink","_style","_propTypes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getGradientBackground","baseColor","gradients","convert","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","primarySkinColor","getOr","buttonProps","customStyle","backgroundColor","color","transition","hoverBackgroundColor","hoverColor","label","titleBackgroundColor","useMemo","titleBackground","createElement","className","style","skillCardWrapper","role","background","questionReviseText","NovaSolidInterfaceFeedbackInterfaceQuestionMark","questionReviseIcon","width","height","buttonWrapper","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/skill-card/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n  const gradients = [\n    convert(`color(${baseColor} lightness(30%))`),\n    convert(`color(${baseColor} lightness(47%))`),\n    convert(`color(${baseColor} lightness(55%))`)\n  ];\n\n  return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n    `color(${gradients[0]} a(0))`\n  )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n    `color(${gradients[1]} a(0))`\n  )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n    `color(${gradients[2]} a(0))`\n  )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n  const {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    buttonLabel,\n    buttonAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    isCustom = false\n  } = props;\n  const {skin} = context;\n  const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: '#FFFFFF',\n    onClick,\n    'aria-label': buttonAriaLabel ? `${skillTitle}, ${buttonAriaLabel}` : skillTitle,\n    label: buttonLabel,\n    'data-name': 'skill-card-button'\n  };\n\n  const titleBackgroundColor = useMemo(\n    () => (isCustom ? '#128C72' : primarySkinColor),\n    [isCustom, primarySkinColor]\n  );\n\n  const titleBackground = useMemo(\n    () => getGradientBackground(titleBackgroundColor),\n    [titleBackgroundColor]\n  );\n\n  return (\n    <div\n      className={style.skillCardWrapper}\n      data-name=\"skill-card-wrapper\"\n      role=\"group\"\n      aria-label={ariaLabel}\n    >\n      <div\n        data-name=\"skill-title\"\n        className={style.skillTitle}\n        role=\"group\"\n        aria-label={skillAriaLabel || skillTitle}\n        style={{\n          background: titleBackground\n        }}\n      >\n        {skillTitle}\n      </div>\n      <div data-name=\"card-content-wrapper\">\n        <div\n          className={style.questionReviseText}\n          data-name=\"questions-to-revise-label\"\n          role=\"group\"\n          aria-label={reviseAriaLabel || reviseLabel}\n        >\n          <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n          {reviseLabel}\n        </div>\n        <div className={style.buttonWrapper} data-name=\"button-wrapper\">\n          <ButtonLink {...buttonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/header-with-actions/index.js

@@ -115,7 +115,6 @@ const HeaderWithActions = props => {
     className: _style.default.saveStatus
   }, saveStatus.label) : null), /*#__PURE__*/_react.default.createElement("h3", {
     className: _style.default.title,
-    "aria-label": title,
     "data-name": getDataName('title')
   }, title))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonsWrapper,

package/lib/organism/header-with-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_isEmpty","_map","_buttonLink","_buttonLinkIcon","_tag","_bulletPointMenuButton","_types","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getDataName","suffix","uncappedMap","map","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","type","buildActionButton","disabled","base","customStyle","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","isFetching","createElement","className","style","headerWrapper","titleAndButtonWrapper","button","titleWrapper","statusWrapper","display","buttonsWrapper","isEmpty","buttons","action","key","propTypes","process","env","NODE_ENV","HeaderWithActionsPropTypes","_default","exports"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport HeaderWithActionsPropTypes, {\n  HeaderWithActionsProps,\n  ButtonMenuProps,\n  ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n  return {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'close-button',\n    'aria-label': ariaLabel,\n    onClick\n  };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n  return {\n    'data-name': dataName,\n    label,\n    buttonLinkType: 'tertiary',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14\n      }\n    },\n    onClick,\n    type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n  };\n};\n\nconst buildActionButton = ({\n  type,\n  label,\n  onClick,\n  disabled,\n  iconName,\n  iconColor\n}: ButtonActionProps) => {\n  const base = {\n    type,\n    label,\n    onClick,\n    disabled,\n    customStyle: {\n      fontWeight: '600',\n      borderRadius: '12px'\n    }\n  };\n\n  if (iconName && iconColor) {\n    return {\n      ...base,\n      icon: {\n        position: 'left' as const,\n        faIcon: {\n          name: iconName,\n          color: iconColor,\n          size: 14\n        }\n      }\n    };\n  }\n\n  return base;\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {\n    closeButton,\n    title,\n    tag,\n    saveStatus,\n    bulletPointMenuButton,\n    actionButtons,\n    isFetching = false\n  } = props;\n\n  return !isFetching ? (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon\n          {...buildCloseButton({\n            onClick: closeButton.onClick,\n            ariaLabel: closeButton['aria-label']\n          })}\n          className={style.button}\n        />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n            data-name={getDataName('bullet-point-menu-button')}\n          />\n        ) : null}\n        {uncappedMap((action: ButtonActionProps, key: string) => {\n          return <ButtonLink {...buildActionButton(action)} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  ) : null;\n};\n\nHeaderWithActions.propTypes = HeaderWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_isEmpty","_map","_buttonLink","_buttonLinkIcon","_tag","_bulletPointMenuButton","_types","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","getDataName","suffix","uncappedMap","map","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","type","buildActionButton","disabled","base","customStyle","fontWeight","borderRadius","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","isFetching","createElement","className","style","headerWrapper","titleAndButtonWrapper","button","titleWrapper","statusWrapper","display","buttonsWrapper","isEmpty","buttons","action","key","propTypes","process","env","NODE_ENV","HeaderWithActionsPropTypes","_default","exports"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport HeaderWithActionsPropTypes, {\n  HeaderWithActionsProps,\n  ButtonMenuProps,\n  ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n  return {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'close-button',\n    'aria-label': ariaLabel,\n    onClick\n  };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n  return {\n    'data-name': dataName,\n    label,\n    buttonLinkType: 'tertiary',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14\n      }\n    },\n    onClick,\n    type: iconName === 'trash' ? 'dangerousLeft' : 'defaultLeft'\n  };\n};\n\nconst buildActionButton = ({\n  type,\n  label,\n  onClick,\n  disabled,\n  iconName,\n  iconColor\n}: ButtonActionProps) => {\n  const base = {\n    type,\n    label,\n    onClick,\n    disabled,\n    customStyle: {\n      fontWeight: '600',\n      borderRadius: '12px'\n    }\n  };\n\n  if (iconName && iconColor) {\n    return {\n      ...base,\n      icon: {\n        position: 'left' as const,\n        faIcon: {\n          name: iconName,\n          color: iconColor,\n          size: 14\n        }\n      }\n    };\n  }\n\n  return base;\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {\n    closeButton,\n    title,\n    tag,\n    saveStatus,\n    bulletPointMenuButton,\n    actionButtons,\n    isFetching = false\n  } = props;\n\n  return !isFetching ? (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon\n          {...buildCloseButton({\n            onClick: closeButton.onClick,\n            ariaLabel: closeButton['aria-label']\n          })}\n          className={style.button}\n        />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n            data-name={getDataName('bullet-point-menu-button')}\n          />\n        ) : null}\n        {uncappedMap((action: ButtonActionProps, key: string) => {\n          return <ButtonLink {...buildActionButton(action)} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  ) : null;\n};\n\nHeaderWithActions.propTypes = HeaderWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}

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

@@ -80,6 +80,7 @@ const ListItem = ({
   })(dataColumns);
   const orderView = order !== null && order !== undefined ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.order,
+    role: "group",
     "aria-label": ariaLabel
   }, order + 1) : null;
   const extractedIndex = (0, _pipe2.default)((0, _split2.default)('-'), _last2.default)(dataName);

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","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} 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","_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":[]}

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,6BAmjBC;CACF"}
+{"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"}

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

@@ -577,6 +577,7 @@ class MoocHeader extends _react.default.Component {
                 "data-name": `setting-${settingName}`,
                 className: (0, _classnames.default)(_style.default.setting, disabled && _style.default.disabled),
                 key: settingName,
+                role: "group",
                 "aria-label": ariaLabel || title
               }, /*#__PURE__*/_react.default.createElement(_inputSwitch.default, _extends({}, switchProps, {
                 "aria-labelledby": `title-id-${settingName}`
@@ -643,6 +644,7 @@ class MoocHeader extends _react.default.Component {
       className: isMenuOpen ? _style.default.open : _style.default.header
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.logoWrapper, this.isMobile && isFocus && _style.default.logoWrapperMobileHidden),
+      role: "group",
       "aria-label": toolTipText,
       onMouseOver: this.handleOnMouseOver,
       onMouseLeave: this.handleOnMouseLeave
@@ -684,6 +686,7 @@ class MoocHeader extends _react.default.Component {
       src: logoUrl,
       alt: logoAriaLabel
     }), isToolTipOpen ? /*#__PURE__*/_react.default.createElement("div", {
+      role: "group",
       "aria-label": toolTipText,
       tabIndex: 0,
       "data-testid": "home-tooltip"