@coorpacademy/components 10.5.0 → 10.5.4

package/es/molecule/wizard-summary/index.js

@@ -109,15 +109,15 @@ const buildSections = sections => {
 };
 
 const BuildAction = ({
-  action
+  action,
+  side
 }) => {
   const {
     onClick,
     text,
     disabled = false,
     icon,
-    'aria-label': ariaLabel,
-    side
+    'aria-label': ariaLabel
   } = action;
   const handleClick = useMemo(() => () => onClick(), [onClick]);
   if (!action) return null;
@@ -215,10 +215,10 @@ BuildAction.propTypes = process.env.NODE_ENV !== "production" ? {
     icon: PropTypes.string,
     disabled: PropTypes.bool,
     text: PropTypes.string,
-    side: PropTypes.string,
     onClick: PropTypes.func,
     'aria-label': PropTypes.string
-  })
+  }),
+  side: PropTypes.string
 } : {};
 WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,

package/es/molecule/wizard-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","onClick","disabled","icon","ariaLabel","side","handleClick","buttonProps","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel, side} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    side: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  })\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast',\n              'course'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDownIcon","ContentBadge","ButtonLink","style","buildItemsOfSection","items","map","item","index","type","title","value","category","label","author","unsaved","contentWrapper","contentCounter","contentItem","content","contentTitle","__html","text","valueSimpleText","buildSectionHeader","section","counterText","sectionHeader","buildSections","sections","itemsView","sectionWrapper","BuildAction","action","side","onClick","disabled","icon","ariaLabel","handleClick","buttonProps","position","button","checkOnClose","checked","summaryElement","onCloseSummary","clickEvent","current","contains","target","WizardSummary","props","sectionsView","idSwitch","setChecked","handleOnChange","document","addEventListener","removeEventListener","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","shape","string","bool","func","arrayOf","oneOfType","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo, useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDownIcon} from '@coorpacademy/nova-icons';\nimport ContentBadge from '../../atom/content-badge';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildItemsOfSection = items => {\n  return items.map((item, index) => {\n    const {type} = item;\n    switch (type) {\n      case 'mainElement':\n        return (\n          <li key={`${item.title}-${index}`} data-name={item.title}>\n            <span className={style.title}>{item.title}</span>\n            <span className={style.value}>{item.value}</span>\n          </li>\n        );\n      case 'content': {\n        const {category, label, title, author, unsaved = false} = item;\n        return (\n          <li className={style.contentWrapper} key={`${title}-${index}`} data-name={item.title}>\n            <span className={style.contentCounter}>{index + 1}</span>\n            <div className={style.contentItem}>\n              <div className={style.content}>\n                <ContentBadge category={category} label={label} />\n                <span\n                  className={classnames(style.contentTitle, unsaved && style.unsaved)}\n                  title={title}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: title}}\n                />\n              </div>\n              {author ? <span className={style.author}>{author}</span> : null}\n            </div>\n          </li>\n        );\n      }\n      case 'text':\n      default: {\n        const {text, unsaved = false} = item;\n        return (\n          <li key={`${item.text}-${index}`} data-name={item.title}>\n            <span className={classnames(style.valueSimpleText, unsaved && style.unsaved)}>\n              {text}\n            </span>\n          </li>\n        );\n      }\n    }\n  });\n};\n\nconst buildSectionHeader = section => {\n  const {title, counterText} = section;\n  if (!title) {\n    return null;\n  }\n  return (\n    <div className={style.sectionHeader}>\n      <span className={style.title}>{title}</span>\n      {counterText ? <span className={style.counterText}>{counterText}</span> : null}\n    </div>\n  );\n};\n\nconst buildSections = sections => {\n  return sections.map((section, index) => {\n    const sectionHeader = buildSectionHeader(section);\n    const itemsView = buildItemsOfSection(section.items);\n    return (\n      <div\n        key={`summary-section-${index}`}\n        data-step={index}\n        data-name={`summary-section-${index}`}\n        className={style.sectionWrapper}\n      >\n        {sectionHeader}\n        <ul>{itemsView}</ul>\n      </div>\n    );\n  });\n};\n\nconst BuildAction = ({action, side}) => {\n  const {onClick, text, disabled = false, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\n  const buttonProps = {\n    type: 'text',\n    label: text,\n    disabled,\n    'aria-label': ariaLabel,\n    'data-name': `${icon}-button-${side}`,\n    onClick: handleClick,\n    icon: {\n      position: 'left',\n      type: icon\n    }\n  };\n\n  return (\n    <div className={style.button}>\n      <ButtonLink {...buttonProps} />\n    </div>\n  );\n};\n\nconst checkOnClose = (checked, summaryElement, onCloseSummary, clickEvent) => {\n  if (checked) {\n    if (\n      summaryElement &&\n      summaryElement.current &&\n      !summaryElement.current.contains(clickEvent.target)\n    ) {\n      onCloseSummary();\n    }\n  }\n};\n\nconst WizardSummary = props => {\n  const {title, sections, action, side} = props;\n  const sectionsView = buildSections(sections);\n  const idSwitch = uniqueId('open-summary-wizard');\n  const summaryElement = useRef(null);\n  const [checked, setChecked] = useState(false);\n\n  const onCloseSummary = () => setChecked(false);\n  const handleOnChange = useCallback(() => {\n    if (!checked) {\n      document.addEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.addEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    } else {\n      document.removeEventListener('click', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n      document.removeEventListener('touchstart', clickEvent =>\n        checkOnClose(!checked, summaryElement, onCloseSummary, clickEvent)\n      );\n    }\n    setChecked(!checked);\n  }, [checked]);\n\n  return (\n    <div className={style.container} ref={summaryElement}>\n      <span className={style.desktopSummaryTitle} data-name={`summary-title-${side}`}>\n        {title}\n      </span>\n      <input\n        type=\"checkbox\"\n        id={idSwitch}\n        name=\"toogle\"\n        title={idSwitch}\n        className={style.checkbox}\n        data-name={`summary-checkbox-${side}`}\n        checked={checked}\n        onChange={handleOnChange}\n      />\n      <div className={style.summary}>\n        <div className={style.tabletSummaryHeader}>\n          <label htmlFor={idSwitch}>\n            <span className={style.tabletSummaryTitle}>{title}</span>\n            <ArrowDownIcon className={style.tabletSummaryIcon} />\n          </label>\n        </div>\n        <div className={style.summarySections} data-name={`summary-section-${side}`}>\n          {sectionsView}\n        </div>\n      </div>\n      <div className={style.actionZone} data-name={`summary-actions-${side}`}>\n        <BuildAction action={action} side={side} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    disabled: PropTypes.bool,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\n  }),\n  side: PropTypes.string\n};\n\nWizardSummary.propTypes = {\n  title: PropTypes.string,\n  side: PropTypes.string,\n  sections: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      items: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape({\n            type: PropTypes.string,\n            title: PropTypes.string,\n            value: PropTypes.string\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n            unsaved: PropTypes.bool\n          }),\n          PropTypes.shape({\n            type: PropTypes.string,\n            category: PropTypes.oneOf([\n              'base',\n              'advanced',\n              'coach',\n              'chapter',\n              'scorm',\n              'video',\n              'article',\n              'podcast',\n              'course'\n            ]),\n            title: PropTypes.string,\n            label: PropTypes.string,\n            author: PropTypes.string,\n            unsaved: PropTypes.bool\n          })\n        ])\n      ),\n      counterText: PropTypes.string\n    })\n  ),\n  action: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

