@coorpacademy/components 11.9.2-alpha.1 → 11.9.2-alpha.4

package/lib/molecule/dashboard/cards-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","func","string","IconView","context","contentType","ICONS","chapter","TimerIcon","course","LearnerIcon","dark","IconType","style","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","React","PureComponent","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","updatePages","setCardsWrapper","getScrollWidth","handleResize","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","cardPositions","accWidth","cardWidth","acc","pageIndex","accPageWidth","pageWidth","skip","position","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","dataName","ariaLabel","titleStyle","titleLink","cardsView","key","leftArrowView","circle","left","showMoreOnLeftAriaLabel","rightArrowView","right","showMoreOnRightAriaLabel","titleView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","arrayOf","shape","Card","protoTypes"],"sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  debounce,\n  throttle,\n  get,\n  getOr,\n  map,\n  sum,\n  last,\n  pipe,\n  toPairs,\n  reduce,\n  head,\n  findIndex,\n  findLastIndex\n} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card from '../../card';\nimport style from './style.css';\n\nconst ShowMoreLink = props => {\n  const {onShowMore, showMore, className} = props;\n  return (\n    <div className={className} onClick={onShowMore}>\n      {showMore}\n    </div>\n  );\n};\n\nShowMoreLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nShowMoreLink.propTypes = {\n  onShowMore: PropTypes.func,\n  showMore: PropTypes.string,\n  className: PropTypes.string\n};\n\nconst IconView = (props, context) => {\n  const {skin} = context;\n  const {contentType} = props;\n  const ICONS = {\n    chapter: TimerIcon,\n    course: LearnerIcon\n  };\n\n  if (!contentType) {\n    return null;\n  }\n\n  const dark = get('common.dark', skin);\n  const IconType = ICONS[contentType];\n\n  return (\n    <div>\n      <IconType color={dark} className={style.icon} data-contenttype={contentType} />\n    </div>\n  );\n};\n\nconst computeWidth = card => {\n  switch (card && card.type) {\n    case 'chapter':\n      return 219;\n    default:\n      return 272;\n  }\n};\n\nconst nextPage = (page, maxPages) => {\n  if (page < 0) return maxPages;\n  if (page > maxPages) return 0;\n  return page;\n};\n\nIconView.propTypes = {\n  contentType: PropTypes.string\n};\n\nclass CardsList extends React.PureComponent {\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.string,\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(Card.protoTypes)),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func,\n    'arrows-aria-label': PropTypes.shape({\n      showMoreOnLeftAriaLabel: PropTypes.string,\n      showMoreOnRightAriaLabel: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actualPage: 0,\n      maxPages: 0,\n      scrollLeft: 0,\n      offsetWidth: 0,\n      possiblePositions: [],\n      possiblePages: [],\n      cardsWidth: 0\n    };\n\n    this.handleScroll_ = throttle(200, this.handleScroll.bind(this));\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n    this.updateState = debounce(200, this.updatePages.bind(this));\n    this.updatePages = this.updatePages.bind(this);\n    this.setCardsWrapper = this.setCardsWrapper.bind(this);\n    this.getScrollWidth = this.getScrollWidth.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n  }\n\n  componentDidMount() {\n    this.cardsWrapper.addEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  componentDidUpdate() {\n    const {cards = []} = this.props;\n    const {offsetWidth, cardsWidth} = this.state;\n    const newCardsWidth = pipe(map(computeWidth), sum)(cards);\n\n    if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {\n      this.updatePaginationState(cards);\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({\n        cardsWidth: newCardsWidth\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n    this.updateState.cancel();\n  }\n\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  updatePaginationState(cards) {\n    const {offsetWidth: wrapperWidth, scrollLeft: wrapperScrollLeft} = this.state;\n\n    const cardWidths = map(computeWidth)(cards);\n\n    const possiblePositions = pipe(\n      reduce(\n        ([cardPositions, accWidth], cardWidth) => [\n          [...cardPositions, accWidth],\n          cardWidth + accWidth\n        ],\n        [[], 0]\n      ),\n      head\n    )(cardWidths);\n\n    const possiblePages = pipe(\n      reduce(\n        ([acc, pageIndex, accPageWidth], cardWidth) => {\n          const pageWidth = accPageWidth + cardWidth;\n          if (pageWidth > wrapperWidth) {\n            return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];\n          }\n          return [[...acc, pageIndex], pageIndex, pageWidth];\n        },\n        [[], 0, 0]\n      ),\n      head\n    )(cardWidths);\n\n    const skip = findIndex(position => position >= wrapperScrollLeft, possiblePositions);\n    const actualPage = possiblePages[skip + 1];\n\n    this.setState({\n      possiblePositions,\n      possiblePages,\n      maxPages: last(possiblePages),\n      actualPage\n    });\n  }\n\n  setCardsWrapper(element) {\n    this.cardsWrapper = element;\n    this.setState({\n      scrollLeft: this.cardsWrapper?.scrollLeft,\n      offsetWidth: this.cardsWrapper?.offsetWidth\n    });\n  }\n\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  handleScroll() {\n    const scrollLeft = this.cardsWrapper?.scrollLeft;\n    this.setState({scrollLeft});\n\n    const {possiblePositions, offsetWidth} = this.state;\n    const {onScroll} = this.props;\n    if (onScroll) {\n      const leftBound = scrollLeft;\n      const rightBound = scrollLeft + offsetWidth;\n\n      const leftIndex = findIndex(position => position > leftBound, possiblePositions) - 1;\n      const rightIndex = findLastIndex(position => position < rightBound, possiblePositions);\n      const skip = leftIndex;\n      const limit = rightIndex - skip + 1;\n\n      onScroll(skip, limit);\n    }\n  }\n\n  handleOnLeft() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage - 1, maxPages));\n  }\n\n  handleOnRight() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage + 1, maxPages));\n  }\n\n  scrollTo(page) {\n    const {possiblePages, possiblePositions} = this.state;\n    const indexOfNextFirstCard = possiblePages.indexOf(page);\n    const nextPosition = possiblePositions[indexOfNextFirstCard];\n    this.cardsWrapper.scrollLeft = nextPosition;\n    this.updatePages(page);\n    this.setState({\n      scrollLeft: nextPosition\n    });\n  }\n\n  updatePages(actualPage) {\n    this.setState({\n      actualPage\n    });\n  }\n\n  render() {\n    const {\n      title,\n      showMore,\n      cards,\n      onShowMore,\n      dataName,\n      contentType,\n      'arrows-aria-label': ariaLabel = {}\n    } = this.props;\n    const {skin} = this.context;\n    const {maxPages} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const titleStyle = onShowMore ? style.titleLink : style.title;\n    const cardsView = pipe(\n      toPairs,\n      map(([key, card]) => {\n        return (\n          <div className={style.card} key={key}>\n            <Card {...card} dataName={`${dataName}-${key}`} />\n          </div>\n        );\n      })\n    )(cards);\n    const leftArrowView = (\n      <div className={style.circle} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n        <ArrowLeft\n          color={dark}\n          className={style.left}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnLeftAriaLabel}\n        />\n      </div>\n    );\n    const rightArrowView = (\n      <div className={style.circle} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n        <ArrowRight\n          color={dark}\n          className={style.right}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnRightAriaLabel}\n        />\n      </div>\n    );\n\n    const titleView = (\n      <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n        <IconView contentType={contentType} />\n        <span>{title}</span>\n      </span>\n    );\n\n    const hasPages = maxPages > 0;\n    const showMoreView =\n      hasPages && showMore && onShowMore ? (\n        <ShowMoreLink\n          className={hasPages ? style.showMoreBar : style.showMore}\n          onShowMore={onShowMore}\n          showMore={showMore}\n        />\n      ) : null;\n\n    const switchPagesView = hasPages ? (\n      <div className={style.pagingWrapper}>\n        {showMoreView}\n        {leftArrowView}\n        {rightArrowView}\n      </div>\n    ) : null;\n    return (\n      <div className={style.wrapper} data-name=\"cardsList\">\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div className={style.cards} ref={this.setCardsWrapper}>\n              {cardsView}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CardsList;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ShowMoreLink","props","onShowMore","showMore","className","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","func","string","IconView","context","contentType","ICONS","chapter","TimerIcon","course","LearnerIcon","dark","IconType","color","style","icon","computeWidth","card","type","nextPage","page","maxPages","CardsList","React","PureComponent","constructor","state","actualPage","scrollLeft","offsetWidth","possiblePositions","possiblePages","cardsWidth","handleScroll_","handleScroll","bind","handleOnLeft","handleOnRight","scrollTo","updateState","updatePages","setCardsWrapper","getScrollWidth","handleResize","componentDidMount","cardsWrapper","addEventListener","window","componentDidUpdate","cards","newCardsWidth","updatePaginationState","setState","componentWillUnmount","removeEventListener","cancel","wrapperWidth","wrapperScrollLeft","cardWidths","cardPositions","accWidth","cardWidth","acc","pageIndex","accPageWidth","pageWidth","skip","position","element","index","onScroll","leftBound","rightBound","leftIndex","rightIndex","limit","indexOfNextFirstCard","indexOf","nextPosition","render","title","dataName","ariaLabel","titleStyle","titleLink","cardsView","key","leftArrowView","circle","left","showMoreOnLeftAriaLabel","rightArrowView","right","showMoreOnRightAriaLabel","titleView","hasPages","showMoreView","showMoreBar","switchPagesView","pagingWrapper","wrapper","list","header","translate","arrayOf","shape","Card","protoTypes"],"sources":["../../../../src/molecule/dashboard/cards-list/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  debounce,\n  throttle,\n  get,\n  getOr,\n  map,\n  sum,\n  last,\n  pipe,\n  toPairs,\n  reduce,\n  head,\n  findIndex,\n  findLastIndex\n} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Card from '../../card';\nimport style from './style.css';\n\nconst ShowMoreLink = props => {\n  const {onShowMore, showMore, className} = props;\n  return (\n    <div className={className} onClick={onShowMore}>\n      {showMore}\n    </div>\n  );\n};\n\nShowMoreLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nShowMoreLink.propTypes = {\n  onShowMore: PropTypes.func,\n  showMore: PropTypes.string,\n  className: PropTypes.string\n};\n\nconst IconView = (props, context) => {\n  const {skin} = context;\n  const {contentType} = props;\n  const ICONS = {\n    chapter: TimerIcon,\n    course: LearnerIcon\n  };\n\n  if (!contentType) {\n    return null;\n  }\n\n  const dark = get('common.dark', skin);\n  const IconType = ICONS[contentType];\n\n  return (\n    <div>\n      <IconType style={{color: dark}} className={style.icon} data-contenttype={contentType} />\n    </div>\n  );\n};\n\nconst computeWidth = card => {\n  switch (card && card.type) {\n    case 'chapter':\n      return 219;\n    default:\n      return 272;\n  }\n};\n\nconst nextPage = (page, maxPages) => {\n  if (page < 0) return maxPages;\n  if (page > maxPages) return 0;\n  return page;\n};\n\nIconView.propTypes = {\n  contentType: PropTypes.string\n};\n\nclass CardsList extends React.PureComponent {\n  static propTypes = {\n    contentType: PropTypes.string,\n    dataName: PropTypes.string,\n    title: PropTypes.string,\n    showMore: PropTypes.string,\n    cards: PropTypes.arrayOf(PropTypes.shape(Card.protoTypes)),\n    onScroll: PropTypes.func,\n    onShowMore: PropTypes.func,\n    'arrows-aria-label': PropTypes.shape({\n      showMoreOnLeftAriaLabel: PropTypes.string,\n      showMoreOnRightAriaLabel: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actualPage: 0,\n      maxPages: 0,\n      scrollLeft: 0,\n      offsetWidth: 0,\n      possiblePositions: [],\n      possiblePages: [],\n      cardsWidth: 0\n    };\n\n    this.handleScroll_ = throttle(200, this.handleScroll.bind(this));\n    this.handleScroll = this.handleScroll.bind(this);\n    this.handleOnLeft = this.handleOnLeft.bind(this);\n    this.handleOnRight = this.handleOnRight.bind(this);\n    this.scrollTo = this.scrollTo.bind(this);\n    this.updateState = debounce(200, this.updatePages.bind(this));\n    this.updatePages = this.updatePages.bind(this);\n    this.setCardsWrapper = this.setCardsWrapper.bind(this);\n    this.getScrollWidth = this.getScrollWidth.bind(this);\n    this.handleResize = this.handleResize.bind(this);\n  }\n\n  componentDidMount() {\n    this.cardsWrapper.addEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.addEventListener('resize', this.handleResize);\n    }\n  }\n\n  componentDidUpdate() {\n    const {cards = []} = this.props;\n    const {offsetWidth, cardsWidth} = this.state;\n    const newCardsWidth = pipe(map(computeWidth), sum)(cards);\n\n    if (newCardsWidth !== cardsWidth && offsetWidth !== 0) {\n      this.updatePaginationState(cards);\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({\n        cardsWidth: newCardsWidth\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.cardsWrapper.removeEventListener('scroll', this.handleScroll_);\n\n    if (window) {\n      window.removeEventListener('resize', this.handleResize);\n    }\n    this.updateState.cancel();\n  }\n\n  handleResize() {\n    const {cards = []} = this.props;\n    this.updatePaginationState(cards);\n  }\n\n  updatePaginationState(cards) {\n    const {offsetWidth: wrapperWidth, scrollLeft: wrapperScrollLeft} = this.state;\n\n    const cardWidths = map(computeWidth)(cards);\n\n    const possiblePositions = pipe(\n      reduce(\n        ([cardPositions, accWidth], cardWidth) => [\n          [...cardPositions, accWidth],\n          cardWidth + accWidth\n        ],\n        [[], 0]\n      ),\n      head\n    )(cardWidths);\n\n    const possiblePages = pipe(\n      reduce(\n        ([acc, pageIndex, accPageWidth], cardWidth) => {\n          const pageWidth = accPageWidth + cardWidth;\n          if (pageWidth > wrapperWidth) {\n            return [[...acc, pageIndex + 1], pageIndex + 1, cardWidth];\n          }\n          return [[...acc, pageIndex], pageIndex, pageWidth];\n        },\n        [[], 0, 0]\n      ),\n      head\n    )(cardWidths);\n\n    const skip = findIndex(position => position >= wrapperScrollLeft, possiblePositions);\n    const actualPage = possiblePages[skip + 1];\n\n    this.setState({\n      possiblePositions,\n      possiblePages,\n      maxPages: last(possiblePages),\n      actualPage\n    });\n  }\n\n  setCardsWrapper(element) {\n    this.cardsWrapper = element;\n    this.setState({\n      scrollLeft: this.cardsWrapper?.scrollLeft,\n      offsetWidth: this.cardsWrapper?.offsetWidth\n    });\n  }\n\n  getScrollWidth(index) {\n    const {cards = []} = this.props;\n    const card = cards[index];\n    return computeWidth(card);\n  }\n\n  handleScroll() {\n    const scrollLeft = this.cardsWrapper?.scrollLeft;\n    this.setState({scrollLeft});\n\n    const {possiblePositions, offsetWidth} = this.state;\n    const {onScroll} = this.props;\n    if (onScroll) {\n      const leftBound = scrollLeft;\n      const rightBound = scrollLeft + offsetWidth;\n\n      const leftIndex = findIndex(position => position > leftBound, possiblePositions) - 1;\n      const rightIndex = findLastIndex(position => position < rightBound, possiblePositions);\n      const skip = leftIndex;\n      const limit = rightIndex - skip + 1;\n\n      onScroll(skip, limit);\n    }\n  }\n\n  handleOnLeft() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage - 1, maxPages));\n  }\n\n  handleOnRight() {\n    const {actualPage, maxPages} = this.state;\n    this.scrollTo(nextPage(actualPage + 1, maxPages));\n  }\n\n  scrollTo(page) {\n    const {possiblePages, possiblePositions} = this.state;\n    const indexOfNextFirstCard = possiblePages.indexOf(page);\n    const nextPosition = possiblePositions[indexOfNextFirstCard];\n    this.cardsWrapper.scrollLeft = nextPosition;\n    this.updatePages(page);\n    this.setState({\n      scrollLeft: nextPosition\n    });\n  }\n\n  updatePages(actualPage) {\n    this.setState({\n      actualPage\n    });\n  }\n\n  render() {\n    const {\n      title,\n      showMore,\n      cards,\n      onShowMore,\n      dataName,\n      contentType,\n      'arrows-aria-label': ariaLabel = {}\n    } = this.props;\n    const {skin} = this.context;\n    const {maxPages} = this.state;\n    const dark = getOr('#90A4AE', 'common.dark', skin);\n    const titleStyle = onShowMore ? style.titleLink : style.title;\n    const cardsView = pipe(\n      toPairs,\n      map(([key, card]) => {\n        return (\n          <div className={style.card} key={key}>\n            <Card {...card} dataName={`${dataName}-${key}`} />\n          </div>\n        );\n      })\n    )(cards);\n    const leftArrowView = (\n      <div className={style.circle} onClick={this.handleOnLeft} data-name=\"card-list-left-arrow\">\n        <ArrowLeft\n          style={{color: dark}}\n          className={style.left}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnLeftAriaLabel}\n        />\n      </div>\n    );\n    const rightArrowView = (\n      <div className={style.circle} onClick={this.handleOnRight} data-name=\"card-list-right-arrow\">\n        <ArrowRight\n          style={{color: dark}}\n          className={style.right}\n          width={10}\n          height={10}\n          aria-label={ariaLabel.showMoreOnRightAriaLabel}\n        />\n      </div>\n    );\n\n    const titleView = (\n      <span data-name=\"title\" className={titleStyle} onClick={onShowMore}>\n        <IconView contentType={contentType} />\n        <span>{title}</span>\n      </span>\n    );\n\n    const hasPages = maxPages > 0;\n    const showMoreView =\n      hasPages && showMore && onShowMore ? (\n        <ShowMoreLink\n          className={hasPages ? style.showMoreBar : style.showMore}\n          onShowMore={onShowMore}\n          showMore={showMore}\n        />\n      ) : null;\n\n    const switchPagesView = hasPages ? (\n      <div className={style.pagingWrapper}>\n        {showMoreView}\n        {leftArrowView}\n        {rightArrowView}\n      </div>\n    ) : null;\n    return (\n      <div className={style.wrapper} data-name=\"cardsList\">\n        <div className={style.list}>\n          <div>\n            <div data-name=\"header\" className={style.header}>\n              {titleView}\n              {switchPagesView}\n            </div>\n            <div className={style.cards} ref={this.setCardsWrapper}>\n              {cardsView}\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CardsList;\n"],"mappings":"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"}

