@coorpacademy/components 10.3.26 → 10.3.30

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

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

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

@@ -16,9 +16,9 @@ var _ = _interopRequireWildcard(require(".."));
 
 var _checked = _interopRequireDefault(require("./fixtures/checked"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+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; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -44,7 +44,7 @@ const setup = options => {
 (0, _ava.default)('should select array of choices when props.multiple is set', t => {
   t.plan(2);
 
-  const props = _extends({}, _checked.default.props, {
+  const props = _extends(_extends({}, _checked.default.props), {}, {
     multiple: true,
     onChange: choices => {
       t.true(Array.isArray(choices), 'dffdff');
@@ -71,7 +71,7 @@ const setup = options => {
   const [getChoices, setChoices] = setup(props.options);
   const choices = getChoices();
   t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');
-  setChoices(_extends({}, props.options[0], {
+  setChoices(_extends(_extends({}, props.options[0]), {}, {
     i: 0
   }));
   t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["adapter","Adapter","setup","options","returnVal","TestComponent","push","t","plan","props","defaultFixture","multiple","onChange","choices","true","Array","isArray","pass","wrapper","update","checkbox","find","first","simulate","getChoices","is","length","setChoices","selected","i"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEA,MAAMC,KAAK,GAAGC,OAAO,IAAI;AACvB,QAAMC,SAAS,GAAG,EAAlB;;AACA,QAAMC,aAAa,GAAG,MAAM;AAC1BD,IAAAA,SAAS,CAACE,IAAV,CAAe,kBAAWH,OAAX,CAAf;AACA,WAAO,IAAP;AACD,GAHD;;AAKA,mCAAM,6BAAC,aAAD,OAAN;AACA,SAAO,sBAAQC,SAAR,CAAP;AACD,CATD;;AAWA,kBAAK,2DAAL,EAAkEG,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AACA,QAAMC,KAAK,gBACNC,iBAAeD,KADT;AAETE,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,QAAQ,EAAEC,OAAO,IAAI;AACnBN,MAAAA,CAAC,CAACO,IAAF,CAAOC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAP,EAA+B,QAA/B;AACAN,MAAAA,CAAC,CAACU,IAAF;AACD;AANQ,IAAX;;AASA,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAoBT,KAApB,CAAN,CAAhB;AAEAS,EAAAA,OAAO,CAACC,MAAR;AAEA,QAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,iBAAb,EAAgCC,KAAhC,EAAjB;AAEAF,EAAAA,QAAQ,CAACG,QAAT,CAAkB,QAAlB,EAA4B;AAACd,IAAAA;AAAD,GAA5B;AACD,CAlBD;AAoBA,kBAAK,gCAAL,EAAuCF,CAAC,IAAI;AAC1C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,IAAetB,KAAK,CAACO,KAAK,CAACN,OAAP,CAA1B;AAEAI,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAGE,MAAlB,EAA0B,CAA1B,EAA6B,gCAA7B;AACD,CALD;AAOA,kBAAK,oCAAL,EAA2CnB,CAAC,IAAI;AAC9C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,EAAaG,UAAb,IAA2BzB,KAAK,CAACO,KAAK,CAACN,OAAP,CAAtC;AACA,QAAMU,OAAO,GAAGW,UAAU,EAA1B;AAEAjB,EAAAA,CAAC,CAACkB,EAAF,CAAKZ,OAAO,CAAC,CAAD,CAAP,CAAWe,QAAhB,EAA0B,KAA1B,EAAiC,oDAAjC;AAEAD,EAAAA,UAAU,cAAKlB,KAAK,CAACN,OAAN,CAAc,CAAd,CAAL;AAAuB0B,IAAAA,CAAC,EAAE;AAA1B,KAAV;AAEAtB,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAG,CAAH,CAAV,CAAgBI,QAArB,EAA+B,IAA/B,EAAqC,qDAArC;AACD,CAVD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport flatten from 'lodash/fp/flatten';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport SelectMultiple, {useChoices} from '..';\nimport defaultFixture from './fixtures/checked';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst setup = options => {\n  const returnVal = [];\n  const TestComponent = () => {\n    returnVal.push(useChoices(options));\n    return null;\n  };\n\n  mount(<TestComponent />);\n  return flatten(returnVal);\n};\n\ntest('should select array of choices when props.multiple is set', t => {\n  t.plan(2);\n  const props = {\n    ...defaultFixture.props,\n    multiple: true,\n    onChange: choices => {\n      t.true(Array.isArray(choices), 'dffdff');\n      t.pass();\n    }\n  };\n\n  const wrapper = mount(<SelectMultiple {...props} />);\n\n  wrapper.update();\n\n  const checkbox = wrapper.find('[checked=false]').first();\n\n  checkbox.simulate('change', {props});\n});\n\ntest('should return choices (getter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices] = setup(props.options);\n\n  t.is(getChoices().length, 4, 'not returning expected choices');\n});\n\ntest('should set current choice (setter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices, setChoices] = setup(props.options);\n  const choices = getChoices();\n\n  t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');\n\n  setChoices({...props.options[0], i: 0});\n\n  t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');\n});\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["adapter","Adapter","setup","options","returnVal","TestComponent","push","t","plan","props","defaultFixture","multiple","onChange","choices","true","Array","isArray","pass","wrapper","update","checkbox","find","first","simulate","getChoices","is","length","setChoices","selected","i"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEA,MAAMC,KAAK,GAAGC,OAAO,IAAI;AACvB,QAAMC,SAAS,GAAG,EAAlB;;AACA,QAAMC,aAAa,GAAG,MAAM;AAC1BD,IAAAA,SAAS,CAACE,IAAV,CAAe,kBAAWH,OAAX,CAAf;AACA,WAAO,IAAP;AACD,GAHD;;AAKA,mCAAM,6BAAC,aAAD,OAAN;AACA,SAAO,sBAAQC,SAAR,CAAP;AACD,CATD;;AAWA,kBAAK,2DAAL,EAAkEG,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AACA,QAAMC,KAAK,yBACNC,iBAAeD,KADT;AAETE,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,QAAQ,EAAEC,OAAO,IAAI;AACnBN,MAAAA,CAAC,CAACO,IAAF,CAAOC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAP,EAA+B,QAA/B;AACAN,MAAAA,CAAC,CAACU,IAAF;AACD;AANQ,IAAX;;AASA,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAoBT,KAApB,CAAN,CAAhB;AAEAS,EAAAA,OAAO,CAACC,MAAR;AAEA,QAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,iBAAb,EAAgCC,KAAhC,EAAjB;AAEAF,EAAAA,QAAQ,CAACG,QAAT,CAAkB,QAAlB,EAA4B;AAACd,IAAAA;AAAD,GAA5B;AACD,CAlBD;AAoBA,kBAAK,gCAAL,EAAuCF,CAAC,IAAI;AAC1C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,IAAetB,KAAK,CAACO,KAAK,CAACN,OAAP,CAA1B;AAEAI,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAGE,MAAlB,EAA0B,CAA1B,EAA6B,gCAA7B;AACD,CALD;AAOA,kBAAK,oCAAL,EAA2CnB,CAAC,IAAI;AAC9C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,EAAaG,UAAb,IAA2BzB,KAAK,CAACO,KAAK,CAACN,OAAP,CAAtC;AACA,QAAMU,OAAO,GAAGW,UAAU,EAA1B;AAEAjB,EAAAA,CAAC,CAACkB,EAAF,CAAKZ,OAAO,CAAC,CAAD,CAAP,CAAWe,QAAhB,EAA0B,KAA1B,EAAiC,oDAAjC;AAEAD,EAAAA,UAAU,uBAAKlB,KAAK,CAACN,OAAN,CAAc,CAAd,CAAL;AAAuB0B,IAAAA,CAAC,EAAE;AAA1B,KAAV;AAEAtB,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAG,CAAH,CAAV,CAAgBI,QAArB,EAA+B,IAA/B,EAAqC,qDAArC;AACD,CAVD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport flatten from 'lodash/fp/flatten';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport SelectMultiple, {useChoices} from '..';\nimport defaultFixture from './fixtures/checked';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst setup = options => {\n  const returnVal = [];\n  const TestComponent = () => {\n    returnVal.push(useChoices(options));\n    return null;\n  };\n\n  mount(<TestComponent />);\n  return flatten(returnVal);\n};\n\ntest('should select array of choices when props.multiple is set', t => {\n  t.plan(2);\n  const props = {\n    ...defaultFixture.props,\n    multiple: true,\n    onChange: choices => {\n      t.true(Array.isArray(choices), 'dffdff');\n      t.pass();\n    }\n  };\n\n  const wrapper = mount(<SelectMultiple {...props} />);\n\n  wrapper.update();\n\n  const checkbox = wrapper.find('[checked=false]').first();\n\n  checkbox.simulate('change', {props});\n});\n\ntest('should return choices (getter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices] = setup(props.options);\n\n  t.is(getChoices().length, 4, 'not returning expected choices');\n});\n\ntest('should set current choice (setter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices, setChoices] = setup(props.options);\n  const choices = getChoices();\n\n  t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');\n\n  setChoices({...props.options[0], i: 0});\n\n  t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');\n});\n"],"file":"index.js"}

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

@@ -49,7 +49,7 @@ ContentTypesToggler.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
 ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
-  contentTypes: _propTypes.default.shape(_extends({}, _radioGroup.default.propTypes, {
+  contentTypes: _propTypes.default.shape(_extends(_extends({}, _radioGroup.default.propTypes), {}, {
     modified: _propTypes.default.bool
   }))
 } : {};

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":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;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,cACTC,oBAAWH,SADF;AAEZI,IAAAA,QAAQ,EAAEH,mBAAUI;AAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAAClB,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACkB,IAAAA,SAAD;AAAYjB,IAAAA;AAAZ,MAAoBD,OAA1B;AACA,QAAMG,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;AACA,QAAMkB,MAAM,GAAG,mBAAI,eAAJ,EAAqBlB,IAArB,CAAf;AAEA,QAAM;AAACmB,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA,OAAtB;AAA+BrB,IAAAA;AAA/B,MAA+CH,KAArD;AACA,QAAMyB,OAAO,GAAGF,MAAM,GAAGnB,KAAH,GAAWgB,MAAjC;AACA,QAAMM,SAAS,GAAGJ,IAAI,GAAGlB,KAAH,GAAWgB,MAAjC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEb,eAAMoB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEpB,eAAMc;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEd,eAAMqB;AAAtB,kBACE,6BAAC,mBAAD;AAAqB,IAAA,YAAY,EAAEzB;AAAnC,IADF,eAEE;AAAK,IAAA,SAAS,EAAEI,eAAMsB;AAAtB,KAA8BV,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBK,OAAjB,CAHF,eAIE;AAAK,IAAA,SAAS,EAAEjB,eAAMuB;AAAtB,kBACE,6BAAC,6CAAD;AACE,IAAA,KAAK,EAAEL,OADT;AAEE,IAAA,SAAS,EAAEF,MAAM,GAAGhB,eAAMwB,KAAT,GAAiBxB,eAAMyB,QAF1C;AAGE,IAAA,OAAO,EAAET;AAHX,IADF,eAME,6BAAC,4CAAD;AACE,IAAA,KAAK,EAAEG,SADT;AAEE,IAAA,SAAS,EAAEJ,IAAI,GAAGf,eAAMwB,KAAT,GAAiBxB,eAAMyB,QAFxC;AAGE,IAAA,OAAO,EAAEV;AAHX,IANF,CAJF,CAFF,CADF;AAsBD,CA/BD;;AAiCAJ,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;AACvBS,EAAAA,KAAK,EAAER,mBAAUoB,MAAV,CAAiBC,UADD;AAEvBZ,EAAAA,IAAI,EAAET,mBAAUsB,IAFO;AAGvBZ,EAAAA,MAAM,EAAEV,mBAAUsB,IAHK;AAIvBX,EAAAA,OAAO,EAAEX,mBAAUC,KAAV,CAAgBsB,qBAAYxB,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 {\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","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"}

package/lib/molecule/setup-section/test/fixtures/first.js

@@ -25,7 +25,7 @@ var _default = {
       modified: true,
       onChange: value => console.log(value)
     },
-    contentTypes: _extends({}, contentTypes, {
+    contentTypes: _extends(_extends({}, contentTypes), {}, {
       modified: true
     })
   }

package/lib/molecule/setup-section/test/fixtures/first.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/setup-section/test/fixtures/first.js"],"names":["props","contentTypes","ContentTypes","id","title","onUp","onDown","e","console","log","display","value","modified","onChange"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAM;AAACA,EAAAA,KAAK,EAAEC;AAAR,IAAwBC,iBAA9B;eAEe;AACbF,EAAAA,KAAK,EAAE;AACLG,IAAAA,EAAE,EAAE,OADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,IAHD;AAILC,IAAAA,MAAM,EAAEC,CAAC,IAAI;AACXC,MAAAA,OAAO,CAACC,GAAR,CAAYF,CAAZ;AACD,KANI;AAOLG,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,IADA;AAEPC,MAAAA,QAAQ,EAAE,IAFH;AAGPC,MAAAA,QAAQ,EAAEF,KAAK,IAAIH,OAAO,CAACC,GAAR,CAAYE,KAAZ;AAHZ,KAPJ;AAYLV,IAAAA,YAAY,eACPA,YADO;AAEVW,MAAAA,QAAQ,EAAE;AAFA;AAZP;AADM,C","sourcesContent":["import ContentTypes from '../../../../atom/radio-group/test/fixtures/default';\n\nconst {props: contentTypes} = ContentTypes;\n\nexport default {\n  props: {\n    id: 'first',\n    title: 'Recommended for you',\n    onUp: null,\n    onDown: e => {\n      console.log(e);\n    },\n    display: {\n      value: true,\n      modified: true,\n      onChange: value => console.log(value)\n    },\n    contentTypes: {\n      ...contentTypes,\n      modified: true\n    }\n  }\n};\n"],"file":"first.js"}
+{"version":3,"sources":["../../../../../src/molecule/setup-section/test/fixtures/first.js"],"names":["props","contentTypes","ContentTypes","id","title","onUp","onDown","e","console","log","display","value","modified","onChange"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAM;AAACA,EAAAA,KAAK,EAAEC;AAAR,IAAwBC,iBAA9B;eAEe;AACbF,EAAAA,KAAK,EAAE;AACLG,IAAAA,EAAE,EAAE,OADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,IAHD;AAILC,IAAAA,MAAM,EAAEC,CAAC,IAAI;AACXC,MAAAA,OAAO,CAACC,GAAR,CAAYF,CAAZ;AACD,KANI;AAOLG,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,IADA;AAEPC,MAAAA,QAAQ,EAAE,IAFH;AAGPC,MAAAA,QAAQ,EAAEF,KAAK,IAAIH,OAAO,CAACC,GAAR,CAAYE,KAAZ;AAHZ,KAPJ;AAYLV,IAAAA,YAAY,wBACPA,YADO;AAEVW,MAAAA,QAAQ,EAAE;AAFA;AAZP;AADM,C","sourcesContent":["import ContentTypes from '../../../../atom/radio-group/test/fixtures/default';\n\nconst {props: contentTypes} = ContentTypes;\n\nexport default {\n  props: {\n    id: 'first',\n    title: 'Recommended for you',\n    onUp: null,\n    onDown: e => {\n      console.log(e);\n    },\n    display: {\n      value: true,\n      modified: true,\n      onChange: value => console.log(value)\n    },\n    contentTypes: {\n      ...contentTypes,\n      modified: true\n    }\n  }\n};\n"],"file":"first.js"}

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

@@ -17,9 +17,9 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+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; }
 
 function _extends() { _extends = Object.assign || 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); }
 

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

@@ -99,21 +99,21 @@ SetupSlide.defaultProps = {
   fields: []
 };
 SetupSlide.propTypes = process.env.NODE_ENV !== "production" ? {
-  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _inputSwitch.default.propTypes, {
+  fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends(_extends({}, _inputSwitch.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['switch'])
-  })), _propTypes.default.shape(_extends({}, _select.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _select.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['select'])
-  })), _propTypes.default.shape(_extends({}, _inputCheckbox.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _inputCheckbox.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['checkbox'])
-  })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _imageUpload.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['image'])
-  })), _propTypes.default.shape(_extends({}, _inputReadonly.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _inputReadonly.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['readonly'])
-  })), _propTypes.default.shape(_extends({}, _inputDoublestep.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _inputDoublestep.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['doublestep'])
-  })), _propTypes.default.shape(_extends({}, _setupCohortItem.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _setupCohortItem.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['splitForm'])
-  })), _propTypes.default.shape(_extends({}, _messagePopin.default.propTypes, {
+  })), _propTypes.default.shape(_extends(_extends({}, _messagePopin.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['alert'])
   })), _propTypes.default.shape(_inputText.default.propTypes)]))
 } : {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","style","fieldsList","convert","cap","wrapper","defaultProps","propTypes","PropTypes","arrayOf","oneOfType","shape","InputSwitch","oneOf","Select","InputCheckbox","ImageUpload","InputReadonly","InputDoublestep","SetupCohortItem","MessagePopin","InputText"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}

package/lib/molecule/share/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.ShareStatusProvider = exports.ShareFeedback = void 0;
+exports.default = exports.ShareFeedback = exports.ShareStatusProvider = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -17,9 +17,9 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+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 SHARE_STATUS = {
   IDLE: 'IDLE',
@@ -55,7 +55,7 @@ const copyTextViaExecCommand = text => {
   return status;
 };
 
-const StatusContext = /*#__PURE__*/_react.default.createContext(SHARE_STATUS.IDLE);
+const StatusContext = _react.default.createContext(SHARE_STATUS.IDLE);
 
 const ShareStatusProvider = ({
   children

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"mappings":"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","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["SHARE_STATUS","IDLE","ERROR","SUCCESS","copyTextViaExecCommand","text","textarea","document","createElement","style","border","padding","visibility","position","setAttribute","value","body","appendChild","status","select","setSelectionRange","length","execCommand","error","removeChild","StatusContext","React","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","styles","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string"],"mappings":"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","sourcesContent":["import React, {useState, useMemo, useCallback, useContext, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionCoorpacademyShare as ShareIcon,\n  NovaCompositionCoorpacademyAttention as AttentionIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst SHARE_STATUS = {\n  IDLE: 'IDLE',\n  ERROR: 'ERROR',\n  SUCCESS: 'SUCCESS'\n};\n\nconst copyTextViaExecCommand = text => {\n  const textarea = document.createElement('textarea');\n\n  textarea.style.border = '0';\n  textarea.style.padding = '0';\n  textarea.style.visibility = 'hidden';\n  textarea.style.position = 'absolute';\n  textarea.setAttribute('readonly', '');\n  textarea.value = text;\n\n  // Element.append is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-append\n  document.body.appendChild(textarea);\n  let status = SHARE_STATUS.IDLE;\n\n  try {\n    textarea.select();\n    textarea.setSelectionRange(0, textarea.value.length);\n    document.execCommand('copy');\n    status = SHARE_STATUS.SUCCESS;\n  } catch (error) {\n    status = SHARE_STATUS.ERROR;\n  }\n\n  // Element.remove is not supported on IE11 :/\n  // eslint-disable-next-line unicorn/prefer-node-remove\n  document.body.removeChild(textarea);\n\n  return status;\n};\n\nconst StatusContext = React.createContext(SHARE_STATUS.IDLE);\n\nexport const ShareStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(SHARE_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== SHARE_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(SHARE_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n\n  const value = useMemo(() => [status, setStatus], [status]);\n\n  return <StatusContext.Provider value={value}>{children}</StatusContext.Provider>;\n};\n\nexport const ShareFeedback = ({successWording, errorWording}) => {\n  const [status] = useContext(StatusContext);\n  if (status === SHARE_STATUS.IDLE) return null;\n\n  return (\n    <div\n      className={classnames(styles.feedback, status === SHARE_STATUS.ERROR && styles.errorFeedback)}\n    >\n      {status === SHARE_STATUS.SUCCESS ? (\n        <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      ) : (\n        <AttentionIcon className={styles.checkIcon} width={13} height={13} />\n      )}\n      <p>{status === SHARE_STATUS.SUCCESS ? successWording : errorWording}</p>\n    </div>\n  );\n};\n\nconst Share = ({style, text, wording}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const onClick = useCallback(async () => {\n    const browserSupportsClipboardWriteText =\n      'clipboard' in navigator && 'writeText' in navigator.clipboard;\n    if (browserSupportsClipboardWriteText) {\n      try {\n        await navigator.clipboard.writeText(text);\n        setStatus(SHARE_STATUS.SUCCESS);\n      } catch (error) {\n        setStatus(SHARE_STATUS.ERROR);\n      }\n      return;\n    } else {\n      const copyStatus = copyTextViaExecCommand(text);\n      setStatus(copyStatus);\n    }\n    return;\n  }, [setStatus]);\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link onClick={onClick} className={styles.cta} data-name={'share-button'}>\n        <div className={styles.wrapper}>\n          <ShareIcon className={styles.shareIcon} width={18} height={18} />\n          <p>{wording}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nShareStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nShareFeedback.propTypes = {\n  successWording: PropTypes.string,\n  errorWording: PropTypes.string\n};\n\nShare.propTypes = {\n  style: PropTypes.string,\n  text: PropTypes.string,\n  wording: PropTypes.string\n};\n\nexport default Share;\n"],"file":"index.js"}

package/lib/molecule/titled-checkbox/index.js

@@ -17,9 +17,9 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+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 TitledCheckbox = props => {
   const {

package/lib/molecule/vertical-tabs/test/fixtures/default.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.iconAriaLabelSuccess = exports.iconAriaLabelError = exports.default = void 0;
+exports.default = exports.iconAriaLabelSuccess = exports.iconAriaLabelError = void 0;
 const iconAriaLabelError = 'Locale with errors icon';
 exports.iconAriaLabelError = iconAriaLabelError;
 const iconAriaLabelSuccess = 'Validated locale icon';

package/lib/molecule/video-iframe/index.js

@@ -32,7 +32,7 @@ const getUrl = ({
 }) => {
   switch (type) {
     case 'youtube':
-      return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends({}, query, opts))}`;
+      return `https://www.youtube.com/embed/${id}?${_qs.default.stringify(_extends(_extends({}, query), opts))}`;
 
     case 'uptale':
       return `https://my.uptale.io/Experience/Launch?id=${id}`;

package/lib/molecule/video-iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-iframe/index.js"],"names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;AAACC,EAAAA,GAAD;AAAMC,EAAAA,IAAN;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,KAAK,GAAG,EAAxB;AAA4BC,EAAAA,IAAI,GAAG;AAAnC,CAAD,KAA4C;AACzD,UAAQH,IAAR;AACE,SAAK,SAAL;AACE,aAAQ,iCAAgCC,EAAG,IAAGG,YAAGC,SAAH,cAAiBH,KAAjB,EAA2BC,IAA3B,EAAkC,EAAhF;;AACF,SAAK,QAAL;AACE,aAAQ,6CAA4CF,EAAG,EAAvD;;AACF,SAAK,YAAL;AACE,aAAQ,2BAA0BA,EAAG,EAArC;;AACF,SAAK,UAAL;AACE,aAAQ,0CAAyCA,EAAG,gBAApD;;AACF;AACE,aAAOF,GAAP;AAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,eAAMC,SAAhC,CAA0C;AAexCC,EAAAA,iBAAiB,GAAG;AAClB,UAAM;AAACT,MAAAA;AAAD,QAAS,KAAKU,KAApB;;AACA,QAAIV,IAAI,KAAK,SAAb,EAAwB;AACtB,YAAM;AAACW,QAAAA,MAAM;AAAP,UAAkB,KAAKD,KAA7B;AACAC,MAAAA,MAAM;AACP;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAACZ,MAAAA,IAAD;AAAOC,MAAAA,EAAP;AAAWF,MAAAA,GAAX;AAAgBc,MAAAA,QAAQ,GAAG,KAA3B;AAAkCC,MAAAA,KAAK,GAAG,MAA1C;AAAkDC,MAAAA,MAAM,GAAG;AAA3D,QAAsE,KAAKL,KAAjF;AACA,UAAMM,GAAG,GAAGlB,MAAM,CAAC;AAACC,MAAAA,GAAD;AAAMC,MAAAA,IAAN;AAAYC,MAAAA,EAAZ;AAAgBY,MAAAA;AAAhB,KAAD,CAAlB;AAEA,wBACE;AACE,MAAA,GAAG,EAAEG,GADP;AAEE,MAAA,KAAK,EAAEF,KAFT;AAGE,MAAA,MAAM,EAAEC,MAHV;AAIE,MAAA,WAAW,EAAE,CAJf;AAKE,MAAA,SAAS,EAAEE,eAAMC,MALnB;AAME,MAAA,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;AAOE,MAAA,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;AAQE,MAAA,eAAe;AARjB,MADF;AAYD;;AAvCuC;;gBAApCM,W,kBAWkB;AACpBa,EAAAA,KAAK,EAAEC,kBAASC,iBAAT,CAA2BF;AADd,C;;AAXlBb,W,CACGgB,S,2CAAY;AACjBtB,EAAAA,IAAI,EAAEuB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;AAEjBV,EAAAA,KAAK,EAAES,mBAAUE,MAFA;AAGjBV,EAAAA,MAAM,EAAEQ,mBAAUE,MAHD;AAIjB1B,EAAAA,GAAG,EAAE2B,sBAJY;AAKjBzB,EAAAA,EAAE,EAAEsB,mBAAUE,MALG;AAMjBZ,EAAAA,QAAQ,EAAEU,mBAAUI,IANH;AAOjBhB,EAAAA,MAAM,EAAEY,mBAAUK;AAPD,C;eAyCNtB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-iframe/index.js"],"names":["getUrl","url","type","id","query","opts","qs","stringify","VideoIframe","React","Component","componentDidMount","props","onPlay","render","autoplay","width","height","src","style","iframe","Vimeo","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","SrcPropType","bool","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;AAACC,EAAAA,GAAD;AAAMC,EAAAA,IAAN;AAAYC,EAAAA,EAAZ;AAAgBC,EAAAA,KAAK,GAAG,EAAxB;AAA4BC,EAAAA,IAAI,GAAG;AAAnC,CAAD,KAA4C;AACzD,UAAQH,IAAR;AACE,SAAK,SAAL;AACE,aAAQ,iCAAgCC,EAAG,IAAGG,YAAGC,SAAH,uBAAiBH,KAAjB,GAA2BC,IAA3B,EAAkC,EAAhF;;AACF,SAAK,QAAL;AACE,aAAQ,6CAA4CF,EAAG,EAAvD;;AACF,SAAK,YAAL;AACE,aAAQ,2BAA0BA,EAAG,EAArC;;AACF,SAAK,UAAL;AACE,aAAQ,0CAAyCA,EAAG,gBAApD;;AACF;AACE,aAAOF,GAAP;AAVJ;AAYD,CAbD;;AAeA,MAAMO,WAAN,SAA0BC,eAAMC,SAAhC,CAA0C;AAexCC,EAAAA,iBAAiB,GAAG;AAClB,UAAM;AAACT,MAAAA;AAAD,QAAS,KAAKU,KAApB;;AACA,QAAIV,IAAI,KAAK,SAAb,EAAwB;AACtB,YAAM;AAACW,QAAAA,MAAM;AAAP,UAAkB,KAAKD,KAA7B;AACAC,MAAAA,MAAM;AACP;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,UAAM;AAACZ,MAAAA,IAAD;AAAOC,MAAAA,EAAP;AAAWF,MAAAA,GAAX;AAAgBc,MAAAA,QAAQ,GAAG,KAA3B;AAAkCC,MAAAA,KAAK,GAAG,MAA1C;AAAkDC,MAAAA,MAAM,GAAG;AAA3D,QAAsE,KAAKL,KAAjF;AACA,UAAMM,GAAG,GAAGlB,MAAM,CAAC;AAACC,MAAAA,GAAD;AAAMC,MAAAA,IAAN;AAAYC,MAAAA,EAAZ;AAAgBY,MAAAA;AAAhB,KAAD,CAAlB;AAEA,wBACE;AACE,MAAA,GAAG,EAAEG,GADP;AAEE,MAAA,KAAK,EAAEF,KAFT;AAGE,MAAA,MAAM,EAAEC,MAHV;AAIE,MAAA,WAAW,EAAE,CAJf;AAKE,MAAA,SAAS,EAAEE,eAAMC,MALnB;AAME,MAAA,OAAO,EAAElB,IAAI,KAAK,QAAT,GAAoB,KAApB,GAA4B,IANvC;AAOE,MAAA,SAAS,EAAEA,IAAI,KAAK,QAAT,GAAoB,IAApB,GAA2B,IAPxC;AAQE,MAAA,eAAe;AARjB,MADF;AAYD;;AAvCuC;;gBAApCM,W,kBAWkB;AACpBa,EAAAA,KAAK,EAAEC,kBAASC,iBAAT,CAA2BF;AADd,C;;AAXlBb,W,CACGgB,S,2CAAY;AACjBtB,EAAAA,IAAI,EAAEuB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,QAAZ,EAAsB,SAAtB,EAAiC,UAAjC,EAA6C,YAA7C,EAA2D,KAA3D,CAAhB,CADW;AAEjBV,EAAAA,KAAK,EAAES,mBAAUE,MAFA;AAGjBV,EAAAA,MAAM,EAAEQ,mBAAUE,MAHD;AAIjB1B,EAAAA,GAAG,EAAE2B,sBAJY;AAKjBzB,EAAAA,EAAE,EAAEsB,mBAAUE,MALG;AAMjBZ,EAAAA,QAAQ,EAAEU,mBAAUI,IANH;AAOjBhB,EAAAA,MAAM,EAAEY,mBAAUK;AAPD,C;eAyCNtB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport qs from 'qs';\nimport {noop} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst getUrl = ({url, type, id, query = {}, opts = {}}) => {\n  switch (type) {\n    case 'youtube':\n      return `https://www.youtube.com/embed/${id}?${qs.stringify({...query, ...opts})}`;\n    case 'uptale':\n      return `https://my.uptale.io/Experience/Launch?id=${id}`;\n    case 'omniPlayer':\n      return `https://mms.myomni.live/${id}`;\n    case 'jwplayer':\n      return `https://content.jwplatform.com/players/${id}-7IMa4DCK.html`;\n    default:\n      return url;\n  }\n};\n\nclass VideoIframe extends React.Component {\n  static propTypes = {\n    type: PropTypes.oneOf(['youtube', 'uptale', 'kontiki', 'jwplayer', 'omniPlayer', 'h5p']),\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    id: PropTypes.string,\n    autoplay: PropTypes.bool,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    Vimeo: Provider.childContextTypes.Vimeo\n  };\n\n  componentDidMount() {\n    const {type} = this.props;\n    if (type === 'kontiki') {\n      const {onPlay = noop} = this.props;\n      onPlay();\n    }\n  }\n\n  render() {\n    const {type, id, url, autoplay = false, width = '100%', height = '400px'} = this.props;\n    const src = getUrl({url, type, id, autoplay});\n\n    return (\n      <iframe\n        src={src}\n        width={width}\n        height={height}\n        frameBorder={0}\n        className={style.iframe}\n        allowvr={type === 'uptale' ? 'yes' : null}\n        scrolling={type === 'uptale' ? 'no' : null}\n        allowFullScreen\n      />\n    );\n  }\n}\n\nexport default VideoIframe;\n"],"file":"index.js"}

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

@@ -17,8 +17,6 @@ var _vimeo = _interopRequireDefault(require("./vimeo"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-const _excluded = ["disableAutostart", "jwpOptions"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -106,7 +104,7 @@ class VideoPlayer extends _react.default.Component {
               disableAutostart,
               jwpOptions
             } = _this$props,
-                  otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+                  otherProps = _objectWithoutPropertiesLoose(_this$props, ["disableAutostart", "jwpOptions"]);
 
             return /*#__PURE__*/_react.default.createElement(_jwplayer.default, _extends({}, otherProps, {
               disableAutostart: disableAutostart,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    autoplay: PropTypes.bool,\n    disableAutostart: PropTypes.bool,\n    jwpOptions: JWPlayer.propTypes.jwpOptions,\n    mimeType: PropTypes.oneOf([\n      'application/kontiki',\n      'application/uptale',\n      'application/vimeo',\n      'application/youtube',\n      'application/jwplayer',\n      'application/omniPlayer',\n      'application/h5p',\n      'video/mp4'\n    ]).isRequired\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["VideoPlayer","React","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","style","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer","propTypes","PropTypes","string","SrcPropType","func","onError","autoplay","bool","JWPlayer","oneOf","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\n\nclass VideoPlayer extends React.Component {\n  static propTypes = {\n    id: PropTypes.string,\n    width: PropTypes.string,\n    height: PropTypes.string,\n    url: SrcPropType,\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    autoplay: PropTypes.bool,\n    disableAutostart: PropTypes.bool,\n    jwpOptions: JWPlayer.propTypes.jwpOptions,\n    mimeType: PropTypes.oneOf([\n      'application/kontiki',\n      'application/uptale',\n      'application/vimeo',\n      'application/youtube',\n      'application/jwplayer',\n      'application/omniPlayer',\n      'application/h5p',\n      'video/mp4'\n    ]).isRequired\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.id === state.id) return null;\n\n    return {\n      id: props.id,\n      played: false\n    };\n  }\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      played: false,\n      id: props.id\n    };\n  }\n\n  handleOnPlay = e => {\n    const {played} = this.state;\n    const {onResume, onPlay} = this.props;\n    if (played) {\n      if (onResume) onResume(e);\n    } else if (onPlay) onPlay(e);\n    this.setState({\n      played: true\n    });\n  };\n\n  renderPlayer = () => {\n    const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n    switch (mimeType) {\n      case 'application/vimeo':\n        return (\n          <Vimeo\n            {...this.props}\n            key={id}\n            width={width}\n            height={height}\n            video={id}\n            className={style.wrapper}\n            onPlay={this.handleOnPlay}\n          />\n        );\n      case 'application/youtube':\n      case 'application/uptale':\n      case 'application/h5p':\n      case 'application/omniPlayer':\n        return (\n          <VideoIframe\n            key={id}\n            type={mimeType.split('application/')[1]}\n            id={id}\n            url={url}\n            width={width}\n            height={height}\n            frameBorder={0}\n            allowFullScreen\n            onPlay={this.handleOnPlay}\n            onPause={onPause}\n            onEnded={onEnded}\n          />\n        );\n      case 'application/kontiki':\n      case 'application/jwplayer':\n      case 'video/mp4': {\n        const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n        return (\n          <JWPlayer\n            {...otherProps}\n            disableAutostart={disableAutostart}\n            jwpOptions={jwpOptions}\n            onPlay={this.handleOnPlay}\n            key={id}\n          />\n        );\n      }\n    }\n  };\n\n  render() {\n    const {id} = this.props;\n    return (\n      <div data-name=\"video-player\" className={style.wrapper} key={id}>\n        {this.renderPlayer()}\n      </div>\n    );\n  }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}

package/lib/molecule/video-player/jwplayer.js

@@ -202,8 +202,8 @@ class JWPlayer extends _react.default.Component {
       fileUrl
     } = this.state;
 
-    const _jwpOptions = _extends({}, jwpOptions, {
-      customProps: _extends({}, (0, _get2.default)('customProps', jwpOptions), {
+    const _jwpOptions = _extends(_extends({}, jwpOptions), {}, {
+      customProps: _extends(_extends({}, (0, _get2.default)('customProps', jwpOptions)), {}, {
         autostart: !disableAutostart && (0, _get2.default)('customProps.autostart', jwpOptions)
       })
     });

package/lib/molecule/video-player/jwplayer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","PropTypes","string","bool","shape","SrcPropType","aspectratio","tracks","arrayOf","label","kind","default","boolean","oneOf","width","skin","name","licenseKey","isRequired","playerScript","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './jwplayer.css';\n\nclass JWPlayer extends React.Component {\n  static propTypes = {\n    mimeType: PropTypes.string,\n    scriptErrorMessage: PropTypes.string,\n    disableAutostart: PropTypes.bool,\n    // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n    jwpOptions: PropTypes.shape({\n      file: SrcPropType,\n      customProps: PropTypes.shape({\n        aspectratio: PropTypes.string,\n        tracks: PropTypes.arrayOf(\n          PropTypes.shape({\n            file: SrcPropType,\n            label: PropTypes.string,\n            kind: PropTypes.string,\n            default: PropTypes.boolean\n          })\n        ),\n        autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n        width: PropTypes.string,\n        skin: PropTypes.shape({\n          name: PropTypes.string\n        })\n      }),\n      licenseKey: PropTypes.string.isRequired,\n      playerScript: SrcPropType.isRequired,\n      playerId: PropTypes.string.isRequired\n    }),\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    onPlayAttemptFailed: PropTypes.func,\n    onAutostartNotAllowed: PropTypes.func,\n    onSetupError: PropTypes.func,\n    onWarning: PropTypes.func\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}
+{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["JWPlayer","React","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","style","errorMessage","wrapper","propTypes","PropTypes","string","bool","shape","SrcPropType","aspectratio","tracks","arrayOf","label","kind","default","boolean","oneOf","width","skin","name","licenseKey","isRequired","playerScript","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './jwplayer.css';\n\nclass JWPlayer extends React.Component {\n  static propTypes = {\n    mimeType: PropTypes.string,\n    scriptErrorMessage: PropTypes.string,\n    disableAutostart: PropTypes.bool,\n    // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n    jwpOptions: PropTypes.shape({\n      file: SrcPropType,\n      customProps: PropTypes.shape({\n        aspectratio: PropTypes.string,\n        tracks: PropTypes.arrayOf(\n          PropTypes.shape({\n            file: SrcPropType,\n            label: PropTypes.string,\n            kind: PropTypes.string,\n            default: PropTypes.boolean\n          })\n        ),\n        autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n        width: PropTypes.string,\n        skin: PropTypes.shape({\n          name: PropTypes.string\n        })\n      }),\n      licenseKey: PropTypes.string.isRequired,\n      playerScript: SrcPropType.isRequired,\n      playerId: PropTypes.string.isRequired\n    }),\n    onPlay: PropTypes.func,\n    onResume: PropTypes.func,\n    onPause: PropTypes.func,\n    onEnded: PropTypes.func,\n    onError: PropTypes.func,\n    onPlayAttemptFailed: PropTypes.func,\n    onAutostartNotAllowed: PropTypes.func,\n    onSetupError: PropTypes.func,\n    onWarning: PropTypes.func\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.state = {\n      fileUrl: '',\n      scriptFailedLoading: false\n    };\n\n    this.handlePlay = this.handlePlay.bind(this);\n    this.handleResume = this.handleResume.bind(this);\n    this.handlePause = this.handlePause.bind(this);\n    this.handleEnded = this.handleEnded.bind(this);\n    this.handleError = this.handleError.bind(this);\n    this.handleSetupError = this.handleSetupError.bind(this);\n    this.handleScriptError = this.handleScriptError.bind(this);\n    this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n    this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n    this.handleWarning = this.handleWarning.bind(this);\n  }\n\n  componentDidMount() {\n    const jwPlayerScript = document.getElementById('jw-player-script');\n    jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n    this.setFileUrl();\n  }\n\n  componentDidUpdate(prevProps) {\n    const changes = keys(this.props).filter(key => {\n      const {[key]: current} = this.props;\n      const {[key]: prev} = prevProps;\n      return current !== prev;\n    });\n    const shouldStart = includes('autoplay', changes);\n    if (shouldStart) {\n      if (isFunction(window.jwplayer)) {\n        window.jwplayer(prevProps.jwpOptions.playerId).play();\n      }\n    }\n    const {jwpOptions} = this.props;\n    if (prevProps.jwpOptions.file !== jwpOptions.file) {\n      this.setFileUrl();\n    }\n  }\n\n  setFileUrl() {\n    const {jwpOptions} = this.props;\n    const {file} = jwpOptions;\n\n    return this.setState({fileUrl: file});\n  }\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  handleResume(e) {\n    const {onResume} = this.props;\n    if (onResume) onResume(e);\n  }\n\n  handlePause(e) {\n    const {onPause} = this.props;\n    if (onPause) onPause(e);\n  }\n\n  handleEnded(e) {\n    const {onEnded} = this.props;\n    if (onEnded) onEnded(e);\n  }\n\n  handleScriptError(script) {\n    this.setState({scriptFailedLoading: true});\n    if (script) {\n      script.parentNode.removeChild();\n    }\n  }\n\n  handleSetupError(error) {\n    const {onSetupError} = this.props;\n    if (onSetupError) onSetupError(error);\n  }\n\n  handlePlayAttemptFailed(error) {\n    const {onPlayAttemptFailed} = this.props;\n    if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n  }\n\n  handleAutostartNotAllowed(error) {\n    const {onAutostartNotAllowed} = this.props;\n    if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n  }\n\n  handleWarning(error) {\n    const {onWarning} = this.props;\n    if (onWarning) onWarning(error);\n  }\n\n  handleError(error) {\n    const {onError, mimeType, jwpOptions} = this.props;\n    const {code} = error;\n\n    onError && onError(error);\n\n    if (mimeType === 'application/kontiki') {\n      return;\n    }\n\n    // This error mostly appears on IE11 on W7\n    // Since IE11 dont kinda support M3U8 sometimes,\n    // We've decided to switch from M3U8 to mp4 whenever it appears\n    if (code === 214000) {\n      const {file: videoUrl} = jwpOptions;\n      const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n      const matched = videoUrl.match(regex);\n\n      if (matched) {\n        const videoId = matched[1];\n        return this.setState({\n          fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n        });\n      }\n    }\n  }\n\n  render() {\n    const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n    const {scriptFailedLoading, fileUrl} = this.state;\n    const _jwpOptions = {\n      ...jwpOptions,\n      customProps: {\n        ...get('customProps', jwpOptions),\n        autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n      }\n    };\n\n    return (\n      <>\n        {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n        <ReactJWPlayer\n          {..._jwpOptions}\n          className={style.wrapper}\n          onAutoStart={this.handlePlay}\n          onPlay={this.handlePlay}\n          onResume={this.handleResume}\n          onPause={this.handlePause}\n          onOneHundredPercent={this.handleEnded}\n          onError={this.handleError}\n          onSetupError={this.handleSetupError}\n          onPlayAttemptFailed={this.handlePlayAttemptFailed}\n          onWarning={this.handleWarning}\n          onAutostartNotAllowed={this.handleAutostartNotAllowed}\n          file={fileUrl}\n        />\n      </>\n    );\n  }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}

package/lib/molecule/video-player/test/fixtures/youtube.js

@@ -10,7 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign || 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); }
 
 var _default = {
-  props: _extends({}, _vimeo.default.props, {
+  props: _extends(_extends({}, _vimeo.default.props), {}, {
     mimeType: 'application/youtube',
     id: 'nLMZd05FQKc'
   })

package/lib/molecule/video-player/test/fixtures/youtube.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/video-player/test/fixtures/youtube.js"],"names":["props","Default","mimeType","id"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,eACAC,eAAQD,KADR;AAEHE,IAAAA,QAAQ,EAAE,qBAFP;AAGHC,IAAAA,EAAE,EAAE;AAHD;AADQ,C","sourcesContent":["import Default from './vimeo';\n\nexport default {\n  props: {\n    ...Default.props,\n    mimeType: 'application/youtube',\n    id: 'nLMZd05FQKc'\n  }\n};\n"],"file":"youtube.js"}
+{"version":3,"sources":["../../../../../src/molecule/video-player/test/fixtures/youtube.js"],"names":["props","Default","mimeType","id"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,wBACAC,eAAQD,KADR;AAEHE,IAAAA,QAAQ,EAAE,qBAFP;AAGHC,IAAAA,EAAE,EAAE;AAHD;AADQ,C","sourcesContent":["import Default from './vimeo';\n\nexport default {\n  props: {\n    ...Default.props,\n    mimeType: 'application/youtube',\n    id: 'nLMZd05FQKc'\n  }\n};\n"],"file":"youtube.js"}