package/es/organism/brand-form/test/fixtures/wizard-playlists.js

@@ -5,7 +5,7 @@ export default {
         type: 'selectMultiple',
         title: 'Languages',
         placeholder: 'Language selection',
-        description: 'This is the tooltip text',
+        description: 'The name and description of your custom playlist will be displayed in the selected language. Only the selected language will be saved. You can translate during step 2 "Translations".',
         theme: 'coorpmanager',
         hint: '15 / 30 characters',
         size: 'default',

package/es/organism/brand-form/test/fixtures/wizard-playlists.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","size","options","name","value","selected","multiple"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,gBADR;AAEEC,QAAAA,KAAK,EAAE,WAFT;AAGEC,QAAAA,WAAW,EAAE,oBAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEC,QAAAA,IAAI,EAAE,SAPR;AAQEC,QAAAA,OAAO,EAAE,CACP;AACEC,UAAAA,IAAI,EAAE,cADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SADO,EAMP;AACEF,UAAAA,IAAI,EAAE,aADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SANO,EAWP;AACEF,UAAAA,IAAI,EAAE,WADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SAXO,EAgBP;AACEF,UAAAA,IAAI,EAAE,cADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SAhBO,CARX;AA8BEC,QAAAA,QAAQ,EAAE;AA9BZ,OADM,EAiCN;AACEX,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEI,QAAAA,KAAK,EAAE,kBAPT;AAQEH,QAAAA,IAAI,EAAE;AARR,OAjCM,EA2CN;AACEN,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEC,QAAAA,IAAI,EAAE,QAPR;AAQEG,QAAAA,KAAK,EACH;AATJ,OA3CM;AADV,KADM;AADH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        fields: [\n          {\n            type: 'selectMultiple',\n            title: 'Languages',\n            placeholder: 'Language selection',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            size: 'default',\n            options: [\n              {\n                name: '🇬🇧 English',\n                value: 'en',\n                selected: true\n              },\n              {\n                name: '🇩🇪 German',\n                value: 'de',\n                selected: false\n              },\n              {\n                name: '🇹🇭 Thai',\n                value: 'th',\n                selected: false\n              },\n              {\n                name: '🇪🇸 Spanish',\n                value: 'es',\n                selected: false\n              }\n            ],\n            multiple: false\n          },\n          {\n            type: 'text',\n            title: 'Playlist name',\n            placeholder: 'Playlist name',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            value: 'Marketing expert',\n            size: 'default'\n          },\n          {\n            type: 'textarea',\n            title: 'Description',\n            placeholder: 'Description',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '80 / 200 characters',\n            size: 'medium',\n            value:\n              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"wizard-playlists.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","size","options","name","value","selected","multiple"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,gBADR;AAEEC,QAAAA,KAAK,EAAE,WAFT;AAGEC,QAAAA,WAAW,EAAE,oBAHf;AAIEC,QAAAA,WAAW,EACT,wLALJ;AAMEC,QAAAA,KAAK,EAAE,cANT;AAOEC,QAAAA,IAAI,EAAE,oBAPR;AAQEC,QAAAA,IAAI,EAAE,SARR;AASEC,QAAAA,OAAO,EAAE,CACP;AACEC,UAAAA,IAAI,EAAE,cADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SADO,EAMP;AACEF,UAAAA,IAAI,EAAE,aADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SANO,EAWP;AACEF,UAAAA,IAAI,EAAE,WADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SAXO,EAgBP;AACEF,UAAAA,IAAI,EAAE,cADR;AAEEC,UAAAA,KAAK,EAAE,IAFT;AAGEC,UAAAA,QAAQ,EAAE;AAHZ,SAhBO,CATX;AA+BEC,QAAAA,QAAQ,EAAE;AA/BZ,OADM,EAkCN;AACEX,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEI,QAAAA,KAAK,EAAE,kBAPT;AAQEH,QAAAA,IAAI,EAAE;AARR,OAlCM,EA4CN;AACEN,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEC,QAAAA,IAAI,EAAE,QAPR;AAQEG,QAAAA,KAAK,EACH;AATJ,OA5CM;AADV,KADM;AADH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        fields: [\n          {\n            type: 'selectMultiple',\n            title: 'Languages',\n            placeholder: 'Language selection',\n            description:\n              'The name and description of your custom playlist will be displayed in the selected language. Only the selected language will be saved. You can translate during step 2 \"Translations\".',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            size: 'default',\n            options: [\n              {\n                name: '🇬🇧 English',\n                value: 'en',\n                selected: true\n              },\n              {\n                name: '🇩🇪 German',\n                value: 'de',\n                selected: false\n              },\n              {\n                name: '🇹🇭 Thai',\n                value: 'th',\n                selected: false\n              },\n              {\n                name: '🇪🇸 Spanish',\n                value: 'es',\n                selected: false\n              }\n            ],\n            multiple: false\n          },\n          {\n            type: 'text',\n            title: 'Playlist name',\n            placeholder: 'Playlist name',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            value: 'Marketing expert',\n            size: 'default'\n          },\n          {\n            type: 'textarea',\n            title: 'Description',\n            placeholder: 'Description',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '80 / 200 characters',\n            size: 'medium',\n            value:\n              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"wizard-playlists.js"}

package/es/template/app-player/popin-end/test/fixtures.js

@@ -21,6 +21,7 @@ import fixtureSimpleAction from './fixtures/simple-action';
 import fixtureSubscribe from './fixtures/subscribe';
 import fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';
 import fixtureWithRecommendations from './fixtures/with-recommendations';
+import fixtureWithoutRecommendation from './fixtures/without-recommendation';
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {
   t.pass();
   forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {
@@ -46,4 +47,5 @@ test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › shoul
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);
 test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);
+test('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithoutRecommendation › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithoutRecommendation);
 //# sourceMappingURL=fixtures.js.map

package/es/template/app-player/popin-end/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/app-player/popin-end/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppPlayerPopinEnd","fixtureAdaptive","fixtureArabicCorrect","fixtureArabicNextLevelAdaptiveImg","fixtureArabicWithRecommendations","fixtureCommentIsLoading","fixtureCommentSent","fixtureComment","fixtureCorrect","fixtureDefault","fixtureFail","fixtureInfiniteLives","fixtureLoading","fixtureNegativeRank","fixtureNextCourse","fixtureNextLevelAdaptiveImg","fixtureSimpleAction","fixtureSubscribe","fixtureWithLoadingRecommendations","fixtureWithRecommendations","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppPlayerPopinEnd from '..';\nimport fixtureAdaptive from './fixtures/adaptive';\nimport fixtureArabicCorrect from './fixtures/arabic-correct';\nimport fixtureArabicNextLevelAdaptiveImg from './fixtures/arabic-next-level-adaptive-img';\nimport fixtureArabicWithRecommendations from './fixtures/arabic-with-recommendations';\nimport fixtureCommentIsLoading from './fixtures/comment-is-loading';\nimport fixtureCommentSent from './fixtures/comment-sent';\nimport fixtureComment from './fixtures/comment';\nimport fixtureCorrect from './fixtures/correct';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFail from './fixtures/fail';\nimport fixtureInfiniteLives from './fixtures/infinite-lives';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureNegativeRank from './fixtures/negative-rank';\nimport fixtureNextCourse from './fixtures/next-course';\nimport fixtureNextLevelAdaptiveImg from './fixtures/next-level-adaptive-img';\nimport fixtureSimpleAction from './fixtures/simple-action';\nimport fixtureSubscribe from './fixtures/subscribe';\nimport fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';\nimport fixtureWithRecommendations from './fixtures/with-recommendations';\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppPlayer.TemplateAppPlayerPopinEnd.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Adaptive › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureAdaptive);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicCorrect › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicNextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicWithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentIsLoading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentIsLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentSent › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentSent);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Comment › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureComment);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Correct › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Default › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureDefault);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Fail › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureFail);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › InfiniteLives › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureInfiniteLives);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Loading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NegativeRank › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNegativeRank);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextCourse › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextCourse);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSimpleAction);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../../src/template/app-player/popin-end/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateAppPlayerPopinEnd","fixtureAdaptive","fixtureArabicCorrect","fixtureArabicNextLevelAdaptiveImg","fixtureArabicWithRecommendations","fixtureCommentIsLoading","fixtureCommentSent","fixtureComment","fixtureCorrect","fixtureDefault","fixtureFail","fixtureInfiniteLives","fixtureLoading","fixtureNegativeRank","fixtureNextCourse","fixtureNextLevelAdaptiveImg","fixtureSimpleAction","fixtureSubscribe","fixtureWithLoadingRecommendations","fixtureWithRecommendations","fixtureWithoutRecommendation","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport TemplateAppPlayerPopinEnd from '..';\nimport fixtureAdaptive from './fixtures/adaptive';\nimport fixtureArabicCorrect from './fixtures/arabic-correct';\nimport fixtureArabicNextLevelAdaptiveImg from './fixtures/arabic-next-level-adaptive-img';\nimport fixtureArabicWithRecommendations from './fixtures/arabic-with-recommendations';\nimport fixtureCommentIsLoading from './fixtures/comment-is-loading';\nimport fixtureCommentSent from './fixtures/comment-sent';\nimport fixtureComment from './fixtures/comment';\nimport fixtureCorrect from './fixtures/correct';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFail from './fixtures/fail';\nimport fixtureInfiniteLives from './fixtures/infinite-lives';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureNegativeRank from './fixtures/negative-rank';\nimport fixtureNextCourse from './fixtures/next-course';\nimport fixtureNextLevelAdaptiveImg from './fixtures/next-level-adaptive-img';\nimport fixtureSimpleAction from './fixtures/simple-action';\nimport fixtureSubscribe from './fixtures/subscribe';\nimport fixtureWithLoadingRecommendations from './fixtures/with-loading-recommendations';\nimport fixtureWithRecommendations from './fixtures/with-recommendations';\nimport fixtureWithoutRecommendation from './fixtures/without-recommendation';\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateAppPlayerPopinEnd.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"TemplateAppPlayer.TemplateAppPlayerPopinEnd.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Adaptive › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureAdaptive);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicCorrect › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicNextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › ArabicWithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureArabicWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentIsLoading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentIsLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › CommentSent › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCommentSent);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Comment › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureComment);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Correct › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureCorrect);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Default › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureDefault);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Fail › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureFail);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › InfiniteLives › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureInfiniteLives);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Loading › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureLoading);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NegativeRank › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNegativeRank);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextCourse › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextCourse);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › NextLevelAdaptiveImg › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureNextLevelAdaptiveImg);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › SimpleAction › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSimpleAction);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › Subscribe › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureSubscribe);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithLoadingRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithLoadingRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithRecommendations › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithRecommendations);\ntest('TemplateAppPlayer › TemplateAppPlayerPopinEnd › WithoutRecommendation › should be rendered', renderComponentMacro, TemplateAppPlayerPopinEnd, fixtureWithoutRecommendation);\n"],"file":"fixtures.js"}

package/lib/atom/card-image-preview/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _empty = _interopRequireDefault(require("./fixtures/empty"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomCardImagePreview > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomCardImagePreview.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomCardImagePreview › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomCardImagePreview › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/card-image-preview/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/card-image-preview/test/fixtures.js"],"names":["t","pass","AtomCardImagePreview","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAqBC,SAA7B,EAAwC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,4DAAL,EAAmEG,wBAAnE,EAAyFN,SAAzF,EAA+GO,gBAA/G;AACA,kBAAK,0DAAL,EAAiED,wBAAjE,EAAuFN,SAAvF,EAA6GQ,cAA7G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCardImagePreview from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\n\ntest('Atom › AtomCardImagePreview > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomCardImagePreview.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomCardImagePreview.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomCardImagePreview › Default › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureDefault);\ntest('Atom › AtomCardImagePreview › Empty › should be rendered', renderComponentMacro, AtomCardImagePreview, fixtureEmpty);\n"],"file":"fixtures.js"}

package/lib/molecule/course-section/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _chapter = _interopRequireDefault(require("./fixtures/chapter"));
+
+var _course = _interopRequireDefault(require("./fixtures/course"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeCourseSection > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCourseSection.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeCourseSection › Chapter › should be rendered', _renderComponent.default, _.default, _chapter.default);
+(0, _ava.default)('Molecule › MoleculeCourseSection › Course › should be rendered', _renderComponent.default, _.default, _course.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/course-section/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/course-section/test/fixtures.js"],"names":["t","pass","MoleculeCourseSection","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChapter","fixtureCourse"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,gEAAL,EAAuEA,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAsBC,SAA9B,EAAyC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iEAAL,EAAwEG,wBAAxE,EAA8FN,SAA9F,EAAqHO,gBAArH;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAoHQ,eAApH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSection from '..';\nimport fixtureChapter from './fixtures/chapter';\nimport fixtureCourse from './fixtures/course';\n\ntest('Molecule › MoleculeCourseSection > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCourseSection.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSection.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCourseSection › Chapter › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureChapter);\ntest('Molecule › MoleculeCourseSection › Course › should be rendered', renderComponentMacro, MoleculeCourseSection, fixtureCourse);\n"],"file":"fixtures.js"}

package/lib/molecule/draggable/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const preventDefault = e => e.preventDefault();
+
+const stopPropagation = e => e.stopPropagation();
+
+const Draggable = props => {
+  const {
+    id,
+    dragging = false,
+    onDragStart,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    children
+  } = props;
+  const dragStartHandler = (0, _react.useCallback)(e => {
+    stopPropagation(e);
+    onDragStart(id);
+  }, [id, onDragStart]);
+  const dragOverHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDragOver(id);
+  }, [id, onDragOver]);
+  const dragLeaveHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDragLeave(id);
+  }, [id, onDragLeave]);
+  const dropHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDrop(id);
+  }, [id, onDrop]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(dragging ? _style.default.dragging : null, _style.default.section, _style.default.draggable),
+    onDragStart: dragStartHandler,
+    onDragOver: dragOverHandler,
+    onDragLeave: dragLeaveHandler,
+    onDrop: dropHandler,
+    draggable: true
+  }, children);
+};
+
+Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes.default.string,
+  dragging: _propTypes.default.bool,
+  onDragStart: _propTypes.default.func,
+  onDragOver: _propTypes.default.func,
+  onDragLeave: _propTypes.default.func,
+  onDrop: _propTypes.default.func,
+  children: _propTypes.default.element
+} : {};
+var _default = Draggable;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","style","section","draggable","propTypes","PropTypes","string","bool","func","element"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,EAAD;AAAKC,IAAAA,QAAQ,GAAG,KAAhB;AAAuBC,IAAAA,WAAvB;AAAoCC,IAAAA,UAApC;AAAgDC,IAAAA,WAAhD;AAA6DC,IAAAA,MAA7D;AAAqEC,IAAAA;AAArE,MAAiFP,KAAvF;AAEA,QAAMQ,gBAAgB,GAAG,wBACvBX,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;AAOA,QAAMM,eAAe,GAAG,wBACtBZ,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;AAOA,QAAMM,gBAAgB,GAAG,wBACvBb,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;AAOA,QAAMM,WAAW,GAAG,wBAClBd,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;AAQA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,QAAQ,GAAGU,eAAMV,QAAT,GAAoB,IAAvC,EAA6CU,eAAMC,OAAnD,EAA4DD,eAAME,SAAlE,CADb;AAEE,IAAA,WAAW,EAAEN,gBAFf;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,WAAW,EAAEC,gBAJf;AAKE,IAAA,MAAM,EAAEC,WALV;AAME,IAAA,SAAS;AANX,KAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACgB,SAAV,2CAAsB;AACpBd,EAAAA,EAAE,EAAEe,mBAAUC,MADM;AAEpBf,EAAAA,QAAQ,EAAEc,mBAAUE,IAFA;AAGpBf,EAAAA,WAAW,EAAEa,mBAAUG,IAHH;AAIpBf,EAAAA,UAAU,EAAEY,mBAAUG,IAJF;AAKpBd,EAAAA,WAAW,EAAEW,mBAAUG,IALH;AAMpBb,EAAAA,MAAM,EAAEU,mBAAUG,IANE;AAOpBZ,EAAAA,QAAQ,EAAES,mBAAUI;AAPA,CAAtB;eAUerB,S","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n  const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n  const dragStartHandler = useCallback(\n    e => {\n      stopPropagation(e);\n      onDragStart(id);\n    },\n    [id, onDragStart]\n  );\n  const dragOverHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragOver(id);\n    },\n    [id, onDragOver]\n  );\n  const dragLeaveHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragLeave(id);\n    },\n    [id, onDragLeave]\n  );\n  const dropHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDrop(id);\n    },\n    [id, onDrop]\n  );\n\n  return (\n    <div\n      className={classnames(dragging ? style.dragging : null, style.section, style.draggable)}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n      draggable\n    >\n      {children}\n    </div>\n  );\n};\nDraggable.propTypes = {\n  id: PropTypes.string,\n  dragging: PropTypes.bool,\n  onDragStart: PropTypes.func,\n  onDragOver: PropTypes.func,\n  onDragLeave: PropTypes.func,\n  onDrop: PropTypes.func,\n  children: PropTypes.element\n};\n\nexport default Draggable;\n"],"file":"index.js"}