package/lib/molecule/discipline-partners/index.js

@@ -72,7 +72,9 @@ const DisciplinePartners = (props, context) => {
         color: defaultColor
       }
     }, moreDetails, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
-      color: defaultColor,
+      style: {
+        color: defaultColor
+      },
       className: _style.default.linkicon
     })));
 

package/lib/molecule/discipline-partners/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DisciplinePartners","props","context","translate","skin","authorTitle","authors","authorLabel","defaultColor","authorsView","convert","cap","author","index","socialLinks","authorLogo","authorHref","moreDetails","autName","authorToggleId","linkView","style","authorLink","color","moreInfoView","linkicon","socialView","map","social","i","link","aNameView","authorName","logoView","logoContainer","logo","src","alt","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"sources":["../../../src/molecule/discipline-partners/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map, uniqueId} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\nimport SocialLink from '../../atom/social-link';\nimport Provider from '../../atom/provider';\nimport CatalogSection from '../../atom/catalog-section';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst DisciplinePartners = (props, context) => {\n  const {translate, skin} = context;\n\n  const {authorTitle, authors = []} = props;\n\n  const authorLabel = authorTitle || translate('author');\n  const defaultColor = get('common.primary', skin);\n  const authorsView = map.convert({cap: false})((author, index) => {\n    const socialLinks = getOr([], 'socialLinks', author);\n    const authorLogo = get('logo', author);\n    const authorHref = get('href', author);\n    const moreDetails = get('more', author);\n    const autName = get('name', author);\n    const authorToggleId = uniqueId('author-toggle-');\n    const linkView = (\n      <div className={style.authorLink}>\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: defaultColor\n          }}\n          href={authorHref}\n        >\n          {authorHref}\n        </a>\n      </div>\n    );\n    const moreInfoView = (\n      <div className={style.authorLink}>\n        <a\n          href={authorHref}\n          style={{\n            color: defaultColor\n          }}\n        >\n          {moreDetails}\n          <ArrowRight color={defaultColor} className={style.linkicon} />\n        </a>\n      </div>\n    );\n\n    const socialView = socialLinks.map((social, i) => (\n      <div key={i} className={style.link}>\n        <SocialLink {...social} />\n      </div>\n    ));\n\n    const aNameView = autName ? (\n      <div data-name=\"authorName\" className={style.authorName}>\n        {autName}\n      </div>\n    ) : null;\n\n    const logoView = authorLogo ? (\n      <div className={style.logoContainer}>\n        <Picture className={style.logo} src={authorLogo.src} alt={authorLogo.alt} />\n        <div className={style.arrowWrapper}>\n          <ArrowDown className={style.arrow} height={14} whidth={14} />\n        </div>\n      </div>\n    ) : null;\n\n    const authorContent =\n      authorHref || aNameView || socialView ? (\n        <div className={style.authorContent}>\n          {autName ? aNameView : null}\n          {moreDetails ? moreInfoView : null}\n          {!moreDetails && authorHref ? linkView : null}\n          <div className={style.links}>{socialView}</div>\n        </div>\n      ) : null;\n\n    return (\n      <div key={index} className={style.authorWrapper}>\n        <input type=\"checkbox\" id={authorToggleId} className={style.toggle} defaultChecked />\n        <label htmlFor={authorToggleId}>{logoView}</label>\n        {authorContent}\n      </div>\n    );\n  }, authors);\n\n  return !isEmpty(authors) ? (\n    <div data-name=\"disciplinePartner\" className={style.colDetails}>\n      <CatalogSection title={authorLabel}>{authorsView}</CatalogSection>\n    </div>\n  ) : null;\n};\n\nDisciplinePartners.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplinePartners.propTypes = {\n  authors: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      href: PropTypes.string,\n      logo: PropTypes.shape({\n        src: PropTypes.string,\n        href: PropTypes.string,\n        alt: PropTypes.string\n      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DisciplinePartners","props","context","translate","skin","authorTitle","authors","authorLabel","defaultColor","authorsView","convert","cap","author","index","socialLinks","authorLogo","authorHref","moreDetails","autName","authorToggleId","linkView","style","authorLink","color","moreInfoView","linkicon","socialView","map","social","i","link","aNameView","authorName","logoView","logoContainer","logo","src","alt","arrowWrapper","arrow","authorContent","links","authorWrapper","toggle","colDetails","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","name","string","href","SocialLink"],"sources":["../../../src/molecule/discipline-partners/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, isEmpty, map, uniqueId} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowDown as ArrowDown\n} from '@coorpacademy/nova-icons';\nimport SocialLink from '../../atom/social-link';\nimport Provider from '../../atom/provider';\nimport CatalogSection from '../../atom/catalog-section';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst DisciplinePartners = (props, context) => {\n  const {translate, skin} = context;\n\n  const {authorTitle, authors = []} = props;\n\n  const authorLabel = authorTitle || translate('author');\n  const defaultColor = get('common.primary', skin);\n  const authorsView = map.convert({cap: false})((author, index) => {\n    const socialLinks = getOr([], 'socialLinks', author);\n    const authorLogo = get('logo', author);\n    const authorHref = get('href', author);\n    const moreDetails = get('more', author);\n    const autName = get('name', author);\n    const authorToggleId = uniqueId('author-toggle-');\n    const linkView = (\n      <div className={style.authorLink}>\n        <a\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{\n            color: defaultColor\n          }}\n          href={authorHref}\n        >\n          {authorHref}\n        </a>\n      </div>\n    );\n    const moreInfoView = (\n      <div className={style.authorLink}>\n        <a\n          href={authorHref}\n          style={{\n            color: defaultColor\n          }}\n        >\n          {moreDetails}\n          <ArrowRight style={{color: defaultColor}} className={style.linkicon} />\n        </a>\n      </div>\n    );\n\n    const socialView = socialLinks.map((social, i) => (\n      <div key={i} className={style.link}>\n        <SocialLink {...social} />\n      </div>\n    ));\n\n    const aNameView = autName ? (\n      <div data-name=\"authorName\" className={style.authorName}>\n        {autName}\n      </div>\n    ) : null;\n\n    const logoView = authorLogo ? (\n      <div className={style.logoContainer}>\n        <Picture className={style.logo} src={authorLogo.src} alt={authorLogo.alt} />\n        <div className={style.arrowWrapper}>\n          <ArrowDown className={style.arrow} height={14} whidth={14} />\n        </div>\n      </div>\n    ) : null;\n\n    const authorContent =\n      authorHref || aNameView || socialView ? (\n        <div className={style.authorContent}>\n          {autName ? aNameView : null}\n          {moreDetails ? moreInfoView : null}\n          {!moreDetails && authorHref ? linkView : null}\n          <div className={style.links}>{socialView}</div>\n        </div>\n      ) : null;\n\n    return (\n      <div key={index} className={style.authorWrapper}>\n        <input type=\"checkbox\" id={authorToggleId} className={style.toggle} defaultChecked />\n        <label htmlFor={authorToggleId}>{logoView}</label>\n        {authorContent}\n      </div>\n    );\n  }, authors);\n\n  return !isEmpty(authors) ? (\n    <div data-name=\"disciplinePartner\" className={style.colDetails}>\n      <CatalogSection title={authorLabel}>{authorsView}</CatalogSection>\n    </div>\n  ) : null;\n};\n\nDisciplinePartners.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDisciplinePartners.propTypes = {\n  authors: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      href: PropTypes.string,\n      logo: PropTypes.shape({\n        src: PropTypes.string,\n        href: PropTypes.string,\n        alt: PropTypes.string\n      }),\n      socialLinks: PropTypes.arrayOf(PropTypes.shape(SocialLink.propTypes))\n    })\n  ),\n  authorTitle: PropTypes.string\n};\n\nexport default DisciplinePartners;\n"],"mappings":"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"}

