@coorpacademy/components 11.38.8-alpha.7 → 11.39.1-alpha.0

package/lib/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_uuid","_novaIcons","_provider","_tooltip","_button","_favorite","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop2","disabled","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","handleFavoriteClick","useCallback","stopPropagation","preventDefault","primaryColor","_get2","darkColor","brandColor","buttonRef","useRef","allowToolTip","useMemo","_isEmpty2","favoriteButtonAnchorId","useState","uuidV5","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has2","current","focus","handleMouseLeave","setTimeout","blur","useEffect","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","toggleStateOnKeyPress","iconWrapperClassName","classnames","style","selected","icon","createElement","NovaCompositionCoorpacademyCheck","checkIcon","color","width","height","removeFromFavorite","NovaCompositionNavigationMore","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  // Hide tooltip when favorite state changes\n  // This prevents showing stale tooltip content\n  useEffect(() => {\n    if (toolTipIsVisible) {\n      setToolTipIsVisible(false);\n    }\n    if (mouseLeaveTimer) {\n      clearTimeout(mouseLeaveTimer);\n      setMouseLeaveTimer(undefined);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [favorite]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"favorite.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_uuid","_novaIcons","_provider","_tooltip","_button","_favorite","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Favorite","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","onFavoriteClick","_noop2","disabled","legacyContext","skin","GetSkinFromContext","translate","GetTranslateFromContext","handleFavoriteClick","useCallback","stopPropagation","preventDefault","primaryColor","_get2","darkColor","brandColor","buttonRef","useRef","allowToolTip","useMemo","_isEmpty2","favoriteButtonAnchorId","useState","uuidV5","URL","undefined","toolTipContent","mouseLeaveTimer","setMouseLeaveTimer","toolTipIsVisible","setToolTipIsVisible","handleMouseOver","clearTimeout","_has2","current","focus","handleMouseLeave","setTimeout","blur","useEffect","hide","window","addEventListener","passive","removeEventListener","handleKeyPress","event","toggleStateOnKeyPress","iconWrapperClassName","classnames","style","selected","icon","createElement","NovaCompositionCoorpacademyCheck","checkIcon","color","width","height","removeFromFavorite","NovaCompositionNavigationMore","moreIcon","addToFavorite","favoriteWrapper","type","buttonContentClassName","onClick","onKeyDown","onMouseLeave","onMouseOver","tabIndex","useButtonTag","useWrapper","fontSize","anchorId","TooltipContent","closeToolTipInformationTextAriaLabel","stickyOnKeyboardNavigation","propTypes","process","env","NODE_ENV","PropTypes","string","bool","func","shape","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport {get, has, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip, {toggleStateOnKeyPress} from '../../atom/tooltip';\nimport Button from '../../atom/button';\nimport style from './favorite.css';\n\nconst Favorite = (\n  {\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    className,\n    'aria-label': ariaLabel = {},\n    onFavoriteClick = noop,\n    disabled\n  },\n  legacyContext\n) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n  const handleFavoriteClick = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (!disabled) onFavoriteClick(e);\n    },\n    [disabled, onFavoriteClick]\n  );\n\n  const primaryColor = get('common.primary', skin);\n  const darkColor = get('common.dark', skin);\n  const brandColor = get('common.brand', skin);\n\n  const buttonRef = useRef(null);\n\n  const allowToolTip = useMemo(\n    () => !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip),\n    [addFavoriteToolTip, removeFavoriteToolTip]\n  );\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [favoriteButtonAnchorId] = useState(\n    allowToolTip ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const toolTipContent = useMemo(\n    // eslint-disable-next-line no-nested-ternary\n    () => (allowToolTip ? (favorite ? removeFavoriteToolTip : addFavoriteToolTip) : null),\n    [addFavoriteToolTip, favorite, removeFavoriteToolTip, allowToolTip]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500)\n    );\n  }, []);\n\n  useEffect(() => {\n    if (!toolTipIsVisible) return;\n    const hide = () => setToolTipIsVisible(false);\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.addEventListener('scroll', hide, {passive: true});\n    return () => window.removeEventListener('scroll', hide);\n  }, [toolTipIsVisible]);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const iconWrapperClassName = useMemo(\n    () => classnames(style.favorite, className, favorite && style.selected),\n    [className, favorite]\n  );\n  const icon = useMemo(\n    () =>\n      favorite ? (\n        <CheckIcon\n          // eslint-disable-next-line css-modules/no-undef-class\n          className={style.checkIcon}\n          style={{color: brandColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-check-icon\"\n          aria-label={ariaLabel.removeFromFavorite}\n        />\n      ) : (\n        <MoreIcon\n          className={style.moreIcon}\n          style={{color: darkColor}}\n          width={13}\n          height={13}\n          data-testid=\"favorite-add-icon\"\n          aria-label={ariaLabel.addToFavorite}\n        />\n      ),\n    [ariaLabel.addToFavorite, ariaLabel.removeFromFavorite, brandColor, darkColor, favorite]\n  );\n\n  return (\n    <div className={style.favoriteWrapper} data-testid=\"favorite-wrapper\">\n      <Button\n        buttonRef={buttonRef}\n        type=\"button\"\n        data-for={favoriteButtonAnchorId}\n        data-tooltip-place=\"left\"\n        data-tip={allowToolTip}\n        data-name=\"favorite\"\n        data-testid=\"favorite-button\"\n        aria-label={ariaLabel.favorite}\n        buttonContentClassName={iconWrapperClassName}\n        onClick={handleFavoriteClick}\n        style={{\n          color: primaryColor\n        }}\n        onKeyDown={handleKeyPress}\n        onMouseLeave={handleMouseLeave}\n        onMouseOver={handleMouseOver}\n        tabIndex={0}\n        useButtonTag\n        useWrapper={false}\n      >\n        {icon}\n      </Button>\n      <ToolTip\n        fontSize={12}\n        anchorId={favoriteButtonAnchorId}\n        toolTipIsVisible={toolTipIsVisible}\n        TooltipContent={toolTipContent}\n        closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n        stickyOnKeyboardNavigation\n      />\n    </div>\n  );\n};\n\nFavorite.propTypes = {\n  className: PropTypes.string,\n  favorite: PropTypes.bool,\n  disabled: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onFavoriteClick: PropTypes.func,\n  'aria-label': PropTypes.shape({\n    favorite: PropTypes.string,\n    addToFavorite: PropTypes.string,\n    removeFromFavorite: PropTypes.string\n  })\n};\n\nFavorite.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default Favorite;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAIA,IAAAM,SAAA,GAAAP,uBAAA,CAAAC,OAAA;AACA,IAAAO,QAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,OAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,SAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAmC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAjB,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAEnC,MAAMmB,QAAQ,GAAGA,CACf;EACEC,QAAQ;EACRC,kBAAkB;EAClBC,qBAAqB;EACrBC,SAAS;EACT,YAAY,EAAEC,SAAS,GAAG,CAAC,CAAC;EAC5BC,eAAe,GAAAC,MAAA,CAAArB,OAAO;EACtBsB;AACF,CAAC,EACDC,aAAa,KACV;EACH,MAAMC,IAAI,GAAG,IAAAC,4BAAkB,EAACF,aAAa,CAAC;EAC9C,MAAMG,SAAS,GAAG,IAAAC,iCAAuB,EAACJ,aAAa,CAAC;EACxD,MAAMK,mBAAmB,GAAG,IAAAC,kBAAW,EACrClC,CAAC,IAAI;IACHA,CAAC,CAACmC,eAAe,CAAC,CAAC;IACnBnC,CAAC,CAACoC,cAAc,CAAC,CAAC;IAClB,IAAI,CAACT,QAAQ,EAAEF,eAAe,CAACzB,CAAC,CAAC;EACnC,CAAC,EACD,CAAC2B,QAAQ,EAAEF,eAAe,CAC5B,CAAC;EAED,MAAMY,YAAY,GAAG,IAAAC,KAAA,CAAAjC,OAAA,EAAI,gBAAgB,EAAEwB,IAAI,CAAC;EAChD,MAAMU,SAAS,GAAG,IAAAD,KAAA,CAAAjC,OAAA,EAAI,aAAa,EAAEwB,IAAI,CAAC;EAC1C,MAAMW,UAAU,GAAG,IAAAF,KAAA,CAAAjC,OAAA,EAAI,cAAc,EAAEwB,IAAI,CAAC;EAE5C,MAAMY,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE9B,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAM,CAAC,IAAAC,SAAA,CAAAxC,OAAA,EAAQiB,qBAAqB,CAAC,IAAI,CAAC,IAAAuB,SAAA,CAAAxC,OAAA,EAAQgB,kBAAkB,CAAC,EACrE,CAACA,kBAAkB,EAAEC,qBAAqB,CAC5C,CAAC;;EAED;EACA,MAAM,CAACwB,sBAAsB,CAAC,GAAG,IAAAC,eAAQ,EACvCJ,YAAY,GAAG,IAAAK,QAAM,EAAC,iBAAiB,EAAEA,QAAM,CAACC,GAAG,CAAC,GAAGC,SACzD,CAAC;EAED,MAAMC,cAAc,GAAG,IAAAP,cAAO;EAC5B;EACA,MAAOD,YAAY,GAAIvB,QAAQ,GAAGE,qBAAqB,GAAGD,kBAAkB,GAAI,IAAK,EACrF,CAACA,kBAAkB,EAAED,QAAQ,EAAEE,qBAAqB,EAAEqB,YAAY,CACpE,CAAC;EAED,MAAM,CAACS,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAN,eAAQ,EAACG,SAAS,CAAC;EAEjE,MAAM,CAACI,gBAAgB,EAAEC,mBAAmB,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAE/D,MAAMS,eAAe,GAAG,IAAAtB,kBAAW,EAAC,MAAM;IACxCkB,eAAe,IAAIK,YAAY,CAACL,eAAe,CAAC;IAChD;IAA2B,IAAAM,KAAA,CAAArD,OAAA,EAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAEoC,SAAS,CAAC,IAAIA,SAAS,CAACkB,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5FL,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACH,eAAe,CAAC,CAAC;EAErB,MAAMS,gBAAgB,GAAG,IAAA3B,kBAAW,EAAC,MAAM;IACzCmB,kBAAkB,CAChBS,UAAU,CAAC,MAAM;MACfP,mBAAmB,CAAC,KAAK,CAAC;MAC1B;MACA;MAA2B,IAAAG,KAAA,CAAArD,OAAA,EAAI,CAAC,SAAS,EAAE,MAAM,CAAC,EAAEoC,SAAS,CAAC,IAAIA,SAAS,CAACkB,OAAO,CAACI,IAAI,CAAC,CAAC;IAC5F,CAAC,EAAE,GAAG,CACR,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,gBAAgB,EAAE;IACvB,MAAMW,IAAI,GAAGA,CAAA,KAAMV,mBAAmB,CAAC,KAAK,CAAC;IAC7C,IAAI,OAAOW,MAAM,KAAK,WAAW,EAAE;MACjC;IACF;IACAA,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,IAAI,EAAE;MAACG,OAAO,EAAE;IAAI,CAAC,CAAC;IACxD,OAAO,MAAMF,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEJ,IAAI,CAAC;EACzD,CAAC,EAAE,CAACX,gBAAgB,CAAC,CAAC;EAEtB,MAAMgB,cAAc,GAAG,IAAApC,kBAAW,EAChCqC,KAAK,IAAI;IACP,IAAAC,8BAAqB,EAAClB,gBAAgB,EAAEC,mBAAmB,EAAEd,SAAS,CAAC,CAAC8B,KAAK,CAAC;EAChF,CAAC,EACD,CAACjB,gBAAgB,CACnB,CAAC;EAED,MAAMmB,oBAAoB,GAAG,IAAA7B,cAAO,EAClC,MAAM,IAAA8B,mBAAU,EAACC,iBAAK,CAACvD,QAAQ,EAAEG,SAAS,EAAEH,QAAQ,IAAIuD,iBAAK,CAACC,QAAQ,CAAC,EACvE,CAACrD,SAAS,EAAEH,QAAQ,CACtB,CAAC;EACD,MAAMyD,IAAI,GAAG,IAAAjC,cAAO,EAClB,MACExB,QAAQ,gBACNjC,MAAA,CAAAkB,OAAA,CAAAyE,aAAA,CAACpF,UAAA,CAAAqF;EACC;EAAA;IACAxD,SAAS,EAAEoD,iBAAK,CAACK,SAAU;IAC3BL,KAAK,EAAE;MAACM,KAAK,EAAEzC;IAAU,CAAE;IAC3B0C,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,qBAAqB;IACjC,cAAY3D,SAAS,CAAC4D;EAAmB,CAC1C,CAAC,gBAEFjG,MAAA,CAAAkB,OAAA,CAAAyE,aAAA,CAACpF,UAAA,CAAA2F,6BAAQ;IACP9D,SAAS,EAAEoD,iBAAK,CAACW,QAAS;IAC1BX,KAAK,EAAE;MAACM,KAAK,EAAE1C;IAAS,CAAE;IAC1B2C,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,mBAAmB;IAC/B,cAAY3D,SAAS,CAAC+D;EAAc,CACrC,CACF,EACH,CAAC/D,SAAS,CAAC+D,aAAa,EAAE/D,SAAS,CAAC4D,kBAAkB,EAAE5C,UAAU,EAAED,SAAS,EAAEnB,QAAQ,CACzF,CAAC;EAED,oBACEjC,MAAA,CAAAkB,OAAA,CAAAyE,aAAA;IAAKvD,SAAS,EAAEoD,iBAAK,CAACa,eAAgB;IAAC,eAAY;EAAkB,gBACnErG,MAAA,CAAAkB,OAAA,CAAAyE,aAAA,CAACjF,OAAA,CAAAQ,OAAM;IACLoC,SAAS,EAAEA,SAAU;IACrBgD,IAAI,EAAC,QAAQ;IACb,YAAU3C,sBAAuB;IACjC,sBAAmB,MAAM;IACzB,YAAUH,YAAa;IACvB,aAAU,UAAU;IACpB,eAAY,iBAAiB;IAC7B,cAAYnB,SAAS,CAACJ,QAAS;IAC/BsE,sBAAsB,EAAEjB,oBAAqB;IAC7CkB,OAAO,EAAE1D,mBAAoB;IAC7B0C,KAAK,EAAE;MACLM,KAAK,EAAE5C;IACT,CAAE;IACFuD,SAAS,EAAEtB,cAAe;IAC1BuB,YAAY,EAAEhC,gBAAiB;IAC/BiC,WAAW,EAAEtC,eAAgB;IAC7BuC,QAAQ,EAAE,CAAE;IACZC,YAAY;IACZC,UAAU,EAAE;EAAM,GAEjBpB,IACK,CAAC,eACT1F,MAAA,CAAAkB,OAAA,CAAAyE,aAAA,CAAClF,QAAA,CAAAS,OAAO;IACN6F,QAAQ,EAAE,EAAG;IACbC,QAAQ,EAAErD,sBAAuB;IACjCQ,gBAAgB,EAAEA,gBAAiB;IACnC8C,cAAc,EAAEjD,cAAe;IAC/BkD,oCAAoC,EAAEtE,SAAS,CAAC,2BAA2B,CAAE;IAC7EuE,0BAA0B;EAAA,CAC3B,CACE,CAAC;AAEV,CAAC;AAEDnF,QAAQ,CAACoF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBnF,SAAS,EAAEoF,kBAAS,CAACC,MAAM;EAC3BxF,QAAQ,EAAEuF,kBAAS,CAACE,IAAI;EACxBlF,QAAQ,EAAEgF,kBAAS,CAACE,IAAI;EACxBxF,kBAAkB,EAAEsF,kBAAS,CAACC,MAAM;EACpCtF,qBAAqB,EAAEqF,kBAAS,CAACC,MAAM;EACvCnF,eAAe,EAAEkF,kBAAS,CAACG,IAAI;EAC/B,YAAY,EAAEH,kBAAS,CAACI,KAAK,CAAC;IAC5B3F,QAAQ,EAAEuF,kBAAS,CAACC,MAAM;IAC1BrB,aAAa,EAAEoB,kBAAS,CAACC,MAAM;IAC/BxB,kBAAkB,EAAEuB,kBAAS,CAACC;EAChC,CAAC;AACH,CAAC;AAEDzF,QAAQ,CAAC6F,YAAY,GAAG;EACtBnF,IAAI,EAAEoF,iBAAQ,CAACC,iBAAiB,CAACrF,IAAI;EACrCE,SAAS,EAAEkF,iBAAQ,CAACC,iBAAiB,CAACnF;AACxC,CAAC;AAAC,IAAAoF,QAAA,GAAAC,OAAA,CAAA/G,OAAA,GAEac,QAAQ","ignoreList":[]}