package/lib/molecule/draggable/style.css

@@ -0,0 +1,67 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value medium from colors;
+@value xtraLightGrey from colors;
+@value dark from colors;
+@value cm_grey_100 from colors;
+
+
+.section {
+  display: flex;
+  justify-content: center;
+}
+
+.draggable {
+  cursor: grab;
+  position: relative;
+  background: transparent;
+  margin: 8px 0;
+  border-radius: 7px;
+}
+.draggable:hover{
+  background: rgba(0, 0, 0, 0.3);
+}
+.draggable:active{
+  background: transparent;
+}
+.draggable:before {
+  content: '.';
+  position: absolute;
+  left: 23px;
+  top: 5px;
+  width: 12px;
+  font-size: 25px;
+  color: medium;
+  pointer-events: none;
+  text-shadow: 0 0 medium,    0 5px medium,    0 10px medium,    0 15px medium,
+            5px 0 medium ,   5px 5px medium,  5px 10px medium,  5px 15px medium;
+}
+.dragging {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.dragging:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: color(black lightness(95%));
+  pointer-events: none;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: dark;
+  font-family: 'Open Sans';
+  font-weight: 600;
+  font-size: 14px;
+}
+
+@media mobile {
+  .draggable:before {
+    content: none;
+  }
+}

package/lib/molecule/draggable/test/fixtures/default.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    id: 'draggableId',
+    dragging: true,
+    onDragStart: () => console.log('onDragStart'),
+    onDragOver: () => console.log('onDragOver'),
+    onDragLeave: () => console.log('onDragLeave'),
+    onDrop: () => console.log('onDrop'),
+    children: []
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/draggable/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/draggable/test/fixtures/default.js"],"names":["props","id","dragging","onDragStart","console","log","onDragOver","onDragLeave","onDrop","children"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,aADC;AAELC,IAAAA,QAAQ,EAAE,IAFL;AAGLC,IAAAA,WAAW,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,aAAZ,CAHd;AAILC,IAAAA,UAAU,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,YAAZ,CAJb;AAKLE,IAAAA,WAAW,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,aAAZ,CALd;AAMLG,IAAAA,MAAM,EAAE,MAAMJ,OAAO,CAACC,GAAR,CAAY,QAAZ,CANT;AAOLI,IAAAA,QAAQ,EAAE;AAPL;AADM,C","sourcesContent":["export default {\n  props: {\n    id: 'draggableId',\n    dragging: true,\n    onDragStart: () => console.log('onDragStart'),\n    onDragOver: () => console.log('onDragOver'),\n    onDragLeave: () => console.log('onDragLeave'),\n    onDrop: () => console.log('onDrop'),\n    children: []\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/draggable/test/fixtures.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeDraggable > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeDraggable.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeDraggable › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/draggable/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable/test/fixtures.js"],"names":["t","pass","MoleculeDraggable","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA6GO,gBAA7G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggable from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeDraggable > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDraggable.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggable.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDraggable › Default › should be rendered', renderComponentMacro, MoleculeDraggable, fixtureDefault);\n"],"file":"fixtures.js"}