package/lib/molecule/drag-and-drop/overlay.js

@@ -28,7 +28,9 @@ const Overlay = ({
       border: `15px solid ${(0, _cssColorFunction.convert)(`color(${iconColor} a(-90%))`)}`
     }
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {
-    color: iconColor,
+    style: {
+      color: iconColor
+    },
     className: _overlay.default.icon
   })), /*#__PURE__*/_react.default.createElement("p", null, description));
 

package/lib/molecule/drag-and-drop/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","convert","icon","overlay","propTypes","PropTypes","string","bool"],"sources":["../../../src/molecule/drag-and-drop/overlay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\n\nimport Loader from '../../atom/loader';\n\nimport style from './overlay.css';\n\nexport const Overlay = ({description, isLoading, iconColor}) => {\n  const dropOverlay = (\n    <React.Fragment>\n      <div\n        className={style.arrow}\n        style={{border: `15px solid ${convert(`color(${iconColor} a(-90%))`)}`}}\n      >\n        <UploadIcon color={iconColor} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return <div className={style.overlay}>{isLoading ? <Loader /> : dropOverlay}</div>;\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAAO,GAAG,CAAC;EAACC,WAAD;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC9D,MAAMC,WAAW,gBACf,6BAAC,cAAD,CAAO,QAAP,qBACE;IACE,SAAS,EAAEC,gBAAA,CAAMC,KADnB;IAEE,KAAK,EAAE;MAACC,MAAM,EAAG,cAAa,IAAAC,yBAAA,EAAS,SAAQL,SAAU,WAA3B,CAAuC;IAA9D;EAFT,gBAIE,6BAAC,2CAAD;IAAY,KAAK,EAAEA,SAAnB;IAA8B,SAAS,EAAEE,gBAAA,CAAMI;EAA/C,EAJF,CADF,eAOE,wCAAIR,WAAJ,CAPF,CADF;;EAYA,oBAAO;IAAK,SAAS,EAAEI,gBAAA,CAAMK;EAAtB,GAAgCR,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgBE,WAAzD,CAAP;AACD,CAdM;;;eAgBQJ,O;;AAEfA,OAAO,CAACW,SAAR,2CAAoB;EAClBV,WAAW,EAAEW,kBAAA,CAAUC,MADL;EAElBX,SAAS,EAAEU,kBAAA,CAAUE,IAFH;EAGlBX,SAAS,EAAES,kBAAA,CAAUC;AAHH,CAApB"}
+{"version":3,"file":"overlay.js","names":["Overlay","description","isLoading","iconColor","dropOverlay","style","arrow","border","convert","color","icon","overlay","propTypes","PropTypes","string","bool"],"sources":["../../../src/molecule/drag-and-drop/overlay.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport {convert} from 'css-color-function';\n\nimport Loader from '../../atom/loader';\n\nimport style from './overlay.css';\n\nexport const Overlay = ({description, isLoading, iconColor}) => {\n  const dropOverlay = (\n    <React.Fragment>\n      <div\n        className={style.arrow}\n        style={{border: `15px solid ${convert(`color(${iconColor} a(-90%))`)}`}}\n      >\n        <UploadIcon style={{color: iconColor}} className={style.icon} />\n      </div>\n      <p>{description}</p>\n    </React.Fragment>\n  );\n\n  return <div className={style.overlay}>{isLoading ? <Loader /> : dropOverlay}</div>;\n};\n\nexport default Overlay;\n\nOverlay.propTypes = {\n  description: PropTypes.string,\n  isLoading: PropTypes.bool,\n  iconColor: PropTypes.string\n};\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAAO,GAAG,CAAC;EAACC,WAAD;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC9D,MAAMC,WAAW,gBACf,6BAAC,cAAD,CAAO,QAAP,qBACE;IACE,SAAS,EAAEC,gBAAA,CAAMC,KADnB;IAEE,KAAK,EAAE;MAACC,MAAM,EAAG,cAAa,IAAAC,yBAAA,EAAS,SAAQL,SAAU,WAA3B,CAAuC;IAA9D;EAFT,gBAIE,6BAAC,2CAAD;IAAY,KAAK,EAAE;MAACM,KAAK,EAAEN;IAAR,CAAnB;IAAuC,SAAS,EAAEE,gBAAA,CAAMK;EAAxD,EAJF,CADF,eAOE,wCAAIT,WAAJ,CAPF,CADF;;EAYA,oBAAO;IAAK,SAAS,EAAEI,gBAAA,CAAMM;EAAtB,GAAgCT,SAAS,gBAAG,6BAAC,eAAD,OAAH,GAAgBE,WAAzD,CAAP;AACD,CAdM;;;eAgBQJ,O;;AAEfA,OAAO,CAACY,SAAR,2CAAoB;EAClBX,WAAW,EAAEY,kBAAA,CAAUC,MADL;EAElBZ,SAAS,EAAEW,kBAAA,CAAUE,IAFH;EAGlBZ,SAAS,EAAEU,kBAAA,CAAUC;AAHH,CAApB"}

package/lib/molecule/drag-and-drop/upload-report.js

@@ -155,7 +155,9 @@ const UploadReport = ({
     className: _uploadReport.default.oval
   }, /*#__PURE__*/_react.default.createElement(IconType, {
     className: _uploadReport.default.iconHeader,
-    color: iconColor
+    style: {
+      color: iconColor
+    }
   }))), fileView, deleteView), /*#__PURE__*/_react.default.createElement("div", {
     className: _uploadReport.default.reportContainer,
     onClick: stopPropagationHandler

package/lib/molecule/drag-and-drop/upload-report.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-report.js","names":["SuccessMessage","message","style","emoticon","propTypes","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","useCallback","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","classnames","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","InputText","oneOf","func"],"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nconst SuccessMessage = ({message}) => (\n  <div>\n    <span className={style.emoticon}>🎉</span>\n    <p className={style.message}>{message}</p>\n  </div>\n);\n\nSuccessMessage.propTypes = {\n  message: PropTypes.string.isRequired\n};\n\nconst ErrorMessage = ({message, buttonTitle, primaryColor}) => (\n  <div>\n    <div>\n      <span className={style.emoticon}>🥺</span>\n      <p className={style.message}>{message}</p>\n    </div>\n    <div>\n      <Button\n        data-name=\"cta\"\n        type=\"link\"\n        submitValue={buttonTitle}\n        className={style.selectButton}\n        style={{backgroundColor: primaryColor}}\n      />\n    </div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  message: PropTypes.string.isRequired,\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string\n};\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} color={iconColor} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage message={message} /> : null}\n        {state === 'error' ? (\n          <ErrorMessage message={message} buttonTitle={buttonTitle} primaryColor={primaryColor} />\n        ) : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"mappings":"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"}
+{"version":3,"file":"upload-report.js","names":["SuccessMessage","message","style","emoticon","propTypes","PropTypes","string","isRequired","ErrorMessage","buttonTitle","primaryColor","selectButton","backgroundColor","UploadReport","state","warningMessage","type","contentType","fields","mode","orLabel","onDelete","handleDelete","useCallback","e","stopPropagation","preventDefault","stopPropagationHandler","showMessage","fileName","fileView","fileWrapper","validateIcon","warning","showToolTip","warningIcon","emptyFileWrapper","IconType","EXTERNAL_CONTENT_ICONS","icon","iconColor","color","buildField","field","index","deleteView","classnames","actionIcon","trashIcon","fieldsList","convert","cap","reportingContainer","reportHeader","iconContainer","oval","iconHeader","reportContainer","or","drop","arrayOf","shape","InputText","oneOf","func"],"sources":["../../../src/molecule/drag-and-drop/upload-report.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyValidate as Validated,\n  NovaLineContentEditionBin as TrashIcon,\n  NovaCompositionCoorpacademyWarn as WarnIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport {pipe, split, last, map, head, getOr, isEmpty, includes} from 'lodash/fp';\nimport {EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport InputText from '../../atom/input-text';\n\nimport Button from '../../atom/button';\nimport style from './upload-report.css';\n\nconst SuccessMessage = ({message}) => (\n  <div>\n    <span className={style.emoticon}>🎉</span>\n    <p className={style.message}>{message}</p>\n  </div>\n);\n\nSuccessMessage.propTypes = {\n  message: PropTypes.string.isRequired\n};\n\nconst ErrorMessage = ({message, buttonTitle, primaryColor}) => (\n  <div>\n    <div>\n      <span className={style.emoticon}>🥺</span>\n      <p className={style.message}>{message}</p>\n    </div>\n    <div>\n      <Button\n        data-name=\"cta\"\n        type=\"link\"\n        submitValue={buttonTitle}\n        className={style.selectButton}\n        style={{backgroundColor: primaryColor}}\n      />\n    </div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  message: PropTypes.string.isRequired,\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string\n};\n\nexport const UploadReport = ({\n  state,\n  message,\n  warningMessage,\n  type: contentType,\n  fields,\n  mode = 'upload',\n  orLabel,\n  buttonTitle,\n  primaryColor,\n  onDelete\n}) => {\n  const handleDelete = useCallback(\n    e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onDelete && onDelete(e);\n    },\n    [onDelete]\n  );\n\n  const stopPropagationHandler = useCallback(e => {\n    e.stopPropagation();\n    e.preventDefault();\n  }, []);\n\n  const showMessage = includes(state, ['success', 'error']);\n\n  const fileName = pipe(head, getOr('', 'value'), split('/'), last)(fields);\n  const fileView = fileName ? (\n    <div className={style.fileWrapper}>\n      <div className={style.fileName} title={fileName}>\n        {fileName}\n      </div>\n      {isEmpty(warningMessage) ? (\n        <Validated className={style.validateIcon} />\n      ) : (\n        <div className={style.warning}>\n          <div className={style.showToolTip}>\n            <span>{warningMessage}</span>\n          </div>\n          <div className={style.warningIcon}>\n            <WarnIcon width={11} height={11} />\n          </div>\n        </div>\n      )}\n    </div>\n  ) : (\n    <div className={style.emptyFileWrapper} />\n  );\n  const IconType = EXTERNAL_CONTENT_ICONS[contentType].icon;\n  const iconColor = EXTERNAL_CONTENT_ICONS[contentType].color;\n  const buildField = (field, index) => <InputText {...field} key={index} theme={'cockpit'} />;\n  const deleteView = onDelete ? (\n    <div onClick={handleDelete} className={classnames(style.actionIcon, style.trashIcon)}>\n      <TrashIcon width={20} height={20} />\n    </div>\n  ) : null;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  return (\n    <div className={style.reportingContainer}>\n      <div className={style.reportHeader} onClick={stopPropagationHandler}>\n        <div className={style.iconContainer} style={{backgroundColor: iconColor}}>\n          <div className={style.oval}>\n            <IconType className={style.iconHeader} style={{color: iconColor}} />\n          </div>\n        </div>\n        {fileView}\n        {deleteView}\n      </div>\n      <div className={style.reportContainer} onClick={stopPropagationHandler}>\n        {state === 'success' ? <SuccessMessage message={message} /> : null}\n        {state === 'error' ? (\n          <ErrorMessage message={message} buttonTitle={buttonTitle} primaryColor={primaryColor} />\n        ) : null}\n        {mode === 'edit' && !showMessage ? <div>{fieldsList}</div> : null}\n        {mode === 'edit' && !showMessage ? <span className={style.or}>{orLabel}</span> : null}\n      </div>\n      {!showMessage ? (\n        <div className={style.drop}>\n          <p className={style.message}>{message}</p>\n          <Button\n            data-name=\"cta\"\n            type=\"link\"\n            submitValue={buttonTitle}\n            className={style.selectButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default UploadReport;\n\nUploadReport.propTypes = {\n  state: PropTypes.string.isRequired,\n  message: PropTypes.string.isRequired,\n  warningMessage: PropTypes.string,\n  orLabel: PropTypes.string,\n  type: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputText.propTypes,\n      type: PropTypes.oneOf(['text'])\n    })\n  ),\n  mode: PropTypes.oneOf(['edit', 'upload']),\n  buttonTitle: PropTypes.string,\n  primaryColor: PropTypes.string,\n  onDelete: PropTypes.func\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAKA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,kBACrB,uDACE;EAAM,SAAS,EAAEC,qBAAA,CAAMC;AAAvB,kBADF,eAEE;EAAG,SAAS,EAAED,qBAAA,CAAMD;AAApB,GAA8BA,OAA9B,CAFF,CADF;;AAOAD,cAAc,CAACI,SAAf,2CAA2B;EACzBH,OAAO,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC;AADD,CAA3B;;AAIA,MAAMC,YAAY,GAAG,CAAC;EAACP,OAAD;EAAUQ,WAAV;EAAuBC;AAAvB,CAAD,kBACnB,uDACE,uDACE;EAAM,SAAS,EAAER,qBAAA,CAAMC;AAAvB,kBADF,eAEE;EAAG,SAAS,EAAED,qBAAA,CAAMD;AAApB,GAA8BA,OAA9B,CAFF,CADF,eAKE,uDACE,6BAAC,eAAD;EACE,aAAU,KADZ;EAEE,IAAI,EAAC,MAFP;EAGE,WAAW,EAAEQ,WAHf;EAIE,SAAS,EAAEP,qBAAA,CAAMS,YAJnB;EAKE,KAAK,EAAE;IAACC,eAAe,EAAEF;EAAlB;AALT,EADF,CALF,CADF;;AAkBAF,YAAY,CAACJ,SAAb,2CAAyB;EACvBH,OAAO,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC,UADH;EAEvBE,WAAW,EAAEJ,kBAAA,CAAUC,MAFA;EAGvBI,YAAY,EAAEL,kBAAA,CAAUC;AAHD,CAAzB;;AAMO,MAAMO,YAAY,GAAG,CAAC;EAC3BC,KAD2B;EAE3Bb,OAF2B;EAG3Bc,cAH2B;EAI3BC,IAAI,EAAEC,WAJqB;EAK3BC,MAL2B;EAM3BC,IAAI,GAAG,QANoB;EAO3BC,OAP2B;EAQ3BX,WAR2B;EAS3BC,YAT2B;EAU3BW;AAV2B,CAAD,KAWtB;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAA,EACnBC,CAAC,IAAI;IACHA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;IACAL,QAAQ,IAAIA,QAAQ,CAACG,CAAD,CAApB;EACD,CALkB,EAMnB,CAACH,QAAD,CANmB,CAArB;EASA,MAAMM,sBAAsB,GAAG,IAAAJ,kBAAA,EAAYC,CAAC,IAAI;IAC9CA,CAAC,CAACC,eAAF;IACAD,CAAC,CAACE,cAAF;EACD,CAH8B,EAG5B,EAH4B,CAA/B;EAKA,MAAME,WAAW,GAAG,wBAASd,KAAT,EAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CAApB;EAEA,MAAMe,QAAQ,GAAG,oCAAW,qBAAM,EAAN,EAAU,OAAV,CAAX,EAA+B,qBAAM,GAAN,CAA/B,kBAAiDX,MAAjD,CAAjB;EACA,MAAMY,QAAQ,GAAGD,QAAQ,gBACvB;IAAK,SAAS,EAAE3B,qBAAA,CAAM6B;EAAtB,gBACE;IAAK,SAAS,EAAE7B,qBAAA,CAAM2B,QAAtB;IAAgC,KAAK,EAAEA;EAAvC,GACGA,QADH,CADF,EAIG,uBAAQd,cAAR,iBACC,6BAAC,8CAAD;IAAW,SAAS,EAAEb,qBAAA,CAAM8B;EAA5B,EADD,gBAGC;IAAK,SAAS,EAAE9B,qBAAA,CAAM+B;EAAtB,gBACE;IAAK,SAAS,EAAE/B,qBAAA,CAAMgC;EAAtB,gBACE,2CAAOnB,cAAP,CADF,CADF,eAIE;IAAK,SAAS,EAAEb,qBAAA,CAAMiC;EAAtB,gBACE,6BAAC,0CAAD;IAAU,KAAK,EAAE,EAAjB;IAAqB,MAAM,EAAE;EAA7B,EADF,CAJF,CAPJ,CADuB,gBAmBvB;IAAK,SAAS,EAAEjC,qBAAA,CAAMkC;EAAtB,EAnBF;EAqBA,MAAMC,QAAQ,GAAGC,uCAAA,CAAuBrB,WAAvB,EAAoCsB,IAArD;EACA,MAAMC,SAAS,GAAGF,uCAAA,CAAuBrB,WAAvB,EAAoCwB,KAAtD;;EACA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,KAAR,kBAAkB,6BAAC,kBAAD,eAAeD,KAAf;IAAsB,GAAG,EAAEC,KAA3B;IAAkC,KAAK,EAAE;EAAzC,GAArC;;EACA,MAAMC,UAAU,GAAGxB,QAAQ,gBACzB;IAAK,OAAO,EAAEC,YAAd;IAA4B,SAAS,EAAE,IAAAwB,mBAAA,EAAW5C,qBAAA,CAAM6C,UAAjB,EAA6B7C,qBAAA,CAAM8C,SAAnC;EAAvC,gBACE,6BAAC,oCAAD;IAAW,KAAK,EAAE,EAAlB;IAAsB,MAAM,EAAE;EAA9B,EADF,CADyB,GAIvB,IAJJ;;EAKA,MAAMC,UAAU,GAAG,cAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BT,UAA1B,EAAsCxB,MAAtC,CAAnB;;EACA,oBACE;IAAK,SAAS,EAAEhB,qBAAA,CAAMkD;EAAtB,gBACE;IAAK,SAAS,EAAElD,qBAAA,CAAMmD,YAAtB;IAAoC,OAAO,EAAE1B;EAA7C,gBACE;IAAK,SAAS,EAAEzB,qBAAA,CAAMoD,aAAtB;IAAqC,KAAK,EAAE;MAAC1C,eAAe,EAAE4B;IAAlB;EAA5C,gBACE;IAAK,SAAS,EAAEtC,qBAAA,CAAMqD;EAAtB,gBACE,6BAAC,QAAD;IAAU,SAAS,EAAErD,qBAAA,CAAMsD,UAA3B;IAAuC,KAAK,EAAE;MAACf,KAAK,EAAED;IAAR;EAA9C,EADF,CADF,CADF,EAMGV,QANH,EAOGe,UAPH,CADF,eAUE;IAAK,SAAS,EAAE3C,qBAAA,CAAMuD,eAAtB;IAAuC,OAAO,EAAE9B;EAAhD,GACGb,KAAK,KAAK,SAAV,gBAAsB,6BAAC,cAAD;IAAgB,OAAO,EAAEb;EAAzB,EAAtB,GAA6D,IADhE,EAEGa,KAAK,KAAK,OAAV,gBACC,6BAAC,YAAD;IAAc,OAAO,EAAEb,OAAvB;IAAgC,WAAW,EAAEQ,WAA7C;IAA0D,YAAY,EAAEC;EAAxE,EADD,GAEG,IAJN,EAKGS,IAAI,KAAK,MAAT,IAAmB,CAACS,WAApB,gBAAkC,0CAAMqB,UAAN,CAAlC,GAA4D,IAL/D,EAMG9B,IAAI,KAAK,MAAT,IAAmB,CAACS,WAApB,gBAAkC;IAAM,SAAS,EAAE1B,qBAAA,CAAMwD;EAAvB,GAA4BtC,OAA5B,CAAlC,GAAgF,IANnF,CAVF,EAkBG,CAACQ,WAAD,gBACC;IAAK,SAAS,EAAE1B,qBAAA,CAAMyD;EAAtB,gBACE;IAAG,SAAS,EAAEzD,qBAAA,CAAMD;EAApB,GAA8BA,OAA9B,CADF,eAEE,6BAAC,eAAD;IACE,aAAU,KADZ;IAEE,IAAI,EAAC,MAFP;IAGE,WAAW,EAAEQ,WAHf;IAIE,SAAS,EAAEP,qBAAA,CAAMS,YAJnB;IAKE,KAAK,EAAE;MAACC,eAAe,EAAEF;IAAlB;EALT,EAFF,CADD,GAWG,IA7BN,CADF;AAiCD,CA5FM;;;eA8FQG,Y;;AAEfA,YAAY,CAACT,SAAb,2CAAyB;EACvBU,KAAK,EAAET,kBAAA,CAAUC,MAAV,CAAiBC,UADD;EAEvBN,OAAO,EAAEI,kBAAA,CAAUC,MAAV,CAAiBC,UAFH;EAGvBQ,cAAc,EAAEV,kBAAA,CAAUC,MAHH;EAIvBc,OAAO,EAAEf,kBAAA,CAAUC,MAJI;EAKvBU,IAAI,EAAEX,kBAAA,CAAUC,MALO;EAMvBY,MAAM,EAAEb,kBAAA,CAAUuD,OAAV,CACNvD,kBAAA,CAAUwD,KAAV,cACKC,kBAAA,CAAU1D,SADf;IAEEY,IAAI,EAAEX,kBAAA,CAAU0D,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GADM,CANe;EAYvB5C,IAAI,EAAEd,kBAAA,CAAU0D,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,CAAhB,CAZiB;EAavBtD,WAAW,EAAEJ,kBAAA,CAAUC,MAbA;EAcvBI,YAAY,EAAEL,kBAAA,CAAUC,MAdD;EAevBe,QAAQ,EAAEhB,kBAAA,CAAU2D;AAfG,CAAzB"}

package/lib/molecule/filters/index.js

@@ -118,7 +118,9 @@ class Filters extends _react.default.Component {
     }, filterTabLabel, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.arrow
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-      color: darkColor,
+      style: {
+        color: darkColor
+      },
       height: 14,
       "aria-label": moreFilterAriaLabel
     })))), /*#__PURE__*/_react.default.createElement("div", {
@@ -132,7 +134,9 @@ class Filters extends _react.default.Component {
     }, sortTabLabel, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.arrow
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-      color: darkColor,
+      style: {
+        color: darkColor
+      },
       height: 14,
       "aria-label": moreSortAriaLabel
     })))), /*#__PURE__*/_react.default.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Filters","React","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","style","select","search","activeDefault","default","title","arrow","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","FiltersWrapper","shape","Select","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown color={darkColor} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Filters","React","Component","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","bind","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","skin","context","defaultColor","darkColor","filtersActive","sortingActive","sortView","undefined","style","select","search","activeDefault","default","title","arrow","color","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","FiltersWrapper","shape","Select","func"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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"}

