@coorpacademy/components 11.9.3-alpha.25.24 → 11.9.3-alpha.29

package/es/organism/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","propTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","classnames","PropTypes","NovaCompositionCoorpacademyOpenInNewTab","Link","Button","Provider","Select","Cta","SelectMultiple","style","NEUTRAL_COLOR","InputTextItem","props","title","placeholder","value","onChange","disabled","name","index","uppercase","handleOnChange","e","target","selectItem","selectTitle","input","propTypes","number","string","isRequired","bool","func","SelectItem","options","arrayOf","shape","selected","MultiSelectItem","LinkItem","href","color","onClick","styles","children","setChildrenAsHtml","handleOnClick","classNames","linkItem","innerHTML","borderStyle","borderLeftColor","textDecoration","__html","IconLinkItem","icon","TitleItem","titleItem","titleItemTitle","ButtonItem","neutralColor","cta","backgroundColor","button","rectangular","fullWidth","secondary","submitValue","buttonItem","oneOfType","InfoItem","color_","infoItem","infoItemTitle","infoItemContent","SidebarItem","item","type","oneOf","SidebarItems","items","sectionItems","map","Sidebar","context","sections","Array","isArray","skin","defaultColor","sidebar","sidebarSection","idx","sidebarPart","contextTypes","childContextTypes"],"sources":["../../../src/organism/sidebar/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, defaults} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyOpenInNewTab} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport Select from '../../atom/select';\nimport Cta from '../../atom/cta';\nimport SelectMultiple from '../../molecule/select-multiple';\nimport style from './style.css';\n\nconst NEUTRAL_COLOR = '#607D8B';\n\nexport const InputTextItem = props => {\n  const {\n    title,\n    placeholder = '',\n    value,\n    onChange = noop,\n    disabled,\n    name,\n    index,\n    uppercase = true\n  } = props;\n  const handleOnChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  return (\n    <li data-name={name || `inputtext-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <input\n        type=\"text\"\n        name={title}\n        className={style.input}\n        placeholder={placeholder}\n        value={value}\n        disabled={disabled}\n        onChange={handleOnChange}\n      />\n    </li>\n  );\n};\n\nInputTextItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const SelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <Select title={title} onChange={onChange} theme=\"header\" options={options} />\n    </li>\n  );\n};\n\nSelectItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      selected: PropTypes.bool.isRequired\n    })\n  ).isRequired,\n  onChange: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nexport const MultiSelectItem = ({name, index, onChange, title, options, uppercase = true}) => {\n  return (\n    <li data-name={name || `select-item-${index}`} className={style.selectItem}>\n      <div className={classnames(style.selectTitle, {[style.uppercase]: uppercase})}>{title}</div>\n      <SelectMultiple theme=\"sidebar\" onChange={onChange} options={options} />\n    </li>\n  );\n};\n\nMultiSelectItem.propTypes = SelectItem.propTypes;\n\nexport const LinkItem = ({\n  href,\n  index,\n  name,\n  selected,\n  color,\n  title,\n  onClick,\n  uppercase = true,\n  styles,\n  children,\n  setChildrenAsHtml = true,\n  target = '_self'\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n\n  const classNames = classnames(\n    style.linkItem,\n    style.innerHTML,\n    {[style.uppercase]: uppercase},\n    styles\n  );\n  const borderStyle = {borderLeftColor: selected ? color : null};\n\n  return (\n    <Link\n      target={target}\n      onClick={handleOnClick}\n      skinHover\n      href={href}\n      data-name={name || `link-item-${index}`}\n      style={{\n        textDecoration: 'none',\n        color: selected ? color : NEUTRAL_COLOR\n      }}\n    >\n      {setChildrenAsHtml ? (\n        <li\n          className={classNames}\n          style={borderStyle}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      ) : (\n        <li className={classNames} style={borderStyle}>\n          {title}\n          {children}\n        </li>\n      )}\n    </Link>\n  );\n};\n\nLinkItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  selected: PropTypes.bool,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  setChildrenAsHtml: PropTypes.bool,\n  target: PropTypes.string\n};\n\nexport const IconLinkItem = ({\n  index,\n  name = `button-link-item-${index}`,\n  onClick,\n  uppercase = true,\n  ...props\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  return (\n    <LinkItem\n      {...props}\n      setChildrenAsHtml={false}\n      onClick={handleOnClick}\n      name={name}\n      uppercase={uppercase}\n      index={index}\n    >\n      <NovaCompositionCoorpacademyOpenInNewTab className={style.icon} />\n    </LinkItem>\n  );\n};\n\nIconLinkItem.propTypes = LinkItem.propTypes;\n\nexport const TitleItem = ({name, index, title, uppercase}) => {\n  return (\n    <ul data-name={name || `item-title-${index}`} className={style.titleItem}>\n      <li className={classnames(style.titleItemTitle, {[style.uppercase]: uppercase})}>{title}</li>\n    </ul>\n  );\n};\n\nTitleItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nexport const ButtonItem = ({\n  index,\n  onClick,\n  color,\n  neutralColor,\n  name,\n  href,\n  title,\n  cta,\n  uppercase\n}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const backgroundColor = neutralColor === true ? NEUTRAL_COLOR : color;\n  const button = cta ? (\n    <Cta\n      {...defaults(\n        {\n          onClick: handleOnClick,\n          href,\n          rectangular: true,\n          fullWidth: true,\n          secondary: true,\n          submitValue: title\n        },\n        cta\n      )}\n    />\n  ) : (\n    <Button type=\"link\" href={href} onClick={handleOnClick} style={{backgroundColor}}>\n      {title}\n    </Button>\n  );\n  return (\n    <li\n      data-name={name || `button-item-${index}`}\n      className={classnames(style.buttonItem, {[style.uppercase]: uppercase})}\n    >\n      {button}\n    </li>\n  );\n};\n\nButtonItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  href: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  onClick: PropTypes.func,\n  cta: PropTypes.oneOfType([PropTypes.shape(Cta.propTypes), PropTypes.bool]),\n  uppercase: PropTypes.bool\n};\n\nexport const InfoItem = ({onClick, index, name, color, neutralColor, title, value, uppercase}) => {\n  const handleOnClick = useMemo(\n    () => e => {\n      onClick && onClick(e);\n    },\n    [onClick]\n  );\n  const color_ = neutralColor === true ? NEUTRAL_COLOR : color;\n  return (\n    <ul data-name={name || `item-info-${index}`} className={style.infoItem}>\n      <li className={style.infoItemTitle}>{title}</li>\n      <li\n        className={classnames(style.infoItemContent, {[style.uppercase]: uppercase})}\n        onClick={handleOnClick}\n        style={{\n          borderLeftColor: color_,\n          color: color_\n        }}\n      >\n        {value}\n      </li>\n    </ul>\n  );\n};\n\nInfoItem.propTypes = {\n  index: PropTypes.number,\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  color: PropTypes.string,\n  neutralColor: PropTypes.bool,\n  value: PropTypes.string.isRequired,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItem = ({item, color, index}) => {\n  switch (item.type) {\n    case 'select': {\n      return <SelectItem {...item} color={color} index={index} />;\n    }\n    case 'multi-select':\n      return <MultiSelectItem {...item} color={color} index={index} />;\n    case 'link':\n      return <LinkItem {...item} color={color} index={index} />;\n    case 'iconLink':\n      return <IconLinkItem {...item} color={color} index={index} />;\n    case 'title':\n      return <TitleItem {...item} color={color} index={index} />;\n    case 'button':\n      return <ButtonItem {...item} color={color} index={index} />;\n    case 'info':\n      return <InfoItem {...item} color={color} index={index} />;\n    case 'inputtext':\n      return <InputTextItem {...item} color={color} index={index} />;\n  }\n};\n\nSidebarItem.propTypes = {\n  item: PropTypes.oneOfType([\n    PropTypes.shape({...TitleItem.propTypes, type: PropTypes.oneOf(['title']).isRequired}),\n    PropTypes.shape({...IconLinkItem.propTypes, type: PropTypes.oneOf(['iconLink']).isRequired}),\n    PropTypes.shape({...ButtonItem.propTypes, type: PropTypes.oneOf(['button']).isRequired}),\n    PropTypes.shape({...InfoItem.propTypes, type: PropTypes.oneOf(['info']).isRequired}),\n    PropTypes.shape({...LinkItem.propTypes, type: PropTypes.oneOf(['link']).isRequired}),\n    PropTypes.shape({...InputTextItem.propTypes, type: PropTypes.oneOf(['inputtext']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['select']).isRequired}),\n    PropTypes.shape({...SelectItem.propTypes, type: PropTypes.oneOf(['multi-select']).isRequired})\n  ]),\n  index: PropTypes.number,\n  color: PropTypes.string,\n  uppercase: PropTypes.bool\n};\n\nconst SidebarItems = ({items, color}) => {\n  return (\n    <ul className={style.sectionItems}>\n      {items.map((item, index) => (\n        <SidebarItem item={item} key={index} index={index} color={color} />\n      ))}\n    </ul>\n  );\n};\n\nSidebarItems.propTypes = {\n  color: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))\n};\n\nconst Sidebar = ({items}, context) => {\n  const sections = Array.isArray(items[0]) ? items : [items];\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  return (\n    <div data-name=\"sidebar\" className={style.sidebar}>\n      {sections.map((sidebarSection, idx) => (\n        <div data-name={`sidebarpart-${idx + 1}`} className={style.sidebarPart} key={idx}>\n          <SidebarItems items={sidebarSection} color={defaultColor} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nSidebar.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      SidebarItem.propTypes.item,\n      PropTypes.arrayOf(SidebarItem.propTypes.item).isRequired\n    ])\n  ).isRequired\n};\n\nSidebar.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default Sidebar;\n"],"mappings":"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"}

package/es/organism/slider/index.js

@@ -5,14 +5,11 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionNavigationArrowRight as ArrowRight, NovaCompositionNavigationArrowLeft as ArrowLeft } from '@coorpacademy/nova-icons';
 import style from './style.css';
-
 const mapWithIndex = _map.convert({
   cap: false
-}); // eslint-disable-next-line no-undef
-
-
+});
+// eslint-disable-next-line no-undef
 const Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;
-
 class Slider extends React.Component {
   constructor(props) {
     super(props);
@@ -25,31 +22,25 @@ class Slider extends React.Component {
     this.autoPlay = this.autoPlay.bind(this);
     this.setSlider = this.setSlider.bind(this);
   }
-
   componentDidMount() {
     if (Hammer) {
       this.hammer = new Hammer(this.slider);
       this.hammer.on('swipeleft', this.handlePreviousSlide);
       this.hammer.on('swiperight', this.handleNextSlide);
     }
-
     this.autoPlay();
   }
-
   componentWillUnmount() {
     if (this.hammer) {
       this.hammer.stop();
       this.hammer.destroy();
     }
-
     this.hammer = null;
     clearTimeout(this.timer);
   }
-
   setSlider(el) {
     this.slider = el;
   }
-
   handleNextSlide() {
     this.setState(prevState => {
       const {
@@ -63,7 +54,6 @@ class Slider extends React.Component {
     });
     this.autoPlay();
   }
-
   handlePreviousSlide() {
     this.setState(prevState => {
       const {
@@ -77,7 +67,6 @@ class Slider extends React.Component {
     });
     this.autoPlay();
   }
-
   autoPlay() {
     clearTimeout(this.timer);
     this.timer = setTimeout(() => {
@@ -85,7 +74,6 @@ class Slider extends React.Component {
       this.autoPlay();
     }, this.interval);
   }
-
   render() {
     const {
       currentSlide
@@ -101,9 +89,7 @@ class Slider extends React.Component {
         className: isActive ? style.activeSlide : style.slide
       }, child);
     }, children);
-
     const currentSlide_ = _get(currentSlide, children);
-
     const controlColor = _getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';
     const leftControl = totalSlide > 1 ? /*#__PURE__*/React.createElement(ArrowLeft, {
       className: style.leftControl,
@@ -120,9 +106,7 @@ class Slider extends React.Component {
       ref: this.setSlider
     }, myslides, leftControl, rightControl);
   }
-
 }
-
 Slider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.arrayOf(PropTypes.node)
 } : {};

package/es/organism/slider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionNavigationArrowLeft","ArrowLeft","style","mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionNavigationArrowLeft","ArrowLeft","style","mapWithIndex","convert","cap","Hammer","window","require","undefined","Slider","Component","constructor","props","state","currentSlide","interval","handleNextSlide","bind","handlePreviousSlide","autoPlay","setSlider","componentDidMount","hammer","slider","on","componentWillUnmount","stop","destroy","clearTimeout","timer","el","setState","prevState","children","totalSlide","length","nextSlide","setTimeout","render","myslides","child","index","isActive","activeSlide","slide","currentSlide_","controlColor","leftControl","rightControl","slidesWrapper","propTypes","arrayOf","node"],"sources":["../../../src/organism/slider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, map} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionNavigationArrowLeft as ArrowLeft\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst mapWithIndex = map.convert({cap: false});\n// eslint-disable-next-line no-undef\nconst Hammer = typeof window !== 'undefined' ? require('hammerjs') : undefined;\n\nclass Slider extends React.Component {\n  static propTypes = {\n    children: PropTypes.arrayOf(PropTypes.node)\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      currentSlide: 0\n    };\n    this.interval = 8000;\n    this.handleNextSlide = this.handleNextSlide.bind(this);\n    this.handlePreviousSlide = this.handlePreviousSlide.bind(this);\n    this.autoPlay = this.autoPlay.bind(this);\n    this.setSlider = this.setSlider.bind(this);\n  }\n\n  componentDidMount() {\n    if (Hammer) {\n      this.hammer = new Hammer(this.slider);\n      this.hammer.on('swipeleft', this.handlePreviousSlide);\n      this.hammer.on('swiperight', this.handleNextSlide);\n    }\n\n    this.autoPlay();\n  }\n\n  componentWillUnmount() {\n    if (this.hammer) {\n      this.hammer.stop();\n      this.hammer.destroy();\n    }\n    this.hammer = null;\n    clearTimeout(this.timer);\n  }\n\n  setSlider(el) {\n    this.slider = el;\n  }\n\n  handleNextSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide + 1;\n\n      return {\n        currentSlide: nextSlide >= totalSlide ? 0 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  handlePreviousSlide() {\n    this.setState(prevState => {\n      const {children} = this.props;\n      const totalSlide = children.length;\n      const nextSlide = prevState.currentSlide - 1;\n\n      return {\n        currentSlide: nextSlide < 0 ? totalSlide - 1 : nextSlide\n      };\n    });\n\n    this.autoPlay();\n  }\n\n  autoPlay() {\n    clearTimeout(this.timer);\n    this.timer = setTimeout(() => {\n      this.handleNextSlide();\n      this.autoPlay();\n    }, this.interval);\n  }\n\n  render() {\n    const {currentSlide} = this.state;\n    const {children} = this.props;\n    const totalSlide = children.length;\n\n    const myslides = mapWithIndex((child, index) => {\n      const isActive = currentSlide === index;\n\n      return (\n        <div key={index} className={isActive ? style.activeSlide : style.slide}>\n          {child}\n        </div>\n      );\n    }, children);\n\n    const currentSlide_ = get(currentSlide, children);\n    const controlColor = getOr(false, 'light', currentSlide_) ? '#FFF' : '#000';\n    const leftControl =\n      totalSlide > 1 ? (\n        <ArrowLeft\n          className={style.leftControl}\n          color={controlColor}\n          onClick={this.handlePreviousSlide}\n        />\n      ) : null;\n\n    const rightControl =\n      totalSlide > 1 ? (\n        <ArrowRight\n          className={style.rightControl}\n          color={controlColor}\n          onClick={this.handleNextSlide}\n        />\n      ) : null;\n\n    return (\n      <div className={style.slidesWrapper} ref={this.setSlider}>\n        {myslides}\n        {leftControl}\n        {rightControl}\n      </div>\n    );\n  }\n}\n\nexport default Slider;\n"],"mappings":"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"}

package/es/organism/user-preferences/index.js

@@ -1,25 +1,20 @@
 import _isEmpty from "lodash/fp/isEmpty";
 import _map from "lodash/fp/map";
 const _excluded = ["label", "description", "moreInfoAriaLabel"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaCompositionCoorpacademyInformationIcon as InfoIcon } from '@coorpacademy/nova-icons';
 import InputSwitch from '../../atom/input-switch';
 import style from './style.css';
-
 const Settings = props => {
   const {
-    label,
-    description,
-    moreInfoAriaLabel
-  } = props,
-        settings = _objectWithoutPropertiesLoose(props, _excluded);
-
+      label,
+      description,
+      moreInfoAriaLabel
+    } = props,
+    settings = _objectWithoutPropertiesLoose(props, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: style.settings
   }, /*#__PURE__*/React.createElement(InputSwitch, settings), /*#__PURE__*/React.createElement("span", {
@@ -37,12 +32,10 @@ const Settings = props => {
     className: style.descriptionLabel
   }, description))));
 };
-
 Settings.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, InputSwitch.propTypes, {
   label: PropTypes.string.isRequired,
   description: PropTypes.string
 }) : {};
-
 const UserPreferences = props => {
   const {
     preferences = [],
@@ -58,7 +51,6 @@ const UserPreferences = props => {
     moreInfoAriaLabel: moreInfoAriaLabel
   })), preferences)));
 };
-
 UserPreferences.propTypes = process.env.NODE_ENV !== "production" ? {
   preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),
   moreInfoAriaLabel: PropTypes.string,

package/es/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyInformationIcon","InfoIcon","InputSwitch","style","Settings","props","label","description","moreInfoAriaLabel","settings","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,0CAA0C,IAAIC,QAAtD,QAAqE,0BAArE;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE,oBAAC,WAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEN,KAAK,CAACG;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,SAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEJ,KAAK,CAACO;EAAtB,gBACE,oBAAC,QAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAEP,KAAK,CAACQ,QAHnB;IAIE,cAAYH;EAJd,EADF,eAOE;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAtB,gBACE;IAAK,SAAS,EAAET,KAAK,CAACU;EAAtB,GAAyCN,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACU,SAAT,wDACKZ,WAAW,CAACY,SADjB;EAEER,KAAK,EAAEP,SAAS,CAACgB,MAAV,CAAiBC,UAF1B;EAGET,WAAW,EAAER,SAAS,CAACgB;AAHzB;;AAMA,MAAME,eAAe,GAAGZ,KAAK,IAAI;EAC/B,MAAM;IAACa,WAAW,GAAG,EAAf;IAAmBV,iBAAnB;IAAsCW;EAAtC,IAAwDd,KAA9D;EAEA,oBACE,+CACE;IAAK,SAAS,EAAEF,KAAK,CAACe,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC;EAA5D,GACG,KACCV,QAAQ,iBACN,oBAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICU,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACH,SAAhB,2CAA4B;EAC1BI,WAAW,EAAEnB,SAAS,CAACqB,OAAV,CAAkBrB,SAAS,CAACsB,KAAV,CAAgBjB,QAAQ,CAACU,SAAzB,CAAlB,CADa;EAE1BN,iBAAiB,EAAET,SAAS,CAACgB,MAFH;EAG1BI,cAAc,EAAEpB,SAAS,CAACgB;AAHA,CAA5B;AAMA,eAAeE,eAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyInformationIcon","InfoIcon","InputSwitch","style","Settings","props","label","description","moreInfoAriaLabel","settings","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAAQC,0CAA0C,IAAIC,QAAQ,QAAO,0BAA0B;AAC/F,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;MAACC,KAAK;MAAEC,WAAW;MAAEC;IAA8B,CAAC,GAAGH,KAAK;IAAjBI,QAAQ,iCAAIJ,KAAK;EAClE,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAS,gBAC7B,oBAAC,WAAW,EAAKA,QAAQ,CAAI,eAC7B;IAAM,SAAS,EAAEN,KAAK,CAACG;EAAM,GAAEA,KAAK,CAAQ,EAC3C,SAAQC,WAAW,CAAC,GAAG,IAAI,gBAC1B;IAAK,SAAS,EAAEJ,KAAK,CAACO;EAAgB,gBACpC,oBAAC,QAAQ;IACP,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,SAAS,EAAEP,KAAK,CAACQ,QAAS;IAC1B,cAAYH;EAAkB,EAC9B,eACF;IAAK,SAAS,EAAEL,KAAK,CAACS;EAAY,gBAChC;IAAK,SAAS,EAAET,KAAK,CAACU;EAAiB,GAAEN,WAAW,CAAO,CACvD,CAET,CACG;AAEV,CAAC;AAEDH,QAAQ,CAACU,SAAS,wDACbZ,WAAW,CAACY,SAAS;EACxBR,KAAK,EAAEP,SAAS,CAACgB,MAAM,CAACC,UAAU;EAClCT,WAAW,EAAER,SAAS,CAACgB;AAAM;AAG/B,MAAME,eAAe,GAAGZ,KAAK,IAAI;EAC/B,MAAM;IAACa,WAAW,GAAG,EAAE;IAAEV,iBAAiB;IAAEW;EAAc,CAAC,GAAGd,KAAK;EAEnE,oBACE,+CACE;IAAK,SAAS,EAAEF,KAAK,CAACe,WAAY;IAAC,IAAI,EAAC,OAAO;IAAC,cAAYC;EAAe,GACxE,KACCV,QAAQ,iBACN,oBAAC,QAAQ,eAAKA,QAAQ;IAAE,GAAG,EAAEA,QAAQ,CAACH,KAAM;IAAC,iBAAiB,EAAEE;EAAkB,GACnF,EACDU,WAAW,CACZ,CACG,CACD;AAEX,CAAC;AAEDD,eAAe,CAACH,SAAS,2CAAG;EAC1BI,WAAW,EAAEnB,SAAS,CAACqB,OAAO,CAACrB,SAAS,CAACsB,KAAK,CAACjB,QAAQ,CAACU,SAAS,CAAC,CAAC;EACnEN,iBAAiB,EAAET,SAAS,CAACgB,MAAM;EACnCI,cAAc,EAAEpB,SAAS,CAACgB;AAC5B,CAAC;AAED,eAAeE,eAAe"}

package/es/organism/wizard-contents/index.js

@@ -1,5 +1,4 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import React from 'react';
 import getOr from 'lodash/fp/getOr';
 import PropTypes from 'prop-types';
@@ -14,7 +13,6 @@ import CourseSelection from '../course-selection';
 import CourseSections from '../../molecule/course-sections';
 import RewardsForm from '../rewards-form';
 import style from './style.css';
-
 const buildHeader = (wizardHeader, steps) => {
   const {
     title,
@@ -36,33 +34,25 @@ const buildHeader = (wizardHeader, steps) => {
     steps: steps
   }));
 };
-
 const buildForm = content => {
   const {
     type
   } = content;
-
   switch (type) {
     case 'form':
       return /*#__PURE__*/React.createElement(BrandForm, content);
-
     case 'translate':
       return /*#__PURE__*/React.createElement(ContentTranslate, content);
-
     case 'populations':
       return /*#__PURE__*/React.createElement(OrganismSearchAndChipsResults, content);
-
     case 'courses':
       return /*#__PURE__*/React.createElement(CourseSelection, content);
-
     case 'organize-courses':
       return /*#__PURE__*/React.createElement(CourseSections, content);
-
     case 'rewards':
       return /*#__PURE__*/React.createElement(RewardsForm, content);
   }
 };
-
 const buildButton = (type, step, side) => {
   const ICONS = {
     previous: {
@@ -92,7 +82,6 @@ const buildButton = (type, step, side) => {
   };
   return /*#__PURE__*/React.createElement(ButtonLink, buttonProps);
 };
-
 const buildActionZone = (previousStep, nextStep, side) => {
   const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;
   const nextStepType = getOr('next', 'type', nextStep);
@@ -105,7 +94,6 @@ const buildActionZone = (previousStep, nextStep, side) => {
     className: style.button
   }, nextButton));
 };
-
 const WizardContents = props => {
   const {
     isLoading,
@@ -150,7 +138,6 @@ const WizardContents = props => {
     className: style.actionFooter
   }, footerActionView)));
 };
-
 WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
   isLoading: PropTypes.bool,
   wizardHeader: PropTypes.shape({

package/es/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}

package/es/template/activity/engine-stars.js

@@ -1,8 +1,6 @@
 import _noop from "lodash/fp/noop";
 import _get from "lodash/fp/get";
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import classnames from 'classnames';
 import React, { useCallback, useMemo, useState, useRef } from 'react';
 import PropTypes from 'prop-types';
@@ -24,7 +22,6 @@ const ICONS = {
   podcast: PodcastIcon,
   review: RevisionIcon
 };
-
 const ToolTipContent = ({
   preMessage,
   linkMessage,
@@ -42,7 +39,6 @@ const ToolTipContent = ({
     color
   }
 }, linkMessage), /*#__PURE__*/React.createElement("span", null, endMessage));
-
 ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   preMessage: PropTypes.string,
   linkMessage: PropTypes.string,
@@ -51,7 +47,6 @@ ToolTipContent.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   handleContentMouseOver: PropTypes.func
 } : {};
-
 const EngineStars = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const translate = GetTranslateFromContext(legacyContext);
@@ -65,22 +60,17 @@ const EngineStars = (props, legacyContext) => {
     onClick = _noop,
     className
   } = props;
-
   const handleClick = e => {
     e.stopPropagation();
     e.preventDefault();
     onClick(e);
   };
-
   const dark = _get('common.dark', skin);
-
   const light = _get('common.light', skin);
-
   const IconType = ICONS[type];
+  const primary = _get('common.primary', skin);
 
-  const primary = _get('common.primary', skin); // to replace by useId when React17 is bumped to React18
-
-
+  // to replace by useId when React17 is bumped to React18
   const [engineStarsContentId] = useState(disabled ? uuidV5('engine-stars', uuidV5.URL) : undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
   const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);
@@ -93,9 +83,7 @@ const EngineStars = (props, legacyContext) => {
     setToolTipIsVisible(true);
   }, [mouseLeaveTimer]);
   const handleContentMouseOver = useCallback(() => {
-    mouseLeaveTimer &&
-    /* istanbul ignore next */
-    clearTimeout(mouseLeaveTimer);
+    mouseLeaveTimer && /* istanbul ignore next */clearTimeout(mouseLeaveTimer);
   }, [mouseLeaveTimer]);
   const handleMouseLeave = useCallback(() => {
     setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), 500));
@@ -117,7 +105,8 @@ const EngineStars = (props, legacyContext) => {
     ref: buttonRef,
     "data-tip": disabled,
     "data-engine": type,
-    "data-testid": `engine-stars-${type}` // eslint-disable-next-line no-nested-ternary
+    "data-testid": `engine-stars-${type}`
+    // eslint-disable-next-line no-nested-ternary
     ,
     onClick: disabled ? handleKeyPress : active ? _noop : handleClick,
     "data-for": engineStarsContentId,
@@ -154,7 +143,6 @@ const EngineStars = (props, legacyContext) => {
     className: style.scoreTitle
   }, title));
 };
-
 EngineStars.propTypes = process.env.NODE_ENV !== "production" ? {
   type: PropTypes.string.isRequired,
   stars: PropTypes.number.isRequired,