package/lib/molecule/draggable-list/test/fixtures.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _dashboardSections = _interopRequireDefault(require("./fixtures/dashboard-sections"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeDraggableList > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeDraggableList.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeDraggableList › DashboardSections › should be rendered', _renderComponent.default, _.default, _dashboardSections.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/draggable-list/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable-list/test/fixtures.js"],"names":["t","pass","MoleculeDraggableList","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDashboardSections"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,gEAAL,EAAuEA,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAsBC,SAA9B,EAAyC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,2EAAL,EAAkFG,wBAAlF,EAAwGN,SAAxG,EAA+HO,0BAA/H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggableList from '..';\nimport fixtureDashboardSections from './fixtures/dashboard-sections';\n\ntest('Molecule › MoleculeDraggableList > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDraggableList.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggableList.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDraggableList › DashboardSections › should be rendered', renderComponentMacro, MoleculeDraggableList, fixtureDashboardSections);\n"],"file":"fixtures.js"}

package/lib/molecule/select-multiple/style.css

@@ -352,6 +352,7 @@
 
 .coorpmanager .descriptionLabel {
   margin: 0 1px 18px 0;
+  padding: 8px 16px;
   border-radius: 7px;
   background-color: cm_grey_700;
   flex-grow: 0;
@@ -365,14 +366,16 @@
   text-align: center;
   color: white;
   padding: 8px 16px;
-  max-width: 200px;
-  position: absolute;
-  left: -20px;
-  z-index: 999;
-  bottom: 18px;
+  max-width: 348px;
   width: max-content;
+  position: absolute;
+  left: -24px;
+  z-index: 3;
+  bottom: 5px;
   visibility: hidden;
   opacity: 0;
+  overflow-wrap: break-word;
+  white-space: break-spaces;
 }
 
 .coorpmanager .title.titleWithSelection .descriptionLabel,

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

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _novaIcons = require("@coorpacademy/nova-icons");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
@@ -56,20 +54,13 @@ ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
 
 const SetupSection = (props, context) => {
   const {
-    translate,
-    skin
+    translate
   } = context;
-  const brand = (0, _get2.default)('common.brand', skin);
-  const medium = (0, _get2.default)('common.medium', skin);
   const {
     title,
-    onUp,
-    onDown,
     display,
     contentTypes
   } = props;
-  const colorUp = onDown ? brand : medium;
-  const colorDown = onUp ? brand : medium;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -80,17 +71,7 @@ const SetupSection = (props, context) => {
     contentTypes: contentTypes
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.label
-  }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.arrowSection
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-    color: colorUp,
-    className: onDown ? _style.default.arrow : _style.default.disabled,
-    onClick: onDown
-  }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowTop, {
-    color: colorDown,
-    className: onUp ? _style.default.arrow : _style.default.disabled,
-    onClick: onUp
-  }))));
+  }, translate('Show')), /*#__PURE__*/_react.default.createElement(_inputSwitch.default, display)));
 };
 
 SetupSection.contextTypes = {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func","InputSwitch"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDownIcon,\n  NovaCompositionNavigationArrowTop as ArrowUpIcon\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate, skin} = context;\n  const brand = get('common.brand', skin);\n  const medium = get('common.medium', skin);\n\n  const {title, onUp, onDown, display, contentTypes} = props;\n  const colorUp = onDown ? brand : medium;\n  const colorDown = onUp ? brand : medium;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n        <div className={style.arrowSection}>\n          <ArrowDownIcon\n            color={colorUp}\n            className={onDown ? style.arrow : style.disabled}\n            onClick={onDown}\n          />\n          <ArrowUpIcon\n            color={colorDown}\n            className={onUp ? style.arrow : style.disabled}\n            onClick={onUp}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AAC9C,QAAM;AAACC,IAAAA;AAAD,MAASD,OAAf;AACA,QAAM;AAACE,IAAAA;AAAD,MAAiBH,KAAvB;;AAEA,MAAI,CAACG,YAAL,EAAmB;AACjB,WAAO,IAAP;AACD;;AAED,QAAMC,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;AACA,QAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;AACA,QAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEG,eAAMC;AAAtB,kBACE,6BAAC,mBAAD,eAAgBL,YAAhB;AAA8B,IAAA,KAAK,EAAEG;AAArC,KADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACU,YAApB,GAAmC;AACjCP,EAAAA,IAAI,EAAEQ,kBAASC,iBAAT,CAA2BT;AADA,CAAnC;AAIAH,mBAAmB,CAACa,SAApB,2CAAgC;AAC9BT,EAAAA,YAAY,EAAEU,mBAAUC,KAAV,uBACTC,oBAAWH,SADF;AAEZI,IAAAA,QAAQ,EAAEH,mBAAUI;AAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAAClB,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACkB,IAAAA;AAAD,MAAclB,OAApB;AAEA,QAAM;AAACmB,IAAAA,KAAD;AAAQC,IAAAA,OAAR;AAAiBlB,IAAAA;AAAjB,MAAiCH,KAAvC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,eAAMe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,eAAMa;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEb,eAAMgB;AAAtB,kBACE,6BAAC,mBAAD;AAAqB,IAAA,YAAY,EAAEpB;AAAnC,IADF,eAEE;AAAK,IAAA,SAAS,EAAEI,eAAMiB;AAAtB,KAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;AAC1BU,EAAAA,SAAS,EAAET,kBAASC,iBAAT,CAA2BQ,SADZ;AAE1BjB,EAAAA,IAAI,EAAEQ,kBAASC,iBAAT,CAA2BT;AAFP,CAA5B;AAKAgB,YAAY,CAACN,SAAb,2CAAyB;AACvBQ,EAAAA,KAAK,EAAEP,mBAAUY,MAAV,CAAiBC,UADD;AAEvBC,EAAAA,IAAI,EAAEd,mBAAUe,IAFO;AAGvBC,EAAAA,MAAM,EAAEhB,mBAAUe,IAHK;AAIvBP,EAAAA,OAAO,EAAER,mBAAUC,KAAV,CAAgBgB,qBAAYlB,SAA5B,CAJc;AAKvBT,EAAAA,YAAY,EAAEJ,mBAAmB,CAACa,SAApB,CAA8BT;AALrB,CAAzB;eAQee,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}