package/lib/molecule/course-sections/index.d.ts

@@ -41,7 +41,6 @@ declare namespace CourseSections {
                 placeholder: PropTypes.Requireable<string>;
                 defaultValue: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;

package/lib/molecule/drag-and-drop/index.d.ts

@@ -44,7 +44,6 @@ export namespace DragAndDrop {
             defaultValue: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;

package/lib/molecule/drag-and-drop/upload-report.d.ts

@@ -25,7 +25,6 @@ export namespace UploadReport {
             defaultValue: PropTypes.Requireable<string>;
             theme: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;

package/lib/molecule/filters/index.d.ts

@@ -17,7 +17,6 @@ declare class Filters extends React.Component<any, any, any> {
             className: PropTypes.Requireable<string>;
             borderClassName: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             multiple: PropTypes.Requireable<boolean>;
             description: PropTypes.Requireable<string>;
             required: PropTypes.Requireable<boolean>;

package/lib/molecule/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/filters/index.js"],"names":[],"mappings":";AASA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBASC;IAPC;;;MAGC;IAMH,yBAcC;IAED,uBAYC;IAED,qBAOC;IAED,sBA4FC;CACF"}

package/lib/molecule/skill-picker-modal/index.js

@@ -37,7 +37,7 @@ const SkillPickerModal = (props, context) => {
   const detectScrollbar = true;
   const [sortedSkills, setSortedSkills] = (0, _react.useState)((0, _sortBy2.default)(skill => skillsLocales[skill], skills));
   const [currentSort, setCurrentSort] = (0, _react.useState)('alphabetical');
-  const [selectedSkillList, setSelectedSkillList] = (0, _react.useState)(selectedSkills || []);
+  const [selectedSkillList, setSelectedSkillList] = (0, _react.useState)(selectedSkills);
   const handleCancel = (0, _react.useCallback)(() => {
     setSelectedSkillList(selectedSkills);
     onCancel();

package/lib/molecule/skill-picker-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_chip","_loader","_select","_provider","_style","_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","SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","skillsScore","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","detectScrollbar","sortedSkills","setSortedSkills","useState","_sortBy2","skill","currentSort","setCurrentSort","selectedSkillList","setSelectedSkillList","handleCancel","useCallback","handleClose","skillProgressAvailable","_some2","skillList","useMemo","map","skillTitle","skillRef","focus","includes","score","isError","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","sorting","theme","options","value","name","selected","onChange","useEffect","prev","createElement","title","description","headerIcon","backgroundColor","className","style","skillPickerContainer","loaderContainer","loader","Fragment","ctaWrapper","sortWrapper","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","_filter2","selectedSkill","subText","toFixed","onClick","key","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","string","objectOf","number","bool","func","_default","exports"],"sources":["../../../src/molecule/skill-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, some, sortBy} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport Chip from '../../atom/chip';\nimport Loader from '../../atom/loader';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SkillPickerModal = (props, context) => {\n  const {\n    skills,\n    selectedSkills,\n    skillsLocales,\n    skillsScore,\n    isOpen,\n    isLoading,\n    maxSelectedSkills = 6,\n    minSelectedSkills = 3,\n    onCancel,\n    onConfirm,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n  const [sortedSkills, setSortedSkills] = useState(sortBy(skill => skillsLocales[skill], skills));\n  const [currentSort, setCurrentSort] = useState('alphabetical');\n  const [selectedSkillList, setSelectedSkillList] = useState(selectedSkills || []);\n\n  const handleCancel = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onCancel();\n  }, [setSelectedSkillList, selectedSkills, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onClose();\n  }, [setSelectedSkillList, selectedSkills, onClose]);\n\n  const skillProgressAvailable = some(skill => skillsScore[skill] > 0, skills);\n\n  const skillList = useMemo(() => {\n    return sortedSkills.map(skill => {\n      return {\n        skillTitle: skillsLocales[skill],\n        skillRef: skill,\n        focus: selectedSkillList.includes(skill),\n        score: skillsScore[skill]\n      };\n    });\n  }, [sortedSkills, selectedSkillList, skillsLocales, skillsScore]);\n\n  const isError = useMemo(\n    () =>\n      selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills,\n    [selectedSkillList, maxSelectedSkills, minSelectedSkills]\n  );\n\n  const footer = useMemo(() => {\n    const footerDescription =\n      selectedSkillList.length > maxSelectedSkills\n        ? translate('skill_focus_footer_error_description', {\n            skillNumber: selectedSkillList.length - maxSelectedSkills\n          })\n        : translate('skill_focus_footer_description', {\n            skillNumber: minSelectedSkills - selectedSkillList.length\n          });\n    return {\n      text: isLoading || !isError ? '' : footerDescription,\n      isError,\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel'),\n        disabled: isLoading || isError\n      },\n      confirmButton: {\n        onConfirm: () => onConfirm(selectedSkillList),\n        label: translate('confirm'),\n        iconName: 'circle-check',\n        disabled: isLoading || isError\n      }\n    };\n  }, [\n    isError,\n    handleCancel,\n    onConfirm,\n    translate,\n    selectedSkillList,\n    isLoading,\n    maxSelectedSkills,\n    minSelectedSkills\n  ]);\n\n  const sorting = useMemo(\n    () => ({\n      theme: 'skillDetail',\n      options: ['alphabetical', 'progress'].map(value => ({\n        name: value === 'progress' ? translate('progress') : translate('alphabetical'),\n        value,\n        selected: currentSort === value\n      })),\n      onChange: value => setCurrentSort(value)\n    }),\n    [currentSort, translate]\n  );\n\n  useEffect(() => {\n    // eslint-disable-next-line lodash-fp/no-extraneous-function-wrapping\n    setSortedSkills(prev =>\n      sortBy(\n        skill => (currentSort === 'progress' ? -skillsScore[skill] : skillsLocales[skill]),\n        prev\n      )\n    );\n  }, [currentSort, skillsScore, skillsLocales, setSortedSkills]);\n\n  if ((!isLoading && !skills) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('skill_focus')}\n      description={translate('skill_focus_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'bullseye-arrow',\n        backgroundColor: '#DDD1FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.skillPickerContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.ctaWrapper}>\n              <div>{`${selectedSkillList.length} ${translate('selected')}`}</div>\n              {skillProgressAvailable ? (\n                <div className={style.sortWrapper}>\n                  {translate('sort_by')}\n                  <Select {...sorting} aria-label=\"All courses sort\" />\n                </div>\n              ) : null}\n            </div>\n            <div style={{display: 'flex', gap: '16px', flexWrap: 'wrap'}}>\n              {skillList.map((skill, index) => {\n                const {skillTitle, skillRef, focus, score} = skill;\n                function handleChipClick() {\n                  const newSelectedSkillList = focus\n                    ? filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList)\n                    : [...selectedSkillList, skill.skillRef];\n                  setSelectedSkillList(newSelectedSkillList);\n                }\n\n                return (\n                  <Chip\n                    {...(skillProgressAvailable ? {subText: `${score.toFixed(1)}%`} : {})}\n                    text={skillTitle}\n                    selected={focus}\n                    onClick={handleChipClick}\n                    key={index}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nSkillPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSkillPickerModal.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  skillsScore: PropTypes.objectOf(PropTypes.number),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  minSelectedSkills: PropTypes.number,\n  maxSelectedSkills: PropTypes.number,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default SkillPickerModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_chip","_loader","_select","_provider","_style","_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","SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","skillsScore","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","detectScrollbar","sortedSkills","setSortedSkills","useState","_sortBy2","skill","currentSort","setCurrentSort","selectedSkillList","setSelectedSkillList","handleCancel","useCallback","handleClose","skillProgressAvailable","_some2","skillList","useMemo","map","skillTitle","skillRef","focus","includes","score","isError","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","sorting","theme","options","value","name","selected","onChange","useEffect","prev","createElement","title","description","headerIcon","backgroundColor","className","style","skillPickerContainer","loaderContainer","loader","Fragment","ctaWrapper","sortWrapper","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","_filter2","selectedSkill","subText","toFixed","onClick","key","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","string","objectOf","number","bool","func","_default","exports"],"sources":["../../../src/molecule/skill-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {filter, some, sortBy} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport Chip from '../../atom/chip';\nimport Loader from '../../atom/loader';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SkillPickerModal = (props, context) => {\n  const {\n    skills,\n    selectedSkills,\n    skillsLocales,\n    skillsScore,\n    isOpen,\n    isLoading,\n    maxSelectedSkills = 6,\n    minSelectedSkills = 3,\n    onCancel,\n    onConfirm,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n  const [sortedSkills, setSortedSkills] = useState(sortBy(skill => skillsLocales[skill], skills));\n  const [currentSort, setCurrentSort] = useState('alphabetical');\n  const [selectedSkillList, setSelectedSkillList] = useState(selectedSkills);\n\n  const handleCancel = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onCancel();\n  }, [setSelectedSkillList, selectedSkills, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onClose();\n  }, [setSelectedSkillList, selectedSkills, onClose]);\n\n  const skillProgressAvailable = some(skill => skillsScore[skill] > 0, skills);\n\n  const skillList = useMemo(() => {\n    return sortedSkills.map(skill => {\n      return {\n        skillTitle: skillsLocales[skill],\n        skillRef: skill,\n        focus: selectedSkillList.includes(skill),\n        score: skillsScore[skill]\n      };\n    });\n  }, [sortedSkills, selectedSkillList, skillsLocales, skillsScore]);\n\n  const isError = useMemo(\n    () =>\n      selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills,\n    [selectedSkillList, maxSelectedSkills, minSelectedSkills]\n  );\n\n  const footer = useMemo(() => {\n    const footerDescription =\n      selectedSkillList.length > maxSelectedSkills\n        ? translate('skill_focus_footer_error_description', {\n            skillNumber: selectedSkillList.length - maxSelectedSkills\n          })\n        : translate('skill_focus_footer_description', {\n            skillNumber: minSelectedSkills - selectedSkillList.length\n          });\n    return {\n      text: isLoading || !isError ? '' : footerDescription,\n      isError,\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel'),\n        disabled: isLoading || isError\n      },\n      confirmButton: {\n        onConfirm: () => onConfirm(selectedSkillList),\n        label: translate('confirm'),\n        iconName: 'circle-check',\n        disabled: isLoading || isError\n      }\n    };\n  }, [\n    isError,\n    handleCancel,\n    onConfirm,\n    translate,\n    selectedSkillList,\n    isLoading,\n    maxSelectedSkills,\n    minSelectedSkills\n  ]);\n\n  const sorting = useMemo(\n    () => ({\n      theme: 'skillDetail',\n      options: ['alphabetical', 'progress'].map(value => ({\n        name: value === 'progress' ? translate('progress') : translate('alphabetical'),\n        value,\n        selected: currentSort === value\n      })),\n      onChange: value => setCurrentSort(value)\n    }),\n    [currentSort, translate]\n  );\n\n  useEffect(() => {\n    // eslint-disable-next-line lodash-fp/no-extraneous-function-wrapping\n    setSortedSkills(prev =>\n      sortBy(\n        skill => (currentSort === 'progress' ? -skillsScore[skill] : skillsLocales[skill]),\n        prev\n      )\n    );\n  }, [currentSort, skillsScore, skillsLocales, setSortedSkills]);\n\n  if ((!isLoading && !skills) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('skill_focus')}\n      description={translate('skill_focus_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'bullseye-arrow',\n        backgroundColor: '#DDD1FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.skillPickerContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div className={style.ctaWrapper}>\n              <div>{`${selectedSkillList.length} ${translate('selected')}`}</div>\n              {skillProgressAvailable ? (\n                <div className={style.sortWrapper}>\n                  {translate('sort_by')}\n                  <Select {...sorting} aria-label=\"All courses sort\" />\n                </div>\n              ) : null}\n            </div>\n            <div style={{display: 'flex', gap: '16px', flexWrap: 'wrap'}}>\n              {skillList.map((skill, index) => {\n                const {skillTitle, skillRef, focus, score} = skill;\n                function handleChipClick() {\n                  const newSelectedSkillList = focus\n                    ? filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList)\n                    : [...selectedSkillList, skill.skillRef];\n                  setSelectedSkillList(newSelectedSkillList);\n                }\n\n                return (\n                  <Chip\n                    {...(skillProgressAvailable ? {subText: `${score.toFixed(1)}%`} : {})}\n                    text={skillTitle}\n                    selected={focus}\n                    onClick={handleChipClick}\n                    key={index}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nSkillPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSkillPickerModal.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  skillsScore: PropTypes.objectOf(PropTypes.number),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  minSelectedSkills: PropTypes.number,\n  maxSelectedSkills: PropTypes.number,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default SkillPickerModal;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -97,7 +97,6 @@ declare namespace TitleAndCheckBoxWrapper {
                 placeholder: PropTypes.Requireable<string>;
                 defaultValue: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;

package/lib/molecule/translation-modal/index.d.ts

@@ -18,7 +18,6 @@ declare namespace TranslationModal {
                 placeholder: PropTypes.Requireable<string>;
                 defaultValue: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;
@@ -37,7 +36,6 @@ declare namespace TranslationModal {
                 title: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;
@@ -56,7 +54,6 @@ declare namespace TranslationModal {
                 placeholder: PropTypes.Requireable<string>;
                 defaultValue: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;
@@ -75,7 +72,6 @@ declare namespace TranslationModal {
                 title: PropTypes.Requireable<string>;
                 name: PropTypes.Requireable<string>;
                 disabled: PropTypes.Requireable<boolean>;
-                readOnly: PropTypes.Requireable<boolean>;
                 value: PropTypes.Requireable<string>;
                 hint: PropTypes.Requireable<string>;
                 error: PropTypes.Requireable<string>;

package/lib/molecule/translation-modal/index.js

@@ -18,16 +18,16 @@ const renderInputGroup = ({
   title,
   inputProps,
   textAreaProps,
-  readOnly
+  disabled
 }) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.inputGroup
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title
   }, title), /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({}, inputProps, {
-    readOnly: readOnly
+    disabled: disabled
   })), /*#__PURE__*/_react.default.createElement(_inputTextarea.default, _extends({}, textAreaProps, {
-    readOnly: readOnly
+    disabled: disabled
   })));
 };
 const TranslationModal = (props, context) => {
@@ -70,7 +70,7 @@ const TranslationModal = (props, context) => {
         confirmButton: {
           onConfirm,
           label: translate('confirm'),
-          iconName: 'check',
+          iconName: 'plus',
           disabled,
           color: _colors.COLORS.cm_primary_blue
         }
@@ -97,14 +97,14 @@ const TranslationModal = (props, context) => {
     title: inputLanguage,
     inputProps: sourceInputText,
     textAreaProps: sourceTextArea,
-    readOnly: true
+    disabled: true
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.separator
   }), renderInputGroup({
     title: outputLanguage,
     inputProps: targetInputText,
     textAreaProps: targetTextArea,
-    readOnly: readOnly
+    disabled: readOnly
   }))));
 };
 TranslationModal.contextTypes = {

package/lib/molecule/translation-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_provider","_colors","_inputText","_inputTextarea","_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","renderInputGroup","title","inputProps","textAreaProps","readOnly","createElement","className","style","inputGroup","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","disabled","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","translate","detectScrollbar","handleCancel","useCallback","handleClose","footer","useMemo","cancelButton","label","confirmButton","iconName","color","COLORS","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","shape","InputText","theme","string","TextArea","_default","exports"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, readOnly}) => {\n  return (\n    <div className={style.inputGroup}>\n      <div className={style.title}>{title}</div>\n      <InputText {...inputProps} readOnly={readOnly} />\n      <TextArea {...textAreaProps} readOnly={readOnly} />\n    </div>\n  );\n};\n\nconst TranslationModal = (props, context) => {\n  const {\n    isOpen,\n    onCancel,\n    onConfirm,\n    onClose,\n    disabled = false,\n    source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n    target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage},\n    readOnly = false\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const footer = useMemo(() => {\n    const cancelButton = {\n      onCancel: handleCancel,\n      label: translate(readOnly ? 'close' : 'cancel')\n    };\n    return {\n      cancelButton,\n      ...(!readOnly && {\n        confirmButton: {\n          onConfirm,\n          label: translate('confirm'),\n          iconName: 'check',\n          disabled,\n          color: COLORS.cm_primary_blue\n        }\n      })\n    };\n  }, [handleCancel, onConfirm, translate, readOnly, disabled]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('translation_title')}\n      description={translate('translation_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'language',\n        backgroundColor: '#D6E6FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.translationModal}>\n        <div className={style.horizontalSection}>\n          {renderInputGroup({\n            title: inputLanguage,\n            inputProps: sourceInputText,\n            textAreaProps: sourceTextArea,\n            readOnly: true\n          })}\n\n          <div className={style.separator} />\n\n          {renderInputGroup({\n            title: outputLanguage,\n            inputProps: targetInputText,\n            textAreaProps: targetTextArea,\n            readOnly: readOnly\n          })}\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nTranslationModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  disabled: PropTypes.bool,\n  source: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    inputLanguage: PropTypes.string\n  }),\n  target: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    language: PropTypes.string\n  }),\n  readOnly: PropTypes.bool\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_provider","_colors","_inputText","_inputTextarea","_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","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","style","inputGroup","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","readOnly","translate","detectScrollbar","handleCancel","useCallback","handleClose","footer","useMemo","cancelButton","label","confirmButton","iconName","color","COLORS","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","shape","InputText","theme","string","TextArea","_default","exports"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n  return (\n    <div className={style.inputGroup}>\n      <div className={style.title}>{title}</div>\n      <InputText {...inputProps} disabled={disabled} />\n      <TextArea {...textAreaProps} disabled={disabled} />\n    </div>\n  );\n};\n\nconst TranslationModal = (props, context) => {\n  const {\n    isOpen,\n    onCancel,\n    onConfirm,\n    onClose,\n    disabled = false,\n    source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n    target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage},\n    readOnly = false\n  } = props;\n  const {translate} = context;\n\n  const detectScrollbar = true;\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const footer = useMemo(() => {\n    const cancelButton = {\n      onCancel: handleCancel,\n      label: translate(readOnly ? 'close' : 'cancel')\n    };\n    return {\n      cancelButton,\n      ...(!readOnly && {\n        confirmButton: {\n          onConfirm,\n          label: translate('confirm'),\n          iconName: 'plus',\n          disabled,\n          color: COLORS.cm_primary_blue\n        }\n      })\n    };\n  }, [handleCancel, onConfirm, translate, readOnly, disabled]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('translation_title')}\n      description={translate('translation_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'language',\n        backgroundColor: '#D6E6FF'\n      }}\n      detectScrollbar={detectScrollbar}\n    >\n      <div className={style.translationModal}>\n        <div className={style.horizontalSection}>\n          {renderInputGroup({\n            title: inputLanguage,\n            inputProps: sourceInputText,\n            textAreaProps: sourceTextArea,\n            disabled: true\n          })}\n\n          <div className={style.separator} />\n\n          {renderInputGroup({\n            title: outputLanguage,\n            inputProps: targetInputText,\n            textAreaProps: targetTextArea,\n            disabled: readOnly\n          })}\n        </div>\n      </div>\n    </BaseModal>\n  );\n};\n\nTranslationModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func,\n  disabled: PropTypes.bool,\n  source: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    inputLanguage: PropTypes.string\n  }),\n  target: PropTypes.shape({\n    inputText: PropTypes.shape({\n      ...InputText.propTypes,\n      theme: PropTypes.string\n    }),\n    textArea: PropTypes.shape({\n      ...TextArea.propTypes,\n      theme: PropTypes.string\n    }),\n    language: PropTypes.string\n  }),\n  readOnly: PropTypes.bool\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}

package/lib/organism/content-translation/index.d.ts

@@ -16,7 +16,6 @@ declare namespace PlayListTranslation {
             placeholder: PropTypes.Requireable<string>;
             defaultValue: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;
@@ -35,7 +34,6 @@ declare namespace PlayListTranslation {
             title: PropTypes.Requireable<string>;
             name: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;

package/lib/organism/header-with-actions/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { HeaderWithActionsProps } from './types';
 declare const HeaderWithActions: {
-    (props: HeaderWithActionsProps): JSX.Element;
+    (props: HeaderWithActionsProps): JSX.Element | null;
     propTypes: {
         closeButton: import("prop-types").Requireable<import("prop-types").InferProps<{
             'aria-label': import("prop-types").Requireable<string>;
@@ -36,6 +36,7 @@ declare const HeaderWithActions: {
             buttonAriaLabel: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Validator<boolean>;
         }>>;
+        isFetching: import("prop-types").Requireable<boolean>;
     };
 };
 export default HeaderWithActions;

package/lib/organism/header-with-actions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAOA,OAAmC,EACjC,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAuEjB,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/index.tsx"],"names":[],"mappings":";AAOA,OAAmC,EACjC,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAuEjB,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

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

@@ -93,9 +93,10 @@ const HeaderWithActions = props => {
     tag,
     saveStatus,
     bulletPointMenuButton,
-    actionButtons
+    actionButtons,
+    isFetching
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return !isFetching ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.headerWrapper,
     "data-name": getDataName('wrapper')
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -126,7 +127,7 @@ const HeaderWithActions = props => {
     return /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buildActionButton(action), {
       key: key
     }));
-  }, actionButtons)));
+  }, actionButtons))) : null;
 };
 HeaderWithActions.propTypes = process.env.NODE_ENV !== "production" ? _types.default : {};
 var _default = exports.default = HeaderWithActions;

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","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 {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\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  );\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 {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons, isFetching} =\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":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,IAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,sBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AAKA,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AACvE;AACA,MAAMC,WAAW,GAAGC,YAAG,CAACC,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,gBAAgB,GAAGA,CAAC;EAACC,OAAO;EAAEC;AAAmD,CAAC,KAAK;EAC3F,OAAO;IACLC,IAAI,EAAE,SAAS;IACfC,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,cAAc;IAC3B,YAAY,EAAEF,SAAS;IACvBD;EACF,CAAC;AACH,CAAC;AAED,MAAMI,eAAe,GAAGA,CAAC;EAACC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAER;AAAwB,CAAC,KAAK;EAC5F,OAAO;IACL,WAAW,EAAEK,QAAQ;IACrBC,KAAK;IACLG,cAAc,EAAE,UAAU;IAC1BN,IAAI,EAAE;MACJO,QAAQ,EAAE,MAAe;MACzBC,MAAM,EAAE;QACNC,IAAI,EAAEL,QAAQ;QACdM,KAAK,EAAEL,SAAS;QAChBN,IAAI,EAAE;MACR;IACF,CAAC;IACDF,OAAO;IACPc,IAAI,EAAEP,QAAQ,KAAK,OAAO,GAAG,eAAe,GAAG;EACjD,CAAC;AACH,CAAC;AAED,MAAMQ,iBAAiB,GAAGA,CAAC;EACzBD,IAAI;EACJR,KAAK;EACLN,OAAO;EACPgB,QAAQ;EACRT,QAAQ;EACRC;AACiB,CAAC,KAAK;EACvB,MAAMS,IAAI,GAAG;IACXH,IAAI;IACJR,KAAK;IACLN,OAAO;IACPgB,QAAQ;IACRE,WAAW,EAAE;MACXC,UAAU,EAAE,KAAK;MACjBC,YAAY,EAAE;IAChB;EACF,CAAC;EAED,IAAIb,QAAQ,IAAIC,SAAS,EAAE;IACzB,OAAO;MACL,GAAGS,IAAI;MACPd,IAAI,EAAE;QACJO,QAAQ,EAAE,MAAe;QACzBC,MAAM,EAAE;UACNC,IAAI,EAAEL,QAAQ;UACdM,KAAK,EAAEL,SAAS;UAChBN,IAAI,EAAE;QACR;MACF;IACF,CAAC;EACH;EAEA,OAAOe,IAAI;AACb,CAAC;AAED,MAAMI,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC,aAAa;IAAEC;EAAU,CAAC,GAC3FP,KAAK;EAEP,OAAO,CAACO,UAAU,gBAChB9D,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC,aAAc;IAAC,aAAWxC,WAAW,CAAC,SAAS;EAAE,gBACrE1B,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IACEC,SAAS,EAAEC,cAAK,CAACE,qBAAsB;IACvC,aAAWzC,WAAW,CAAC,0BAA0B;EAAE,gBAEnD1B,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAACzD,eAAA,CAAAO,OAAc,EAAAC,QAAA,KACTkB,gBAAgB,CAAC;IACnBC,OAAO,EAAEuB,WAAW,CAACvB,OAAO;IAC5BC,SAAS,EAAEsB,WAAW,CAAC,YAAY;EACrC,CAAC,CAAC;IACFQ,SAAS,EAAEC,cAAK,CAACG;EAAO,EACzB,CAAC,eACFpE,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACI;EAAa,gBACjCrE,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACK;EAAc,gBAClCtE,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAACxD,IAAA,CAAAM,OAAG,EAAK6C,GAAM,CAAC,EACfC,UAAU,CAACY,OAAO,IAAIZ,UAAU,CAACpB,KAAK,gBACrCvC,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IAAGC,SAAS,EAAEC,cAAK,CAACN;EAAW,GAAEA,UAAU,CAACpB,KAAS,CAAC,GACpD,IACD,CAAC,eACNvC,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IAAIC,SAAS,EAAEC,cAAK,CAACR,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAW/B,WAAW,CAAC,OAAO;EAAE,GAC5E+B,KACC,CACD,CACF,CAAC,eACNzD,MAAA,CAAAa,OAAA,CAAAkD,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACO,cAAe;IAAC,aAAW9C,WAAW,CAAC,iBAAiB;EAAE,GAC7EkC,qBAAqB,IAAI,CAAC,IAAAa,gBAAO,EAACb,qBAAqB,CAACc,OAAO,CAAC,gBAC/D1E,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAACvD,sBAAA,CAAAK,OAAqB,EAAAC,QAAA,KAChB8C,qBAAqB;IACzBc,OAAO,EAAE9C,WAAW,CAACS,eAAe,EAAEuB,qBAAqB,CAACc,OAAO,CAAE;IACrE,aAAWhD,WAAW,CAAC,0BAA0B;EAAE,EACpD,CAAC,GACA,IAAI,EACPE,WAAW,CAAC,CAAC+C,MAAyB,EAAEC,GAAW,KAAK;IACvD,oBAAO5E,MAAA,CAAAa,OAAA,CAAAkD,aAAA,CAAC1D,WAAA,CAAAQ,OAAU,EAAAC,QAAA,KAAKkC,iBAAiB,CAAC2B,MAAM,CAAC;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAChE,CAAC,EAAEf,aAAa,CACb,CACF,CAAC,GACJ,IAAI;AACV,CAAC;AAEDP,iBAAiB,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGC,cAA0B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtE,OAAA,GAE1CyC,iBAAiB","ignoreList":[]}