package/lib/molecule/pdf/index.js

@@ -40,7 +40,9 @@ const PDF = (props, context) => {
       backgroundImage: `url(${poster})`
     }
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaLineFilesOfficeFileOfficePdf, {
-    color: white,
+    style: {
+      color: white
+    },
     className: _style.default.pdfIcon
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.pdfDescription, _style.default.innerHTML),

package/lib/molecule/pdf/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","pdfIcon","classnames","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon color={white} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9B,MAAM;IAACC,WAAD;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA0CL,KAAhD;EACA,MAAM;IAACM,SAAD;IAAYC;EAAZ,IAAoBN,OAA1B;EAEA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;EACA,MAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;EAEA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMR,MAAO;IAD1B;EAFT,gBAME,6BAAC,2CAAD;IAAS,KAAK,EAAEI,KAAhB;IAAuB,SAAS,EAAEE,cAAA,CAAMG;EAAxC,EANF,eAOE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWJ,cAAA,CAAMK,cAAjB,EAAiCL,cAAA,CAAMM,SAAvC,CADb;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAT;EAJ3B,EAPF,eAcE,6BAAC,aAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEK,cAAA,CAAMQ;EAAtB,gBACE;IAAK,SAAS,EAAER,cAAA,CAAMS,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAEX;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEC,cAAA,CAAMW;EAAxB,GAA6Cf,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACuB,YAAJ,GAAmB;EACjBhB,SAAS,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB,SADrB;EAEjBC,IAAI,EAAEgB,iBAAA,CAASC,iBAAT,CAA2BjB;AAFhB,CAAnB;AAKAR,GAAG,CAAC0B,SAAJ,2CAAgB;EACdvB,WAAW,EAAEwB,kBAAA,CAAUC,MADT;EAEdxB,QAAQ,EAAEuB,kBAAA,CAAUC,MAFN;EAGdvB,MAAM,EAAEsB,kBAAA,CAAUC,MAHJ;EAIdtB,MAAM,EAAEqB,kBAAA,CAAUE;AAJJ,CAAhB;eAOe7B,G"}
+{"version":3,"file":"index.js","names":["PDF","props","context","description","mediaUrl","poster","onPlay","translate","skin","white","primary","style","pdfFrame","backgroundImage","color","pdfIcon","classnames","pdfDescription","innerHTML","__html","openPDFButton","openPDFButtonBackground","backgroundColor","openPDFButtonLabel","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/pdf/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaLineFilesOfficeFileOfficePdf as PDFIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst PDF = (props, context) => {\n  const {description, mediaUrl, poster, onPlay} = props;\n  const {translate, skin} = context;\n\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n\n  return (\n    <div\n      className={style.pdfFrame}\n      style={{\n        backgroundImage: `url(${poster})`\n      }}\n    >\n      <PDFIcon style={{color: white}} className={style.pdfIcon} />\n      <div\n        className={classnames(style.pdfDescription, style.innerHTML)}\n        data-name=\"pdfDescription\"\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n\n      <Link href={mediaUrl} target=\"_blank\" onClick={onPlay}>\n        <div className={style.openPDFButton}>\n          <div className={style.openPDFButtonBackground} style={{backgroundColor: primary}} />\n          <label className={style.openPDFButtonLabel}>{translate('Open')}</label>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nPDF.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nPDF.propTypes = {\n  description: PropTypes.string,\n  mediaUrl: PropTypes.string,\n  poster: PropTypes.string,\n  onPlay: PropTypes.func\n};\n\nexport default PDF;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9B,MAAM;IAACC,WAAD;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA0CL,KAAhD;EACA,MAAM;IAACM,SAAD;IAAYC;EAAZ,IAAoBN,OAA1B;EAEA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;EACA,MAAME,OAAO,GAAG,mBAAI,gBAAJ,EAAsBF,IAAtB,CAAhB;EAEA,oBACE;IACE,SAAS,EAAEG,cAAA,CAAMC,QADnB;IAEE,KAAK,EAAE;MACLC,eAAe,EAAG,OAAMR,MAAO;IAD1B;EAFT,gBAME,6BAAC,2CAAD;IAAS,KAAK,EAAE;MAACS,KAAK,EAAEL;IAAR,CAAhB;IAAgC,SAAS,EAAEE,cAAA,CAAMI;EAAjD,EANF,eAOE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb;IAEE,aAAU,gBAFZ,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAJ3B,EAPF,eAcE,6BAAC,aAAD;IAAM,IAAI,EAAEC,QAAZ;IAAsB,MAAM,EAAC,QAA7B;IAAsC,OAAO,EAAEE;EAA/C,gBACE;IAAK,SAAS,EAAEK,cAAA,CAAMS;EAAtB,gBACE;IAAK,SAAS,EAAET,cAAA,CAAMU,uBAAtB;IAA+C,KAAK,EAAE;MAACC,eAAe,EAAEZ;IAAlB;EAAtD,EADF,eAEE;IAAO,SAAS,EAAEC,cAAA,CAAMY;EAAxB,GAA6ChB,SAAS,CAAC,MAAD,CAAtD,CAFF,CADF,CAdF,CADF;AAuBD,CA9BD;;AAgCAP,GAAG,CAACwB,YAAJ,GAAmB;EACjBjB,SAAS,EAAEkB,iBAAA,CAASC,iBAAT,CAA2BnB,SADrB;EAEjBC,IAAI,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB;AAFhB,CAAnB;AAKAR,GAAG,CAAC2B,SAAJ,2CAAgB;EACdxB,WAAW,EAAEyB,kBAAA,CAAUC,MADT;EAEdzB,QAAQ,EAAEwB,kBAAA,CAAUC,MAFN;EAGdxB,MAAM,EAAEuB,kBAAA,CAAUC,MAHJ;EAIdvB,MAAM,EAAEsB,kBAAA,CAAUE;AAJJ,CAAhB;eAOe9B,G"}

package/lib/molecule/resource-player/index.js

@@ -128,7 +128,9 @@ const OverlayElement = (props = {}, context = undefined) => {
     className: _style.default.icons
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVideosVideoControlPlay, {
     className: _style.default.playButton,
-    color: dark
+    style: {
+      color: dark
+    }
   }), /*#__PURE__*/_react.default.createElement(_life.default, {
     count: lifeAmount,
     operator: "+",

package/lib/molecule/resource-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","type","isRequired","description","string","VideoPlayer","propTypes","pdfPropType","mediaUrl","Pdf","audioPropType","Audio","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","style","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","delay","overlayTitle","overlayText","contextTypes","Provider","childContextTypes","number","func","ResourcePlayer","React","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} color={dark} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","type","isRequired","description","string","VideoPlayer","propTypes","pdfPropType","mediaUrl","Pdf","audioPropType","Audio","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","style","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","color","delay","overlayTitle","overlayText","contextTypes","Provider","childContextTypes","number","func","ResourcePlayer","React","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"sources":["../../../src/molecule/resource-player/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} style={{color: dark}} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,MAAMA,UAAU,GAAG,KAAnB;;AACA,MAAMC,QAAQ,GAAG,KAAjB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AACA,MAAMC,UAAU,GAAG,OAAnB;;AAEP,MAAMC,MAAN,2CAAeC,IAAI,IAAIC,kBAAA,CAAUC,KAAV,CAAgB,CAACF,IAAD,CAAhB,CAAvB;AAEA,MAAMG,aAAN,2CAAsBF,kBAAA,CAAUG,KAAV;EACpBC,IAAI,EAAEN,MAAM,CAACF,UAAD,CAAN,CAAmBS,UADL;EAEpBC,WAAW,EAAEN,kBAAA,CAAUO,MAAV,CAAiBF;AAFV,GAGjBG,oBAAA,CAAYC,SAHK,EAAtB;AAMA,MAAMC,WAAN,2CAAoBV,kBAAA,CAAUG,KAAV;EAClBC,IAAI,EAAEN,MAAM,CAACH,QAAD,CAAN,CAAiBU,UADL;EAElBC,WAAW,EAAEN,kBAAA,CAAUO,MAAV,CAAiBF,UAFZ;EAGlBM,QAAQ,EAAEX,kBAAA,CAAUO,MAAV,CAAiBF;AAHT,GAIfO,YAAA,CAAIH,SAJW,EAApB;AAOA,MAAMI,aAAN,2CAAsBb,kBAAA,CAAUG,KAAV;EACpBC,IAAI,EAAEN,MAAM,CAACD,UAAD,CAAN,CAAmBQ,UADL;EAEpBC,WAAW,EAAEN,kBAAA,CAAUO,MAAV,CAAiBF,UAFV;EAGpBM,QAAQ,EAAEX,kBAAA,CAAUO,MAAV,CAAiBF;AAHP,GAIjBS,cAAA,CAAML,SAJW,EAAtB;AAOA,MAAMM,WAAN,2CAAoBf,kBAAA,CAAUG,KAAV,CAAgB;EAClCC,IAAI,EAAEN,MAAM,CAACJ,UAAD,CAAN,CAAmBW,UADS;EAElCW,GAAG,EAAEhB,kBAAA,CAAUO,MAAV,CAAiBF;AAFY,CAAhB,CAApB;;AAKA,MAAMY,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAACC,QAAD;IAAWC,QAAQ,GAAG,KAAtB;IAA6BC;EAA7B,IAAiDH,KAAvD;;EACA,eAAuC,oBAAK,IAAL,EAAWC,QAAX,CAAvC;EAAA,MAAM;IAACf,IAAD;IAAOkB;EAAP,CAAN;EAAA,MAAyBC,UAAzB;;EACA,MAAM;IAACP;EAAD,IAAQO,UAAd;;EAEA,QAAQnB,IAAR;IACE,KAAKV,UAAL;MACE,oBAAO;QAAK,SAAS,EAAE8B,cAAA,CAAMC,GAAtB;QAA2B,KAAK,EAAE;UAACC,eAAe,EAAG,OAAMV,GAAI;QAA7B;MAAlC,EAAP;;IACF,KAAKrB,QAAL;MACE,oBAAO,6BAAC,YAAD,EAAS4B,UAAT,CAAP;;IACF,KAAK1B,UAAL;MACE,oBAAO,6BAAC,cAAD,EAAW0B,UAAX,CAAP;;IACF,KAAK3B,UAAL;MACE,oBACE,6BAAC,oBAAD,eACM,oBAAK,IAAL,EAAW2B,UAAX,CADN;QAEE,QAAQ,EAAEH,QAFZ;QAGE,gBAAgB,EAAEC,gBAHpB;QAIE,EAAE,EAAEC;MAJN,GADF;EARJ;AAiBD,CAtBD;;AAwBAL,eAAe,CAACR,SAAhB,2CAA4B;EAC1BU,QAAQ,EAAEnB,kBAAA,CAAU2B,SAAV,CAAoB,CAACzB,aAAD,EAAgBQ,WAAhB,EAA6BK,WAA7B,EAA0CF,aAA1C,CAApB,CADgB;EAE1BO,QAAQ,EAAEpB,kBAAA,CAAU4B,IAFM;EAG1BP,gBAAgB,EAAErB,kBAAA,CAAU4B;AAHF,CAA5B;;AAMA,MAAMC,cAAc,GAAG,CAACX,KAAK,GAAG,EAAT,EAAaY,OAAO,GAAGC,SAAvB,KAAqC;EAC1D,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,UAAd;IAA0BC;EAA1B,IAAqCjB,KAA3C;EACA,MAAM;IAACkB;EAAD,IAASN,OAAf;EACA,MAAMO,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;EAEA,oBACE;IAAK,SAAS,EAAEZ,cAAA,CAAMc,OAAtB;IAA+B,OAAO,EAAEH,OAAxC;IAAiD,aAAU;EAA3D,gBACE;IAAK,SAAS,EAAEX,cAAA,CAAMe;EAAtB,gBACE,6BAAC,0CAAD;IAAM,SAAS,EAAEf,cAAA,CAAMgB,UAAvB;IAAmC,KAAK,EAAE;MAACC,KAAK,EAAEJ;IAAR;EAA1C,EADF,eAEE,6BAAC,aAAD;IACE,KAAK,EAAEH,UADT;IAEE,QAAQ,EAAC,GAFX;IAGE,MAAM,EAAE;MACN9B,IAAI,EAAE,aADA;MAENsC,KAAK,EAAE;IAFD,CAHV;IAOE,YAAY;EAPd,EAFF,CADF,eAcE;IAAG,SAAS,EAAElB,cAAA,CAAMmB;EAApB,GAAmCX,KAAnC,CAdF,eAeE;IAAG,SAAS,EAAER,cAAA,CAAMoB;EAApB,GAAkCX,IAAlC,CAfF,CADF;AAmBD,CAxBD;;AA0BAJ,cAAc,CAACgB,YAAf,GAA8B;EAC5BT,IAAI,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AADL,CAA9B;AAIAP,cAAc,CAACpB,SAAf,2CAA2B;EACzByB,UAAU,EAAElC,kBAAA,CAAUgD,MADG;EAEzBb,OAAO,EAAEnC,kBAAA,CAAUiD,IAFM;EAGzBhB,IAAI,EAAEjC,kBAAA,CAAUO,MAHS;EAIzByB,KAAK,EAAEhC,kBAAA,CAAUO;AAJQ,CAA3B;;AAOA,MAAM2C,cAAN,SAA6BC,cAAA,CAAMC,SAAnC,CAA6C;EAW3CC,WAAW,CAACnC,KAAD,EAAQY,OAAR,EAAiB;IAC1B,MAAMZ,KAAN;IACA,KAAKoC,KAAL,GAAa;MACXlC,QAAQ,EAAE,KADC;MAEXkB,OAAO,EAAEpB,KAAK,CAACoB;IAFJ,CAAb;IAKA,KAAKiB,aAAL,GAAqB,KAAKA,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,aAAa,GAAG;IACd,KAAKE,QAAL,CAAc;MACZrC,QAAQ,EAAE,IADE;MAEZkB,OAAO,EAAE;IAFG,CAAd;EAID;;EAEDoB,MAAM,GAAG;IACP,MAAM;MAACC,SAAS,EAAEC,eAAZ;MAA6BzC,QAA7B;MAAuCmB,OAAO,EAAEuB;IAAhD,IAAgE,KAAK3C,KAA3E;IACA,MAAM;MAACoB,OAAO,EAAEwB,YAAV;MAAwB1C;IAAxB,IAAoC,KAAKkC,KAA/C;IACA,MAAM;MAAClD;IAAD,IAASe,QAAf;IAEA,MAAM4C,WAAW,GAAGD,YAAY,gBAC9B,6BAAC,cAAD,eAAoBA,YAApB;MAAkC,OAAO,EAAE,KAAKP;IAAhD,GAD8B,GAE5B,IAFJ;IAIA,oBACE;MAAK,aAAWnD,IAAhB;MAAsB,SAAS,EAAEwD;IAAjC,gBACE;MACE,SAAS,EACP;QACE,CAAClE,UAAD,GAAc8B,cAAA,CAAMwC,KADtB;QAEE,CAACrE,QAAD,GAAY6B,cAAA,CAAMyC,GAFpB;QAGE,CAACpE,UAAD,GAAc2B,cAAA,CAAM0C,KAHtB;QAIE,CAACtE,UAAD,GAAc4B,cAAA,CAAM2C;MAJtB,EAKE/D,IALF;IAFJ,GAUG2D,WAVH,eAWE,6BAAC,eAAD,eAAqB,KAAK7C,KAA1B;MAAiC,gBAAgB,EAAE,CAAC,CAAC2C,YAArD;MAAmE,QAAQ,EAAEzC;IAA7E,GAXF,CADF,CADF;EAiBD;;AAtD0C;;AAAvC8B,c,CACGzC,S,2CAAY;EACjBkD,SAAS,EAAE3D,kBAAA,CAAUO,MADJ;EAEjBY,QAAQ,EAAEnB,kBAAA,CAAU2B,SAAV,CAAoB,CAACzB,aAAD,EAAgBQ,WAAhB,EAA6BK,WAA7B,EAA0CF,aAA1C,CAApB,CAFO;EAGjByB,OAAO,EAAEtC,kBAAA,CAAUG,KAAV,CAAgB;IACvB6B,KAAK,EAAEhC,kBAAA,CAAUO,MADM;IAEvB0B,IAAI,EAAEjC,kBAAA,CAAUO,MAFO;IAGvB2B,UAAU,EAAElC,kBAAA,CAAUgD;EAHC,CAAhB;AAHQ,C;eAwDNE,c"}

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

@@ -58,7 +58,9 @@ const SearchForm = (props, context) => {
     onClick: onReset,
     className: search.value ? _style.default.wrapperClear : _style.default.wrapperNoClear
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
-    color: dark,
+    style: {
+      color: dark
+    },
     className: _style.default.clear
   })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","useMemo","evt","preventDefault","skin","dark","style","form","placeholder","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\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    'search-reset-aria-label': searchResetAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\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 {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\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  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,MADI;IAEJC,MAFI;IAGJC,QAHI;IAIJC,OAJI;IAKJC,MALI;IAMJC,aANI;IAOJC,YAPI;IAQJ,2BAA2BC;EARvB,IASFT,KATJ;EAUA,MAAMU,YAAY,GAAG,IAAAC,cAAA,EACnB,MAAMC,GAAG,IAAI;IACXA,GAAG,CAACC,cAAJ;IACA,OAAOT,QAAQ,IAAIA,QAAQ,CAACQ,GAAD,CAA3B;EACD,CAJkB,EAKnB,CAACR,QAAD,CALmB,CAArB;EAOA,MAAM;IAACU;EAAD,IAASb,OAAf;EACA,MAAMc,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;EAEA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMC,IADnB;IAEE,MAAM,EAAEf,MAFV;IAGE,MAAM,EAAEC,MAHV;IAIE,QAAQ,EAAEO,YAJZ;IAKE,aAAU,YALZ;IAME,cAAYJ,MAAM,CAACY;EANrB,gBAQE,6BAAC,oBAAD,eAAYZ,MAAZ;IAAoB,OAAO,EAAEC,aAA7B;IAA4C,MAAM,EAAEC;EAApD,GARF,eASE;IACE,aAAU,mBADZ;IAEE,cAAYC,oBAFd;IAGE,OAAO,EAAEJ,OAHX;IAIE,SAAS,EAAEC,MAAM,CAACa,KAAP,GAAeH,cAAA,CAAMI,YAArB,GAAoCJ,cAAA,CAAMK;EAJvD,gBAME,6BAAC,wCAAD;IAAW,KAAK,EAAEN,IAAlB;IAAwB,SAAS,EAAEC,cAAA,CAAMM;EAAzC,EANF,CATF,CADF;AAoBD,CAzCD;;AA2CAvB,UAAU,CAACwB,SAAX,2CAAuB;EACrBrB,MAAM,EAAEsB,kBAAA,CAAUC,MADG;EAErBtB,MAAM,EAAEqB,kBAAA,CAAUC,MAFG;EAGrBrB,QAAQ,EAAEoB,kBAAA,CAAUE,IAHC;EAIrBrB,OAAO,EAAEmB,kBAAA,CAAUE,IAJE;EAKrBnB,aAAa,EAAEiB,kBAAA,CAAUE,IALJ;EAMrBlB,YAAY,EAAEgB,kBAAA,CAAUE,IANH;EAOrBpB,MAAM,EAAEkB,kBAAA,CAAUG,KAAV,CAAgBC,oBAAA,CAAOL,SAAvB,CAPa;EAQrB,2BAA2BC,kBAAA,CAAUC;AARhB,CAAvB;eAWe1B,U"}
+{"version":3,"file":"index.js","names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","useMemo","evt","preventDefault","skin","dark","style","form","placeholder","value","wrapperClear","wrapperNoClear","color","clear","propTypes","PropTypes","string","func","shape","Search"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\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    'search-reset-aria-label': searchResetAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\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 {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon style={{color: dark}} className={style.clear} />\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  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,MADI;IAEJC,MAFI;IAGJC,QAHI;IAIJC,OAJI;IAKJC,MALI;IAMJC,aANI;IAOJC,YAPI;IAQJ,2BAA2BC;EARvB,IASFT,KATJ;EAUA,MAAMU,YAAY,GAAG,IAAAC,cAAA,EACnB,MAAMC,GAAG,IAAI;IACXA,GAAG,CAACC,cAAJ;IACA,OAAOT,QAAQ,IAAIA,QAAQ,CAACQ,GAAD,CAA3B;EACD,CAJkB,EAKnB,CAACR,QAAD,CALmB,CAArB;EAOA,MAAM;IAACU;EAAD,IAASb,OAAf;EACA,MAAMc,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;EAEA,oBACE;IACE,SAAS,EAAEE,cAAA,CAAMC,IADnB;IAEE,MAAM,EAAEf,MAFV;IAGE,MAAM,EAAEC,MAHV;IAIE,QAAQ,EAAEO,YAJZ;IAKE,aAAU,YALZ;IAME,cAAYJ,MAAM,CAACY;EANrB,gBAQE,6BAAC,oBAAD,eAAYZ,MAAZ;IAAoB,OAAO,EAAEC,aAA7B;IAA4C,MAAM,EAAEC;EAApD,GARF,eASE;IACE,aAAU,mBADZ;IAEE,cAAYC,oBAFd;IAGE,OAAO,EAAEJ,OAHX;IAIE,SAAS,EAAEC,MAAM,CAACa,KAAP,GAAeH,cAAA,CAAMI,YAArB,GAAoCJ,cAAA,CAAMK;EAJvD,gBAME,6BAAC,wCAAD;IAAW,KAAK,EAAE;MAACC,KAAK,EAAEP;IAAR,CAAlB;IAAiC,SAAS,EAAEC,cAAA,CAAMO;EAAlD,EANF,CATF,CADF;AAoBD,CAzCD;;AA2CAxB,UAAU,CAACyB,SAAX,2CAAuB;EACrBtB,MAAM,EAAEuB,kBAAA,CAAUC,MADG;EAErBvB,MAAM,EAAEsB,kBAAA,CAAUC,MAFG;EAGrBtB,QAAQ,EAAEqB,kBAAA,CAAUE,IAHC;EAIrBtB,OAAO,EAAEoB,kBAAA,CAAUE,IAJE;EAKrBpB,aAAa,EAAEkB,kBAAA,CAAUE,IALJ;EAMrBnB,YAAY,EAAEiB,kBAAA,CAAUE,IANH;EAOrBrB,MAAM,EAAEmB,kBAAA,CAAUG,KAAV,CAAgBC,oBAAA,CAAOL,SAAvB,CAPa;EAQrB,2BAA2BC,kBAAA,CAAUC;AARhB,CAAvB;eAWe3B,U"}

package/lib/molecule/select-multiple/index.js

@@ -219,12 +219,16 @@ const SelectMultiple = ({
   }, errorIconView), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.flex, isActive && _style.default.clicked)
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-    color: black,
+    style: {
+      color: black
+    },
     className: (0, _classnames.default)(_style.default.arrow, {
       [_style.default.down]: isActive
     })
   }))) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-    color: black,