package/lib/organism/header-with-actions/types.d.ts

@@ -33,6 +33,7 @@ declare const HeaderWithActionsPropTypes: {
         buttonAriaLabel: PropTypes.Requireable<string>;
         disabled: PropTypes.Validator<boolean>;
     }>>;
+    isFetching: PropTypes.Requireable<boolean>;
 };
 export default HeaderWithActionsPropTypes;
 declare type TagProps = {
@@ -75,6 +76,7 @@ export declare type HeaderWithActionsProps = {
     saveStatus: SaveStatusProps;
     actionButtons: ButtonActionProps[];
     bulletPointMenuButton?: BulletPointMenuButtonProps;
+    isFetching?: boolean;
 };
 export declare type HeaderWithActionsPropsFixture = {
     props: HeaderWithActionsProps;

package/lib/organism/header-with-actions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;CACpD,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAmBnC,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}

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

@@ -39,7 +39,8 @@ const HeaderWithActionsPropTypes = {
     buttons: _propTypes.default.arrayOf(_propTypes.default.shape(ButtonMenuPropTypes)).isRequired,
     buttonAriaLabel: _propTypes.default.string,
     disabled: _propTypes.default.bool.isRequired
-  })
+  }),
+  isFetching: _propTypes.default.bool
 };
 var _default = exports.default = HeaderWithActionsPropTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","ButtonMenuPropTypes","dataName","PropTypes","string","label","isRequired","iconName","iconColor","onClick","func","ButtonActionPropTypes","type","oneOf","disabled","bool","HeaderWithActionsPropTypes","closeButton","shape","title","tag","size","saveStatus","display","actionButtons","arrayOf","bulletPointMenuButton","buttons","buttonAriaLabel","_default","exports"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ButtonMenuPropTypes = {\n  dataName: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nconst ButtonActionPropTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary']).isRequired,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  iconName: PropTypes.string,\n  iconColor: PropTypes.string\n};\n\nconst HeaderWithActionsPropTypes = {\n  closeButton: PropTypes.shape({\n    'aria-label': PropTypes.string,\n    onClick: PropTypes.func.isRequired\n  }),\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.shape({\n    label: PropTypes.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,\n    type: PropTypes.oneOf(['success', 'progress', 'warning']).isRequired,\n    size: PropTypes.string.isRequired\n  }).isRequired,\n  saveStatus: PropTypes.shape({\n    display: PropTypes.bool.isRequired,\n    label: PropTypes.oneOf(['Unsaved changes', 'Saved'])\n  }).isRequired,\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonActionPropTypes)).isRequired,\n  bulletPointMenuButton: PropTypes.shape({\n    buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,\n    buttonAriaLabel: PropTypes.string,\n    disabled: PropTypes.bool.isRequired\n  })\n};\n\nexport default HeaderWithActionsPropTypes;\n\ntype TagProps = {\n  label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';\n  type: 'success' | 'progress' | 'warning';\n  size: string;\n};\n\ntype SaveStatusProps = {\n  display: boolean;\n  label?: 'Unsaved changes' | 'Saved';\n};\n\ntype CloseButtonProps = {\n  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type ButtonMenuProps = {\n  dataName: string;\n  label: string;\n  iconName: string;\n  iconColor: string;\n  onClick: () => void;\n};\n\ntype BulletPointMenuButtonProps = {\n  buttons: ButtonMenuProps[];\n  buttonAriaLabel?: string;\n  disabled: boolean;\n};\n\nexport type ButtonActionProps = {\n  type: 'primary' | 'secondary';\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n  iconName?: string;\n  iconColor?: string;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonActionProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,mBAAmB,GAAG;EAC1BC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,KAAK,EAAEF,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCC,QAAQ,EAAEJ,kBAAS,CAACC,MAAM,CAACE,UAAU;EACrCE,SAAS,EAAEL,kBAAS,CAACC,MAAM,CAACE,UAAU;EACtCG,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACJ;AAC1B,CAAC;AAED,MAAMK,qBAAqB,GAAG;EAC5BC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAACP,UAAU;EAC1DD,KAAK,EAAEF,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCG,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACJ,UAAU;EAClCQ,QAAQ,EAAEX,kBAAS,CAACY,IAAI;EACxBR,QAAQ,EAAEJ,kBAAS,CAACC,MAAM;EAC1BI,SAAS,EAAEL,kBAAS,CAACC;AACvB,CAAC;AAED,MAAMY,0BAA0B,GAAG;EACjCC,WAAW,EAAEd,kBAAS,CAACe,KAAK,CAAC;IAC3B,YAAY,EAAEf,kBAAS,CAACC,MAAM;IAC9BK,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACJ;EAC1B,CAAC,CAAC;EACFa,KAAK,EAAEhB,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCc,GAAG,EAAEjB,kBAAS,CAACe,KAAK,CAAC;IACnBb,KAAK,EAAEF,kBAAS,CAACU,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACP,UAAU;IACxFM,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACP,UAAU;IACpEe,IAAI,EAAElB,kBAAS,CAACC,MAAM,CAACE;EACzB,CAAC,CAAC,CAACA,UAAU;EACbgB,UAAU,EAAEnB,kBAAS,CAACe,KAAK,CAAC;IAC1BK,OAAO,EAAEpB,kBAAS,CAACY,IAAI,CAACT,UAAU;IAClCD,KAAK,EAAEF,kBAAS,CAACU,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACP,UAAU;EACbkB,aAAa,EAAErB,kBAAS,CAACsB,OAAO,CAACtB,kBAAS,CAACe,KAAK,CAACP,qBAAqB,CAAC,CAAC,CAACL,UAAU;EACnFoB,qBAAqB,EAAEvB,kBAAS,CAACe,KAAK,CAAC;IACrCS,OAAO,EAAExB,kBAAS,CAACsB,OAAO,CAACtB,kBAAS,CAACe,KAAK,CAACjB,mBAAmB,CAAC,CAAC,CAACK,UAAU;IAC3EsB,eAAe,EAAEzB,kBAAS,CAACC,MAAM;IACjCU,QAAQ,EAAEX,kBAAS,CAACY,IAAI,CAACT;EAC3B,CAAC;AACH,CAAC;AAAC,IAAAuB,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEagB,0BAA0B","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","e","__esModule","default","ButtonMenuPropTypes","dataName","PropTypes","string","label","isRequired","iconName","iconColor","onClick","func","ButtonActionPropTypes","type","oneOf","disabled","bool","HeaderWithActionsPropTypes","closeButton","shape","title","tag","size","saveStatus","display","actionButtons","arrayOf","bulletPointMenuButton","buttons","buttonAriaLabel","isFetching","_default","exports"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst ButtonMenuPropTypes = {\n  dataName: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nconst ButtonActionPropTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary']).isRequired,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  iconName: PropTypes.string,\n  iconColor: PropTypes.string\n};\n\nconst HeaderWithActionsPropTypes = {\n  closeButton: PropTypes.shape({\n    'aria-label': PropTypes.string,\n    onClick: PropTypes.func.isRequired\n  }),\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.shape({\n    label: PropTypes.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,\n    type: PropTypes.oneOf(['success', 'progress', 'warning']).isRequired,\n    size: PropTypes.string.isRequired\n  }).isRequired,\n  saveStatus: PropTypes.shape({\n    display: PropTypes.bool.isRequired,\n    label: PropTypes.oneOf(['Unsaved changes', 'Saved'])\n  }).isRequired,\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonActionPropTypes)).isRequired,\n  bulletPointMenuButton: PropTypes.shape({\n    buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,\n    buttonAriaLabel: PropTypes.string,\n    disabled: PropTypes.bool.isRequired\n  }),\n  isFetching: PropTypes.bool\n};\n\nexport default HeaderWithActionsPropTypes;\n\ntype TagProps = {\n  label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';\n  type: 'success' | 'progress' | 'warning';\n  size: string;\n};\n\ntype SaveStatusProps = {\n  display: boolean;\n  label?: 'Unsaved changes' | 'Saved';\n};\n\ntype CloseButtonProps = {\n  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type ButtonMenuProps = {\n  dataName: string;\n  label: string;\n  iconName: string;\n  iconColor: string;\n  onClick: () => void;\n};\n\ntype BulletPointMenuButtonProps = {\n  buttons: ButtonMenuProps[];\n  buttonAriaLabel?: string;\n  disabled: boolean;\n};\n\nexport type ButtonActionProps = {\n  type: 'primary' | 'secondary';\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n  iconName?: string;\n  iconColor?: string;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonActionProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps;\n  isFetching?: boolean;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,mBAAmB,GAAG;EAC1BC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,KAAK,EAAEF,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCC,QAAQ,EAAEJ,kBAAS,CAACC,MAAM,CAACE,UAAU;EACrCE,SAAS,EAAEL,kBAAS,CAACC,MAAM,CAACE,UAAU;EACtCG,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACJ;AAC1B,CAAC;AAED,MAAMK,qBAAqB,GAAG;EAC5BC,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAACP,UAAU;EAC1DD,KAAK,EAAEF,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCG,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACJ,UAAU;EAClCQ,QAAQ,EAAEX,kBAAS,CAACY,IAAI;EACxBR,QAAQ,EAAEJ,kBAAS,CAACC,MAAM;EAC1BI,SAAS,EAAEL,kBAAS,CAACC;AACvB,CAAC;AAED,MAAMY,0BAA0B,GAAG;EACjCC,WAAW,EAAEd,kBAAS,CAACe,KAAK,CAAC;IAC3B,YAAY,EAAEf,kBAAS,CAACC,MAAM;IAC9BK,OAAO,EAAEN,kBAAS,CAACO,IAAI,CAACJ;EAC1B,CAAC,CAAC;EACFa,KAAK,EAAEhB,kBAAS,CAACC,MAAM,CAACE,UAAU;EAClCc,GAAG,EAAEjB,kBAAS,CAACe,KAAK,CAAC;IACnBb,KAAK,EAAEF,kBAAS,CAACU,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACP,UAAU;IACxFM,IAAI,EAAET,kBAAS,CAACU,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACP,UAAU;IACpEe,IAAI,EAAElB,kBAAS,CAACC,MAAM,CAACE;EACzB,CAAC,CAAC,CAACA,UAAU;EACbgB,UAAU,EAAEnB,kBAAS,CAACe,KAAK,CAAC;IAC1BK,OAAO,EAAEpB,kBAAS,CAACY,IAAI,CAACT,UAAU;IAClCD,KAAK,EAAEF,kBAAS,CAACU,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACP,UAAU;EACbkB,aAAa,EAAErB,kBAAS,CAACsB,OAAO,CAACtB,kBAAS,CAACe,KAAK,CAACP,qBAAqB,CAAC,CAAC,CAACL,UAAU;EACnFoB,qBAAqB,EAAEvB,kBAAS,CAACe,KAAK,CAAC;IACrCS,OAAO,EAAExB,kBAAS,CAACsB,OAAO,CAACtB,kBAAS,CAACe,KAAK,CAACjB,mBAAmB,CAAC,CAAC,CAACK,UAAU;IAC3EsB,eAAe,EAAEzB,kBAAS,CAACC,MAAM;IACjCU,QAAQ,EAAEX,kBAAS,CAACY,IAAI,CAACT;EAC3B,CAAC,CAAC;EACFuB,UAAU,EAAE1B,kBAAS,CAACY;AACxB,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEagB,0BAA0B","ignoreList":[]}

package/lib/organism/icon-editor/index.d.ts

@@ -21,7 +21,6 @@ declare const IconEditor: {
             defaultValue: import("prop-types").Requireable<string>;
             theme: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
-            readOnly: import("prop-types").Requireable<boolean>;
             value: import("prop-types").Requireable<string>;
             hint: import("prop-types").Requireable<string>;
             error: import("prop-types").Requireable<string>;

package/lib/organism/icon-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1E,CAAC;AAQF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1E,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/lib/organism/icon-editor/types.d.ts

@@ -18,7 +18,6 @@ declare const IconEditorPropTypes: {
         defaultValue: PropTypes.Requireable<string>;
         theme: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        readOnly: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<string>;
         hint: PropTypes.Requireable<string>;
         error: PropTypes.Requireable<string>;

package/lib/organism/icon-editor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAEnE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC;AAEnC,oBAAY,eAAe,GAAG;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAEnE,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAE7D,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIxB,CAAC;AAEF,eAAe,mBAAmB,CAAC;AAEnC,oBAAY,eAAe,GAAG;IAC5B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IAClD,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B,CAAC"}

package/lib/organism/rewards-form/index.d.ts

@@ -100,7 +100,6 @@ declare namespace RewardsForm {
                     placeholder: PropTypes.Requireable<string>;
                     defaultValue: PropTypes.Requireable<string>;
                     disabled: PropTypes.Requireable<boolean>;
-                    readOnly: PropTypes.Requireable<boolean>;
                     value: PropTypes.Requireable<string>;
                     hint: PropTypes.Requireable<string>;
                     error: PropTypes.Requireable<string>;

package/lib/organism/select-opponents/index.d.ts

@@ -99,7 +99,6 @@ declare const SelectOpponents: {
                     placeholder: import("prop-types").Requireable<string>;
                     defaultValue: import("prop-types").Requireable<string>;
                     disabled: import("prop-types").Requireable<boolean>;
-                    readOnly: import("prop-types").Requireable<boolean>;
                     value: import("prop-types").Requireable<string>;
                     hint: import("prop-types").Requireable<string>;
                     error: import("prop-types").Requireable<string>;

package/lib/organism/select-opponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/select-opponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAkB,EAAC,oBAAoB,EAA+B,MAAM,SAAS,CAAC;AAMtF,QAAA,MAAM,eAAe;YAAW,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBnD,CAAC;AAIF,eAAe,eAAe,CAAC"}