+    style: {
+      color: black
+    },
     className: (0, _classnames.default)(_style.default.arrow, {
       [_style.default.down]: isActive
     })

package/lib/molecule/select-multiple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["themeStyle","setup","style","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","useCallback","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","error","disabled","skin","isOpened","updateIsOpened","useState","nodeRef","useRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","useEffect","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","isActive","titleView","classnames","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","getClassState","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","TitledCheckbox","func","string","arrayOf","oneOf"],"sources":["../../../src/molecule/select-multiple/index.js"],"sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/input-checkbox';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar,\n  coorpmanager: style.coorpmanager\n};\n\nexport const useChoices = options => {\n  const choicesRef = {current: options};\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst CMMultipleView = ({multiple, choice, onChange}) => {\n  const handleChange = useCallback(\n    checked => {\n      if (!multiple) {\n        return onChange(choice);\n      }\n      return onChange({...choice, selected: checked});\n    },\n    [onChange, choice, multiple]\n  );\n\n  return multiple ? (\n    <div className={style.item}>\n      <Checkbox\n        titleStyle=\"inherit\"\n        checked={choice.selected}\n        onChange={handleChange}\n        noLabelMargins\n        title={choice.name}\n      />\n    </div>\n  ) : (\n    <span\n      className={style.item}\n      onClick={handleChange}\n      title={choice.name}\n      data-name={`${choice.name}-language`}\n    >\n      {choice.name}\n    </span>\n  );\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    hint,\n    multiple,\n    onChange,\n    onError,\n    modified = false,\n    error = '',\n    disabled = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(\n    e => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      updateIsOpened(prev => !prev);\n    },\n    [disabled]\n  );\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n      updateIsOpened(false);\n      return onChange(choice);\n    },\n    [multiple, onChange, setChoices, getChoices]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const isCMTheme = theme === 'coorpmanager';\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        {isCMTheme ? (\n          <CMMultipleView multiple={multiple} choice={{...choice, i}} onChange={handleChange} />\n        ) : (\n          <TitledCheckbox\n            onToggle={handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        )}\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const isActive = isOpened === true;\n\n  const titleView = title ? (\n    <span\n      className={classnames(\n        style.title,\n        isCMTheme && selection && style.titleWithSelection,\n        isCMTheme && isEmpty(selection) && style.noValue,\n        isActive && style.active\n      )}\n    >\n      {title}\n      {isCMTheme ? (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon className={style.infoIcon} />\n          <div className={style.descriptionLabel}>{description}</div>\n        </div>\n      ) : null}\n    </span>\n  ) : null;\n\n  const hintView = isCMTheme ? (\n    <div\n      className={classnames(style.hint, isActive && style.hideHint)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: error || hint}}\n    />\n  ) : null;\n\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const showPlaceholder = isCMTheme && isActive;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  const errorIconView = error ? <ErrorIcon onClick={onError} className={style.errorIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(mainClass, behaviourClassName, disabled && style.disabled)}\n      ref={nodeRef}\n    >\n      <label>\n        {!isCMTheme && titleView}\n        <div\n          className={style.select}\n          title={selection || placeholder}\n          data-name={`select-languages`}\n          onClick={handleOnClick}\n        >\n          {isCMTheme && titleView}\n          <span\n            className={classnames(\n              style.selection,\n              isCMTheme && isEmpty(selection) && style.noselection\n            )}\n          >\n            {selection || !isCMTheme || (showPlaceholder && placeholder) || null}\n          </span>\n          {isCMTheme ? (\n            <div className={style.iconsWrapper}>\n              <div className={style.flex}>{errorIconView}</div>\n              <div className={classnames(style.flex, isActive && style.clicked)}>\n                <ArrowDown\n                  color={black}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          )}\n        </div>\n        <div className={classnames(style.choices, isActive && style.activeChoices)}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      {!isCMTheme ? <div className={style.description}>{description}</div> : null}\n      {hintView}\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCMMultipleView.propTypes = {\n  multiple: PropTypes.bool,\n  choice: TitledCheckbox.propTypes.choice,\n  onChange: PropTypes.func\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  hint: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  multiple: PropTypes.bool,\n  modified: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default SelectMultiple;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["themeStyle","setup","style","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","useCallback","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","error","disabled","skin","isOpened","updateIsOpened","useState","nodeRef","useRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","useEffect","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","isActive","titleView","classnames","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","getClassState","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","color","arrow","down","activeChoices","list","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","TitledCheckbox","func","string","arrayOf","oneOf"],"sources":["../../../src/molecule/select-multiple/index.js"],"sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/input-checkbox';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar,\n  coorpmanager: style.coorpmanager\n};\n\nexport const useChoices = options => {\n  const choicesRef = {current: options};\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst CMMultipleView = ({multiple, choice, onChange}) => {\n  const handleChange = useCallback(\n    checked => {\n      if (!multiple) {\n        return onChange(choice);\n      }\n      return onChange({...choice, selected: checked});\n    },\n    [onChange, choice, multiple]\n  );\n\n  return multiple ? (\n    <div className={style.item}>\n      <Checkbox\n        titleStyle=\"inherit\"\n        checked={choice.selected}\n        onChange={handleChange}\n        noLabelMargins\n        title={choice.name}\n      />\n    </div>\n  ) : (\n    <span\n      className={style.item}\n      onClick={handleChange}\n      title={choice.name}\n      data-name={`${choice.name}-language`}\n    >\n      {choice.name}\n    </span>\n  );\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    hint,\n    multiple,\n    onChange,\n    onError,\n    modified = false,\n    error = '',\n    disabled = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(\n    e => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      updateIsOpened(prev => !prev);\n    },\n    [disabled]\n  );\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n      updateIsOpened(false);\n      return onChange(choice);\n    },\n    [multiple, onChange, setChoices, getChoices]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const isCMTheme = theme === 'coorpmanager';\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        {isCMTheme ? (\n          <CMMultipleView multiple={multiple} choice={{...choice, i}} onChange={handleChange} />\n        ) : (\n          <TitledCheckbox\n            onToggle={handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        )}\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const isActive = isOpened === true;\n\n  const titleView = title ? (\n    <span\n      className={classnames(\n        style.title,\n        isCMTheme && selection && style.titleWithSelection,\n        isCMTheme && isEmpty(selection) && style.noValue,\n        isActive && style.active\n      )}\n    >\n      {title}\n      {isCMTheme ? (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon className={style.infoIcon} />\n          <div className={style.descriptionLabel}>{description}</div>\n        </div>\n      ) : null}\n    </span>\n  ) : null;\n\n  const hintView = isCMTheme ? (\n    <div\n      className={classnames(style.hint, isActive && style.hideHint)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: error || hint}}\n    />\n  ) : null;\n\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const showPlaceholder = isCMTheme && isActive;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  const errorIconView = error ? <ErrorIcon onClick={onError} className={style.errorIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(mainClass, behaviourClassName, disabled && style.disabled)}\n      ref={nodeRef}\n    >\n      <label>\n        {!isCMTheme && titleView}\n        <div\n          className={style.select}\n          title={selection || placeholder}\n          data-name={`select-languages`}\n          onClick={handleOnClick}\n        >\n          {isCMTheme && titleView}\n          <span\n            className={classnames(\n              style.selection,\n              isCMTheme && isEmpty(selection) && style.noselection\n            )}\n          >\n            {selection || !isCMTheme || (showPlaceholder && placeholder) || null}\n          </span>\n          {isCMTheme ? (\n            <div className={style.iconsWrapper}>\n              <div className={style.flex}>{errorIconView}</div>\n              <div className={classnames(style.flex, isActive && style.clicked)}>\n                <ArrowDown\n                  style={{color: black}}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              style={{color: black}}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          )}\n        </div>\n        <div className={classnames(style.choices, isActive && style.activeChoices)}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      {!isCMTheme ? <div className={style.description}>{description}</div> : null}\n      {hintView}\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCMMultipleView.propTypes = {\n  multiple: PropTypes.bool,\n  choice: TitledCheckbox.propTypes.choice,\n  onChange: PropTypes.func\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  hint: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  multiple: PropTypes.bool,\n  modified: PropTypes.bool,\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default SelectMultiple;\n"],"mappings":"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"}

package/lib/molecule/setup-section/index.js

@@ -39,7 +39,9 @@ const ContentTypesToggler = (props, context) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentTypeWrapper
   }, /*#__PURE__*/_react.default.createElement(_radioGroup.default, _extends({}, contentTypes, {
-    color: contentTypesColor
+    style: {
+      color: contentTypesColor
+    }
   })));
 };