npm - @coorpacademy/components - Versions diffs - 10.3.19 → 10.3.20 - Mend

@coorpacademy/components 10.3.19 → 10.3.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1002) hide show

package/es/molecule/select-multiple/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["React","useState","useEffect","useRef","useCallback","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","TitledCheckbox","Provider","Checkbox","getClassState","style","themeStyle","setup","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","childContextTypes","propTypes","bool","func","string","arrayOf","oneOf"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,EAAoCC,MAApC,EAA4CC,WAA5C,QAA8D,OAA9D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SACEC,kCAAkC,IAAIC,SADxC,EAEEC,oBAAoB,IAAIC,SAF1B,EAGEC,0CAA0C,IAAIC,QAHhD,QAIO,0BAJP;AAKA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEF,KAAK,CAACE,KADI;AAEjBC,EAAAA,OAAO,EAAEH,KAAK,CAACG,OAFE;AAGjBC,EAAAA,OAAO,EAAEJ,KAAK,CAACI,OAHE;AAIjBC,EAAAA,YAAY,EAAEL,KAAK,CAACK;AAJH,CAAnB;AAOA,OAAO,MAAMC,UAAU,GAAGC,OAAO,IAAI;AACnC,QAAMC,UAAU,GAAG;AAACC,IAAAA,OAAO,EAAEF;AAAV,GAAnB;;AAEA,QAAMG,UAAU,GAAG,MAAM;AACvB,WAAOF,UAAU,CAACC,OAAlB;AACD,GAFD;;AAIA,QAAME,UAAU,GAAGC,MAAM,IAAI;AAC3B,UAAMC,OAAO,GAAG,KAAK,IAAGD,MAAM,CAACE,CAAE,YAAjB,EAA8B,CAACF,MAAM,CAACG,QAAtC,EAAgDL,UAAU,EAA1D,CAAhB;;AAEAF,IAAAA,UAAU,CAACC,OAAX,GAAqBI,OAAO,CAACG,MAAR,CAAeC,CAAC,IAAIA,CAAC,CAACF,QAAtB,CAArB;AACD,GAJD;;AAMA,SAAO,CAACL,UAAD,EAAaC,UAAb,CAAP;AACD,CAdM;;AAgBP,MAAMO,cAAc,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWP,EAAAA,MAAX;AAAmBQ,EAAAA;AAAnB,CAAD,KAAkC;AACvD,QAAMC,YAAY,GAAGlC,WAAW,CAC9BmC,OAAO,IAAI;AACT,QAAI,CAACH,QAAL,EAAe;AACb,aAAOC,QAAQ,CAACR,MAAD,CAAf;AACD;;AACD,WAAOQ,QAAQ,cAAKR,MAAL;AAAaG,MAAAA,QAAQ,EAAEO;AAAvB,OAAf;AACD,GAN6B,EAO9B,CAACF,QAAD,EAAWR,MAAX,EAAmBO,QAAnB,CAP8B,CAAhC;AAUA,SAAOA,QAAQ,gBACb;AAAK,IAAA,SAAS,EAAEnB,KAAK,CAACuB;AAAtB,kBACE,oBAAC,QAAD;AACE,IAAA,UAAU,EAAC,SADb;AAEE,IAAA,OAAO,EAAEX,MAAM,CAACG,QAFlB;AAGE,IAAA,QAAQ,EAAEM,YAHZ;AAIE,IAAA,cAAc,MAJhB;AAKE,IAAA,KAAK,EAAET,MAAM,CAACY;AALhB,IADF,CADa,gBAWb;AACE,IAAA,SAAS,EAAExB,KAAK,CAACuB,IADnB;AAEE,IAAA,OAAO,EAAEF,YAFX;AAGE,IAAA,KAAK,EAAET,MAAM,CAACY,IAHhB;AAIE,iBAAY,GAAEZ,MAAM,CAACY,IAAK;AAJ5B,KAMGZ,MAAM,CAACY,IANV,CAXF;AAoBD,CA/BD;;AAiCA,MAAMC,cAAc,GAAG,CACrB;AACEC,EAAAA,KADF;AAEEnB,EAAAA,OAFF;AAGEoB,EAAAA,KAHF;AAIEC,EAAAA,WAJF;AAKEC,EAAAA,WALF;AAMEC,EAAAA,IANF;AAOEX,EAAAA,QAPF;AAQEC,EAAAA,QARF;AASEW,EAAAA,OATF;AAUEC,EAAAA,QAAQ,GAAG,KAVb;AAWEC,EAAAA,KAAK,GAAG,EAXV;AAYEC,EAAAA,QAAQ,GAAG;AAZb,CADqB,EAerB;AAACC,EAAAA;AAAD,CAfqB,KAgBlB;AACH,QAAM,CAACC,QAAD,EAAWC,cAAX,IAA6BrD,QAAQ,CAAC,KAAD,CAA3C;AACA,QAAM,CAAC0B,UAAD,EAAaC,UAAb,IAA2BL,UAAU,CAACC,OAAD,CAA3C;AACA,QAAM+B,OAAO,GAAGpD,MAAM,CAAC,IAAD,CAAtB;;AAEA,QAAMqD,YAAY,GAAG,KAAI,gBAAJ,EAAsBJ,IAAtB,CAArB;;AACA,QAAMK,KAAK,GAAG,KAAI,cAAJ,EAAoBL,IAApB,CAAd;;AAEA,QAAMM,aAAa,GAAGtD,WAAW,CAC/BuD,CAAC,IAAI;AACH,QAAIR,QAAJ,EAAc;AAEdQ,IAAAA,CAAC,CAACC,cAAF;AACAD,IAAAA,CAAC,CAACE,eAAF;AAEAP,IAAAA,cAAc,CAACQ,IAAI,IAAI,CAACA,IAAV,CAAd;AACD,GAR8B,EAS/B,CAACX,QAAD,CAT+B,CAAjC;AAYA,QAAMY,WAAW,GAAG3D,WAAW,CAACuD,CAAC,IAAI;AACnC,QAAIJ,OAAO,IAAIA,OAAO,CAAC7B,OAAnB,IAA8B,CAAC6B,OAAO,CAAC7B,OAAR,CAAgBsC,QAAhB,CAAyBL,CAAC,CAACM,MAA3B,CAAnC,EAAuE;AACrEX,MAAAA,cAAc,CAAC,KAAD,CAAd;AACD;AACF,GAJ8B,EAI5B,EAJ4B,CAA/B;AAMA,QAAMhB,YAAY,GAAGlC,WAAW,CAC9ByB,MAAM,IAAI;AACR;AACA;AACA,QAAIO,QAAJ,EAAc;AACZR,MAAAA,UAAU,CAACC,MAAD,CAAV;AAEA,aAAOQ,QAAQ,CAACV,UAAU,EAAX,CAAf;AACD;;AACD2B,IAAAA,cAAc,CAAC,KAAD,CAAd;AACA,WAAOjB,QAAQ,CAACR,MAAD,CAAf;AACD,GAX6B,EAY9B,CAACO,QAAD,EAAWC,QAAX,EAAqBT,UAArB,EAAiCD,UAAjC,CAZ8B,CAAhC;AAeAzB,EAAAA,SAAS,CAAC,MAAM;AACdgE,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,OAA1B,EAAmCJ,WAAnC;AACAG,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCJ,WAAxC;AAEA,WAAO,MAAM;AACXG,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,OAA7B,EAAsCL,WAAtC;AACAG,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CL,WAA3C;AACD,KAHD;AAID,GARQ,EAQN,CAACA,WAAD,CARM,CAAT;AAUA,QAAMM,SAAS,GAAGzB,KAAK,KAAK,cAA5B;;AAEA,QAAM0B,KAAK,GAAG,KAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAAC3C,MAAD,EAASE,CAAT,KAAe;AACrD,wBACE;AAAI,MAAA,GAAG,EAAEA,CAAT;AAAY,MAAA,SAAS,EAAEd,KAAK,CAACY;AAA7B,OACGwC,SAAS,gBACR,oBAAC,cAAD;AAAgB,MAAA,QAAQ,EAAEjC,QAA1B;AAAoC,MAAA,MAAM,eAAMP,MAAN;AAAcE,QAAAA;AAAd,QAA1C;AAA4D,MAAA,QAAQ,EAAEO;AAAtE,MADQ,gBAGR,oBAAC,cAAD;AACE,MAAA,QAAQ,EAAEA,YADZ;AAEE,MAAA,MAAM,eAAMT,MAAN;AAAcE,QAAAA;AAAd,QAFR;AAGE,MAAA,UAAU,EAAEyB;AAHd,MAJJ,CADF;AAaD,GAda,EAcXhC,OAdW,CAAd;;AAgBA,QAAMiD,SAAS,GAAG,MAAK,QAAO;AAACzC,IAAAA,QAAQ,EAAE;AAAX,GAAP,CAAL,EAA+B,KAAI,MAAJ,CAA/B,EAA4C,MAAK,IAAL,CAA5C,EAAwDR,OAAxD,CAAlB;;AAEA,QAAMkD,QAAQ,GAAGrB,QAAQ,KAAK,IAA9B;AAEA,QAAMsB,SAAS,GAAGhC,KAAK,gBACrB;AACE,IAAA,SAAS,EAAErC,UAAU,CACnBW,KAAK,CAAC0B,KADa,EAEnB0B,SAAS,IAAII,SAAb,IAA0BxD,KAAK,CAAC2D,kBAFb,EAGnBP,SAAS,IAAI,SAAQI,SAAR,CAAb,IAAmCxD,KAAK,CAAC4D,OAHtB,EAInBH,QAAQ,IAAIzD,KAAK,CAAC6D,MAJC;AADvB,KAQGnC,KARH,EASG0B,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEpD,KAAK,CAAC8D;AAAtB,kBACE,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAE9D,KAAK,CAAC+D;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE/D,KAAK,CAACgE;AAAtB,KAAyCnC,WAAzC,CAFF,CADQ,GAKN,IAdN,CADqB,GAiBnB,IAjBJ;AAmBA,QAAMoC,QAAQ,GAAGb,SAAS,gBACxB;AACE,IAAA,SAAS,EAAE/D,UAAU,CAACW,KAAK,CAAC8B,IAAP,EAAa2B,QAAQ,IAAIzD,KAAK,CAACkE,QAA/B,CADvB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAElC,KAAK,IAAIH;AAAlB;AAH3B,IADwB,GAMtB,IANJ;AAQA,QAAMsC,SAAS,GAAGzC,KAAK,GAAG1B,UAAU,CAAC0B,KAAD,CAAb,GAAuB3B,KAAK,CAACqE,OAApD;AACA,QAAMC,eAAe,GAAGlB,SAAS,IAAIK,QAArC;AACA,QAAMc,kBAAkB,GAAGxE,aAAa,CACtCC,KAAK,CAACqE,OADgC,EAEtCrE,KAAK,CAACgC,QAFgC,EAGtChC,KAAK,CAACiC,KAHgC,EAItCD,QAJsC,EAKtCC,KALsC,CAAxC;AAQA,QAAMuC,aAAa,GAAGvC,KAAK,gBAAG,oBAAC,SAAD;AAAW,IAAA,OAAO,EAAEF,OAApB;AAA6B,IAAA,SAAS,EAAE/B,KAAK,CAACyE;AAA9C,IAAH,GAAiE,IAA5F;AAEA,sBACE;AACE,IAAA,SAAS,EAAEpF,UAAU,CAAC+E,SAAD,EAAYG,kBAAZ,EAAgCrC,QAAQ,IAAIlC,KAAK,CAACkC,QAAlD,CADvB;AAEE,IAAA,GAAG,EAAEI;AAFP,kBAIE,mCACG,CAACc,SAAD,IAAcM,SADjB,eAEE;AACE,IAAA,SAAS,EAAE1D,KAAK,CAAC0E,MADnB;AAEE,IAAA,KAAK,EAAElB,SAAS,IAAI5B,WAFtB;AAGE,iBAAY,kBAHd;AAIE,IAAA,OAAO,EAAEa;AAJX,KAMGW,SAAS,IAAIM,SANhB,eAOE;AACE,IAAA,SAAS,EAAErE,UAAU,CACnBW,KAAK,CAACwD,SADa,EAEnBJ,SAAS,IAAI,SAAQI,SAAR,CAAb,IAAmCxD,KAAK,CAAC2E,WAFtB;AADvB,KAMGnB,SAAS,IAAI,CAACJ,SAAd,IAA4BkB,eAAe,IAAI1C,WAA/C,IAA+D,IANlE,CAPF,EAeGwB,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEpD,KAAK,CAAC4E;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAE5E,KAAK,CAAC6E;AAAtB,KAA6BL,aAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEnF,UAAU,CAACW,KAAK,CAAC6E,IAAP,EAAapB,QAAQ,IAAIzD,KAAK,CAAC8E,OAA/B;AAA1B,kBACE,oBAAC,SAAD;AACE,IAAA,KAAK,EAAEtC,KADT;AAEE,IAAA,SAAS,EAAEnD,UAAU,CAACW,KAAK,CAAC+E,KAAP,EAAc;AAAC,OAAC/E,KAAK,CAACgF,IAAP,GAAcvB;AAAf,KAAd;AAFvB,IADF,CAFF,CADQ,gBAWR,oBAAC,SAAD;AACE,IAAA,KAAK,EAAEjB,KADT;AAEE,IAAA,SAAS,EAAEnD,UAAU,CAACW,KAAK,CAAC+E,KAAP,EAAc;AAAC,OAAC/E,KAAK,CAACgF,IAAP,GAAcvB;AAAf,KAAd;AAFvB,IA1BJ,CAFF,eAkCE;AAAK,IAAA,SAAS,EAAEpE,UAAU,CAACW,KAAK,CAACa,OAAP,EAAgB4C,QAAQ,IAAIzD,KAAK,CAACiF,aAAlC;AAA1B,kBACE;AAAI,IAAA,SAAS,EAAEjF,KAAK,CAACkF;AAArB,KAA4B7B,KAA5B,CADF,CAlCF,CAJF,EA0CG,CAACD,SAAD,gBAAa;AAAK,IAAA,SAAS,EAAEpD,KAAK,CAAC6B;AAAtB,KAAoCA,WAApC,CAAb,GAAsE,IA1CzE,EA2CGoC,QA3CH,CADF;AA+CD,CA/KD;;AAiLAxC,cAAc,CAAC0D,YAAf,GAA8B;AAC5BhD,EAAAA,IAAI,EAAEtC,QAAQ,CAACuF,iBAAT,CAA2BjD;AADL,CAA9B;AAIAjB,cAAc,CAACmE,SAAf,2CAA2B;AACzBlE,EAAAA,QAAQ,EAAE/B,SAAS,CAACkG,IADK;AAEzB1E,EAAAA,MAAM,EAAEhB,cAAc,CAACyF,SAAf,CAAyBzE,MAFR;AAGzBQ,EAAAA,QAAQ,EAAEhC,SAAS,CAACmG;AAHK,CAA3B;AAMA9D,cAAc,CAAC4D,SAAf,2CAA2B;AACzB3D,EAAAA,KAAK,EAAEtC,SAAS,CAACoG,MADQ;AAEzB5D,EAAAA,WAAW,EAAExC,SAAS,CAACoG,MAFE;AAGzB3D,EAAAA,WAAW,EAAEzC,SAAS,CAACoG,MAHE;AAIzB1D,EAAAA,IAAI,EAAE1C,SAAS,CAACoG,MAJS;AAKzBjF,EAAAA,OAAO,EAAEnB,SAAS,CAACqG,OAAV,CAAkB7F,cAAc,CAACyF,SAAf,CAAyBzE,MAA3C,CALgB;AAMzBQ,EAAAA,QAAQ,EAAEhC,SAAS,CAACmG,IANK;AAOzBxD,EAAAA,OAAO,EAAE3C,SAAS,CAACmG,IAPM;AAQzBpE,EAAAA,QAAQ,EAAE/B,SAAS,CAACkG,IARK;AASzBtD,EAAAA,QAAQ,EAAE5C,SAAS,CAACkG,IATK;AAUzBpD,EAAAA,QAAQ,EAAE9C,SAAS,CAACkG,IAVK;AAWzBrD,EAAAA,KAAK,EAAE7C,SAAS,CAACoG,MAXQ;AAYzB7D,EAAAA,KAAK,EAAEvC,SAAS,CAACsG,KAAV,CAAgB,MAAKzF,UAAL,CAAhB;AAZkB,CAA3B;AAeA,eAAewB,cAAf","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"}
1	+ {"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["React","useState","useEffect","useRef","useCallback","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","TitledCheckbox","Provider","Checkbox","getClassState","style","themeStyle","setup","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","childContextTypes","propTypes","bool","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/es/molecule/select-multiple/test/index.js CHANGED Viewed

@@ -28,7 +28,7 @@ const setup = options => {
 test('should select array of choices when props.multiple is set', t => {
   t.plan(2);
-  const props = _extends({}, defaultFixture.props, {
+  const props = _extends(_extends({}, defaultFixture.props), {}, {
     multiple: true,
     onChange: choices => {
       t.true(Array.isArray(choices), 'dffdff');
@@ -55,7 +55,7 @@ test('should set current choice (setter)', t => {
   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/es/molecule/select-multiple/test/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["browserEnv","test","flatten","React","mount","configure","Adapter","SelectMultiple","useChoices","defaultFixture","adapter","setup","options","returnVal","TestComponent","push","t","plan","props","multiple","onChange","choices","true","Array","isArray","pass","wrapper","update","checkbox","find","first","simulate","getChoices","is","length","setChoices","selected","i"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,cAAP,IAAwBC,UAAxB,QAAyC,IAAzC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAT,UAAU;AACVK,SAAS,CAAC;AAACK,EAAAA,OAAO,EAAE,IAAIJ,OAAJ;AAAV,CAAD,CAAT;;AAEA,MAAMK,KAAK,GAAGC,OAAO,IAAI;AACvB,QAAMC,SAAS,GAAG,EAAlB;;AACA,QAAMC,aAAa,GAAG,MAAM;AAC1BD,IAAAA,SAAS,CAACE,IAAV,CAAeP,UAAU,CAACI,OAAD,CAAzB;AACA,WAAO,IAAP;AACD,GAHD;;AAKAR,EAAAA,KAAK,eAAC,oBAAC,aAAD,OAAD,CAAL;AACA,SAAOF,OAAO,CAACW,SAAD,CAAd;AACD,CATD;;AAWAZ,IAAI,CAAC,2DAAD,EAA8De,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AACA,QAAMC,KAAK,~~gBACNT~~,cAAc,CAACS,KADT;AAETC,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,QAAQ,EAAEC,OAAO,IAAI;AACnBL,MAAAA,CAAC,CAACM,IAAF,CAAOC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAP,EAA+B,QAA/B;AACAL,MAAAA,CAAC,CAACS,IAAF;AACD;AANQ,IAAX;;AASA,QAAMC,OAAO,GAAGtB,KAAK,eAAC,oBAAC,cAAD,EAAoBc,KAApB,CAAD,CAArB;AAEAQ,EAAAA,OAAO,CAACC,MAAR;AAEA,QAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,iBAAb,EAAgCC,KAAhC,EAAjB;AAEAF,EAAAA,QAAQ,CAACG,QAAT,CAAkB,QAAlB,EAA4B;AAACb,IAAAA;AAAD,GAA5B;AACD,CAlBG,CAAJ;AAoBAjB,IAAI,CAAC,gCAAD,EAAmCe,CAAC,IAAI;AAC1C,QAAME,KAAK,gBAAOT,cAAc,CAACS,KAAtB,CAAX;;AACA,QAAM,CAACc,UAAD,IAAerB,KAAK,CAACO,KAAK,CAACN,OAAP,CAA1B;AAEAI,EAAAA,CAAC,CAACiB,EAAF,CAAKD,UAAU,GAAGE,MAAlB,EAA0B,CAA1B,EAA6B,gCAA7B;AACD,CALG,CAAJ;AAOAjC,IAAI,CAAC,oCAAD,EAAuCe,CAAC,IAAI;AAC9C,QAAME,KAAK,gBAAOT,cAAc,CAACS,KAAtB,CAAX;;AACA,QAAM,CAACc,UAAD,EAAaG,UAAb,IAA2BxB,KAAK,CAACO,KAAK,CAACN,OAAP,CAAtC;AACA,QAAMS,OAAO,GAAGW,UAAU,EAA1B;AAEAhB,EAAAA,CAAC,CAACiB,EAAF,CAAKZ,OAAO,CAAC,CAAD,CAAP,CAAWe,QAAhB,EAA0B,KAA1B,EAAiC,oDAAjC;AAEAD,EAAAA,UAAU,~~cAAKjB~~,KAAK,CAACN,OAAN,CAAc,CAAd,CAAL;AAAuByB,IAAAA,CAAC,EAAE;AAA1B,KAAV;AAEArB,EAAAA,CAAC,CAACiB,EAAF,CAAKD,UAAU,GAAG,CAAH,CAAV,CAAgBI,QAArB,EAA+B,IAA/B,EAAqC,qDAArC;AACD,CAVG,CAAJ","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"}
1	+ {"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["browserEnv","test","flatten","React","mount","configure","Adapter","SelectMultiple","useChoices","defaultFixture","adapter","setup","options","returnVal","TestComponent","push","t","plan","props","multiple","onChange","choices","true","Array","isArray","pass","wrapper","update","checkbox","find","first","simulate","getChoices","is","length","setChoices","selected","i"],"mappings":";;AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,cAAP,IAAwBC,UAAxB,QAAyC,IAAzC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAT,UAAU;AACVK,SAAS,CAAC;AAACK,EAAAA,OAAO,EAAE,IAAIJ,OAAJ;AAAV,CAAD,CAAT;;AAEA,MAAMK,KAAK,GAAGC,OAAO,IAAI;AACvB,QAAMC,SAAS,GAAG,EAAlB;;AACA,QAAMC,aAAa,GAAG,MAAM;AAC1BD,IAAAA,SAAS,CAACE,IAAV,CAAeP,UAAU,CAACI,OAAD,CAAzB;AACA,WAAO,IAAP;AACD,GAHD;;AAKAR,EAAAA,KAAK,eAAC,oBAAC,aAAD,OAAD,CAAL;AACA,SAAOF,OAAO,CAACW,SAAD,CAAd;AACD,CATD;;AAWAZ,IAAI,CAAC,2DAAD,EAA8De,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AACA,QAAMC,KAAK,yBACNT,cAAc,CAACS,KADT;AAETC,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,QAAQ,EAAEC,OAAO,IAAI;AACnBL,MAAAA,CAAC,CAACM,IAAF,CAAOC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAP,EAA+B,QAA/B;AACAL,MAAAA,CAAC,CAACS,IAAF;AACD;AANQ,IAAX;;AASA,QAAMC,OAAO,GAAGtB,KAAK,eAAC,oBAAC,cAAD,EAAoBc,KAApB,CAAD,CAArB;AAEAQ,EAAAA,OAAO,CAACC,MAAR;AAEA,QAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,iBAAb,EAAgCC,KAAhC,EAAjB;AAEAF,EAAAA,QAAQ,CAACG,QAAT,CAAkB,QAAlB,EAA4B;AAACb,IAAAA;AAAD,GAA5B;AACD,CAlBG,CAAJ;AAoBAjB,IAAI,CAAC,gCAAD,EAAmCe,CAAC,IAAI;AAC1C,QAAME,KAAK,gBAAOT,cAAc,CAACS,KAAtB,CAAX;;AACA,QAAM,CAACc,UAAD,IAAerB,KAAK,CAACO,KAAK,CAACN,OAAP,CAA1B;AAEAI,EAAAA,CAAC,CAACiB,EAAF,CAAKD,UAAU,GAAGE,MAAlB,EAA0B,CAA1B,EAA6B,gCAA7B;AACD,CALG,CAAJ;AAOAjC,IAAI,CAAC,oCAAD,EAAuCe,CAAC,IAAI;AAC9C,QAAME,KAAK,gBAAOT,cAAc,CAACS,KAAtB,CAAX;;AACA,QAAM,CAACc,UAAD,EAAaG,UAAb,IAA2BxB,KAAK,CAACO,KAAK,CAACN,OAAP,CAAtC;AACA,QAAMS,OAAO,GAAGW,UAAU,EAA1B;AAEAhB,EAAAA,CAAC,CAACiB,EAAF,CAAKZ,OAAO,CAAC,CAAD,CAAP,CAAWe,QAAhB,EAA0B,KAA1B,EAAiC,oDAAjC;AAEAD,EAAAA,UAAU,uBAAKjB,KAAK,CAACN,OAAN,CAAc,CAAd,CAAL;AAAuByB,IAAAA,CAAC,EAAE;AAA1B,KAAV;AAEArB,EAAAA,CAAC,CAACiB,EAAF,CAAKD,UAAU,GAAG,CAAH,CAAV,CAAgBI,QAArB,EAA+B,IAA/B,EAAqC,qDAArC;AACD,CAVG,CAAJ","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/es/molecule/setup-section/index.js CHANGED Viewed

@@ -38,7 +38,7 @@ ContentTypesToggler.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
 ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
-  contentTypes: PropTypes.shape(_extends({}, RadioGroup.propTypes, {
+  contentTypes: PropTypes.shape(_extends(_extends({}, RadioGroup.propTypes), {}, {
     modified: PropTypes.bool
   }))
 } : {};

package/es/molecule/setup-section/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDownIcon","NovaCompositionNavigationArrowTop","ArrowUpIcon","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,kCAAkC,IAAIC,aADxC,EAEEC,iCAAiC,IAAIC,WAFvC,QAGO,0BAHP;AAKA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,KAAI,cAAJ,EAAoBF,IAApB,CAAd;;AACA,QAAMG,MAAM,GAAG,KAAI,eAAJ,EAAqBH,IAArB,CAAf;;AACA,QAAMI,iBAAiB,GAAG,KAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACS;AAAtB,kBACE,oBAAC,UAAD,eAAgBJ,YAAhB;AAA8B,IAAA,KAAK,EAAEG;AAArC,KADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACS,YAApB,GAAmC;AACjCN,EAAAA,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AADA,CAAnC;AAIAH,mBAAmB,CAACW,SAApB,2CAAgC;AAC9BP,EAAAA,YAAY,EAAEb,SAAS,CAACqB,KAAV,~~cACTd~~,UAAU,CAACa,SADF;AAEZE,IAAAA,QAAQ,EAAEtB,SAAS,CAACuB;AAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACd,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACc,IAAAA,SAAD;AAAYb,IAAAA;AAAZ,MAAoBD,OAA1B;;AACA,QAAMG,KAAK,GAAG,KAAI,cAAJ,EAAoBF,IAApB,CAAd;;AACA,QAAMc,MAAM,GAAG,KAAI,eAAJ,EAAqBd,IAArB,CAAf;;AAEA,QAAM;AAACe,IAAAA,KAAD;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,MAAd;AAAsBC,IAAAA,OAAtB;AAA+BjB,IAAAA;AAA/B,MAA+CH,KAArD;AACA,QAAMqB,OAAO,GAAGF,MAAM,GAAGf,KAAH,GAAWY,MAAjC;AACA,QAAMM,SAAS,GAAGJ,IAAI,GAAGd,KAAH,GAAWY,MAAjC;AAEA,sBACE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACyB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEzB,KAAK,CAACmB;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEnB,KAAK,CAAC0B;AAAtB,kBACE,oBAAC,mBAAD;AAAqB,IAAA,YAAY,EAAErB;AAAnC,IADF,eAEE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAAC2B;AAAtB,KAA8BV,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,oBAAC,WAAD,EAAiBK,OAAjB,CAHF,eAIE;AAAK,IAAA,SAAS,EAAEtB,KAAK,CAAC4B;AAAtB,kBACE,oBAAC,aAAD;AACE,IAAA,KAAK,EAAEL,OADT;AAEE,IAAA,SAAS,EAAEF,MAAM,GAAGrB,KAAK,CAAC6B,KAAT,GAAiB7B,KAAK,CAAC8B,QAF1C;AAGE,IAAA,OAAO,EAAET;AAHX,IADF,eAME,oBAAC,WAAD;AACE,IAAA,KAAK,EAAEG,SADT;AAEE,IAAA,SAAS,EAAEJ,IAAI,GAAGpB,KAAK,CAAC6B,KAAT,GAAiB7B,KAAK,CAAC8B,QAFxC;AAGE,IAAA,OAAO,EAAEV;AAHX,IANF,CAJF,CAFF,CADF;AAsBD,CA/BD;;AAiCAJ,YAAY,CAACN,YAAb,GAA4B;AAC1BO,EAAAA,SAAS,EAAEpB,QAAQ,CAACc,iBAAT,CAA2BM,SADZ;AAE1Bb,EAAAA,IAAI,EAAEP,QAAQ,CAACc,iBAAT,CAA2BP;AAFP,CAA5B;AAKAY,YAAY,CAACJ,SAAb,2CAAyB;AACvBO,EAAAA,KAAK,EAAE3B,SAAS,CAACuC,MAAV,CAAiBC,UADD;AAEvBZ,EAAAA,IAAI,EAAE5B,SAAS,CAACyC,IAFO;AAGvBZ,EAAAA,MAAM,EAAE7B,SAAS,CAACyC,IAHK;AAIvBX,EAAAA,OAAO,EAAE9B,SAAS,CAACqB,KAAV,CAAgBf,WAAW,CAACc,SAA5B,CAJc;AAKvBP,EAAAA,YAAY,EAAEJ,mBAAmB,CAACW,SAApB,CAA8BP;AALrB,CAAzB;AAQA,eAAeW,YAAf","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"}
1	+ {"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowDownIcon","NovaCompositionNavigationArrowTop","ArrowUpIcon","Provider","InputSwitch","RadioGroup","style","ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","contentTypeWrapper","contextTypes","childContextTypes","propTypes","shape","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func"],"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/es/molecule/setup-section/test/fixtures/first.js CHANGED Viewed

@@ -17,7 +17,7 @@ export default {
       modified: true,
       onChange: value => console.log(value)
     },
-    contentTypes: _extends({}, contentTypes, {
+    contentTypes: _extends(_extends({}, contentTypes), {}, {
       modified: true
     })
   }

package/es/molecule/setup-section/test/fixtures/first.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/molecule/setup-section/test/fixtures/first.js"],"names":["ContentTypes","props","contentTypes","id","title","onUp","onDown","e","console","log","display","value","modified","onChange"],"mappings":";;AAAA,OAAOA,YAAP,MAAyB,oDAAzB;AAEA,MAAM;AAACC,EAAAA,KAAK,EAAEC;AAAR,IAAwBF,YAA9B;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLE,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;AAYLT,IAAAA,YAAY,~~eACPA~~,YADO;AAEVU,MAAAA,QAAQ,EAAE;AAFA;AAZP;AADM,CAAf","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"}
1	+ {"version":3,"sources":["../../../../../src/molecule/setup-section/test/fixtures/first.js"],"names":["ContentTypes","props","contentTypes","id","title","onUp","onDown","e","console","log","display","value","modified","onChange"],"mappings":";;AAAA,OAAOA,YAAP,MAAyB,oDAAzB;AAEA,MAAM;AAACC,EAAAA,KAAK,EAAEC;AAAR,IAAwBF,YAA9B;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLE,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;AAYLT,IAAAA,YAAY,wBACPA,YADO;AAEVU,MAAAA,QAAQ,EAAE;AAFA;AAZP;AADM,CAAf","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/es/molecule/setup-slide/index.js CHANGED Viewed

@@ -81,21 +81,21 @@ SetupSlide.defaultProps = {
   fields: []
 };
 SetupSlide.propTypes = process.env.NODE_ENV !== "production" ? {
-  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(_extends({}, InputSwitch.propTypes, {
+  fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(_extends(_extends({}, InputSwitch.propTypes), {}, {
     type: PropTypes.oneOf(['switch'])
-  })), PropTypes.shape(_extends({}, Select.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, Select.propTypes), {}, {
     type: PropTypes.oneOf(['select'])
-  })), PropTypes.shape(_extends({}, InputCheckbox.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, InputCheckbox.propTypes), {}, {
     type: PropTypes.oneOf(['checkbox'])
-  })), PropTypes.shape(_extends({}, ImageUpload.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, ImageUpload.propTypes), {}, {
     type: PropTypes.oneOf(['image'])
-  })), PropTypes.shape(_extends({}, InputReadonly.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, InputReadonly.propTypes), {}, {
     type: PropTypes.oneOf(['readonly'])
-  })), PropTypes.shape(_extends({}, InputDoublestep.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, InputDoublestep.propTypes), {}, {
     type: PropTypes.oneOf(['doublestep'])
-  })), PropTypes.shape(_extends({}, SetupCohortItem.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, SetupCohortItem.propTypes), {}, {
     type: PropTypes.oneOf(['splitForm'])
-  })), PropTypes.shape(_extends({}, MessagePopin.propTypes, {
+  })), PropTypes.shape(_extends(_extends({}, MessagePopin.propTypes), {}, {
     type: PropTypes.oneOf(['alert'])
   })), PropTypes.shape(InputText.propTypes)]))
 } : {};

package/es/molecule/setup-slide/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,eAAP,MAA4B,6BAA5B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA;AAAD,MAAWD,KAAjB;;AACA,QAAME,UAAU,GAAGC,KAAK,IAAI;AAC1B,UAAM;AAACC,MAAAA;AAAD,QAASD,KAAf;;AACA,YAAQC,IAAR;AACE,WAAK,QAAL;AACE,4BAAO,oBAAC,WAAD,EAAiBD,KAAjB,CAAP;;AACF,WAAK,QAAL;AACE,4BAAO,oBAAC,MAAD,EAAYA,KAAZ,CAAP;;AACF,WAAK,UAAL;AACE,4BAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;AACF,WAAK,OAAL;AACE,4BAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;AACF,WAAK,WAAL;AACE,4BAAO,oBAAC,eAAD;AAAiB,UAAA,KAAK,EAAEA;AAAxB,UAAP;;AACF,WAAK,OAAL;AACE,4BAAO,oBAAC,YAAD;AAAc,UAAA,MAAM,EAAEA,KAAK,CAACE,KAA5B;AAAmC,UAAA,OAAO,EAAEF,KAAK,CAACG;AAAlD,UAAP;;AACF,WAAK,UAAL;AACE,4BAAO,oBAAC,aAAD,EAAmBH,KAAnB,CAAP;;AACF,WAAK,YAAL;AACE,4BAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;;AACF;AACE,4BAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;AAlBJ;AAoBD,GAtBD;;AAwBA,QAAMI,UAAU,GAAG,CAACJ,KAAD,EAAQK,KAAR,KAAkB;AACnC,UAAMC,KAAK,GAAGP,UAAU,CAACC,KAAD,CAAxB;AACA,wBACE;AAAK,MAAA,SAAS,EAAEL,KAAK,CAACK,KAAtB;AAA6B,MAAA,GAAG,EAAEK;AAAlC,OACGC,KADH,CADF;AAKD,GAPD;;AASA,QAAMC,UAAU,GAAG,KAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BL,UAA1B,EAAsCN,MAAtC,CAAnB;;AAEA,sBAAO;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACe;AAAtB,KAAgCH,UAAhC,CAAP;AACD,CAtCD;;AAwCAX,UAAU,CAACe,YAAX,GAA0B;AACxBb,EAAAA,MAAM,EAAE;AADgB,CAA1B;AAIAF,UAAU,CAACgB,SAAX,2CAAuB;AACrBd,EAAAA,MAAM,EAAEb,SAAS,CAAC4B,OAAV,CACN5B,SAAS,CAAC6B,SAAV,CAAoB,CAClB7B,SAAS,CAAC8B,KAAV,~~cACKxB~~,WAAW,CAACqB,SADjB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KADkB,EAKlB/B,SAAS,CAAC8B,KAAV,~~cACK7B~~,MAAM,CAAC0B,SADZ;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KALkB,EASlB/B,SAAS,CAAC8B,KAAV,~~cACK1B~~,aAAa,CAACuB,SADnB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KATkB,EAalB/B,SAAS,CAAC8B,KAAV,~~cACKvB~~,WAAW,CAACoB,SADjB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KAbkB,EAiBlB/B,SAAS,CAAC8B,KAAV,~~cACK5B~~,aAAa,CAACyB,SADnB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAjBkB,EAqBlB/B,SAAS,CAAC8B,KAAV,~~cACKzB~~,eAAe,CAACsB,SADrB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,YAAD,CAAhB;AAFR,KArBkB,EAyBlB/B,SAAS,CAAC8B,KAAV,~~cACKtB~~,eAAe,CAACmB,SADrB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,WAAD,CAAhB;AAFR,KAzBkB,EA6BlB/B,SAAS,CAAC8B,KAAV,~~cACKrB~~,YAAY,CAACkB,SADlB;AAEEX,IAAAA,IAAI,EAAEhB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KA7BkB,EAiClB/B,SAAS,CAAC8B,KAAV,CAAgB3B,SAAS,CAACwB,SAA1B,CAjCkB,CAApB,CADM;AADa,CAAvB;AAuCA,eAAehB,UAAf","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"}
1	+ {"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"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/es/molecule/share/index.js CHANGED Viewed

@@ -38,7 +38,7 @@ const copyTextViaExecCommand = text => {
   return status;
 };
-const StatusContext = /*#__PURE__*/React.createContext(SHARE_STATUS.IDLE);
+const StatusContext = React.createContext(SHARE_STATUS.IDLE);
 export const ShareStatusProvider = ({
   children
 }) => {

package/es/molecule/share/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","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","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","propTypes","node","string"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,OAAzB,EAAkCC,WAAlC,EAA+CC,UAA/C,EAA2DC,SAA3D,QAA2E,OAA3E;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,gCAAgC,IAAIC,SADtC,EAEEC,gCAAgC,IAAIC,SAFtC,EAGEC,oCAAoC,IAAIC,aAH1C,QAIO,0BAJP;AAKA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,MAAMC,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,MADa;AAEnBC,EAAAA,KAAK,EAAE,OAFY;AAGnBC,EAAAA,OAAO,EAAE;AAHU,CAArB;;AAMA,MAAMC,sBAAsB,GAAGC,IAAI,IAAI;AACrC,QAAMC,QAAQ,GAAGC,QAAQ,CAACC,aAAT,CAAuB,UAAvB,CAAjB;AAEAF,EAAAA,QAAQ,CAACG,KAAT,CAAeC,MAAf,GAAwB,GAAxB;AACAJ,EAAAA,QAAQ,CAACG,KAAT,CAAeE,OAAf,GAAyB,GAAzB;AACAL,EAAAA,QAAQ,CAACG,KAAT,CAAeG,UAAf,GAA4B,QAA5B;AACAN,EAAAA,QAAQ,CAACG,KAAT,CAAeI,QAAf,GAA0B,UAA1B;AACAP,EAAAA,QAAQ,CAACQ,YAAT,CAAsB,UAAtB,EAAkC,EAAlC;AACAR,EAAAA,QAAQ,CAACS,KAAT,GAAiBV,IAAjB,CARqC,CAUrC;AACA;;AACAE,EAAAA,QAAQ,CAACS,IAAT,CAAcC,WAAd,CAA0BX,QAA1B;AACA,MAAIY,MAAM,GAAGlB,YAAY,CAACC,IAA1B;;AAEA,MAAI;AACFK,IAAAA,QAAQ,CAACa,MAAT;AACAb,IAAAA,QAAQ,CAACc,iBAAT,CAA2B,CAA3B,EAA8Bd,QAAQ,CAACS,KAAT,CAAeM,MAA7C;AACAd,IAAAA,QAAQ,CAACe,WAAT,CAAqB,MAArB;AACAJ,IAAAA,MAAM,GAAGlB,YAAY,CAACG,OAAtB;AACD,GALD,CAKE,OAAOoB,KAAP,EAAc;AACdL,IAAAA,MAAM,GAAGlB,YAAY,CAACE,KAAtB;AACD,GAtBoC,CAwBrC;AACA;;;AACAK,EAAAA,QAAQ,CAACS,IAAT,CAAcQ,WAAd,CAA0BlB,QAA1B;AAEA,SAAOY,MAAP;AACD,CA7BD;;AA+BA,MAAMO,aAAa,~~gBAAGzC~~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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"}
1	+ {"version":3,"sources":["../../../src/molecule/share/index.js"],"names":["React","useState","useMemo","useCallback","useContext","useEffect","PropTypes","classnames","NovaCompositionCoorpacademyCheck","CheckIcon","NovaCompositionCoorpacademyShare","ShareIcon","NovaCompositionCoorpacademyAttention","AttentionIcon","Link","styles","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","createContext","ShareStatusProvider","children","setStatus","timeoutId","DURATION","setTimeout","clearTimeout","ShareFeedback","successWording","errorWording","feedback","errorFeedback","checkIcon","Share","wording","onClick","browserSupportsClipboardWriteText","navigator","clipboard","writeText","copyStatus","container","cta","wrapper","shareIcon","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/es/molecule/vertical-tabs/index.js CHANGED Viewed

@@ -1,31 +1,38 @@
-import _snakeCase from "lodash/fp/snakeCase";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidStatusCheckCircle2 as CheckIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidStatusClose as ErrorIcon } from '@coorpacademy/nova-icons';
+import keys from 'lodash/fp/keys';
+import snakeCase from 'lodash/fp/snakeCase';
 import Link from '../../atom/link';
 import style from './style.css';
 const LeftIcons = {
-  BlueValidatedCircle: CheckIcon
+  BlueValidatedCircle: CheckIcon,
+  LocaleInError: ErrorIcon
 };
+const getIconDataName = iconType => iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';
 const buildTab = (tab, index) => {
   const {
     title,
     selected,
     onClick,
-    leftIcon
+    leftIcon,
+    iconAriaLabel
   } = tab;
   const LeftIcon = LeftIcons[leftIcon];
   return /*#__PURE__*/React.createElement("li", {
-    "data-name": `vertical_tab_${_snakeCase(title)}`,
+    "data-name": `vertical_tab_${snakeCase(title)}`,
     className: classnames(style.tab, selected && style.selected),
     key: index,
     onClick: onClick
   }, /*#__PURE__*/React.createElement("span", {
     className: style.title
   }, title), LeftIcon ? /*#__PURE__*/React.createElement(LeftIcon, {
-    className: style.leftIcon
+    "data-name": getIconDataName(leftIcon),
+    "aria-label": iconAriaLabel,
+    className: leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon
   }) : null);
 };
@@ -42,12 +49,14 @@ const VerticalTabs = props => {
   }, tabsList);
 };
+const LeftIconValues = process.env.NODE_ENV !== "production" ? [...keys(LeftIcons), ''] : {};
 VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
   tabs: PropTypes.arrayOf(PropTypes.shape({
     title: Link.propTypes.children,
     selected: PropTypes.bool,
-    leftIcon: PropTypes.string,
-    onClick: PropTypes.func
+    leftIcon: PropTypes.oneOf(LeftIconValues),
+    onClick: PropTypes.func,
+    iconAriaLabel: PropTypes.string
   })),
   className: PropTypes.string,
   'aria-label': PropTypes.string

package/es/molecule/vertical-tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","Link","style","LeftIcons","BlueValidatedCircle","buildTab","tab","index","title","selected","onClick","leftIcon","LeftIcon","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","propTypes","arrayOf","shape","children","bool","~~string~~","func"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,~~SAAQC~~,2BAA2B,IAAIC,~~SAAvC~~,~~QAAuD~~,~~0BAAvD~~;~~AAEA~~,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,~~EAAEJ~~;~~AADL~~,CAAlB;;~~AAIA~~,~~MAAMK~~,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA;~~AAA3B~~,~~MAAuCL~~,~~GAA7C~~;AAEA,~~QAAMM~~,QAAQ,~~GAAGT~~,SAAS,~~CAACQ~~,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,~~gBAAe~~,~~WAAUH~~,~~KAAV~~,~~CAAiB~~,EAD9C;AAEE,IAAA,SAAS,~~EAAEV~~,UAAU,~~CAACI~~,KAAK,~~CAACI~~,GAAP,EAAYG,QAAQ,~~IAAIP~~,KAAK,~~CAACO~~,QAA9B,CAFvB;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,~~EAAER~~,KAAK,~~CAACM~~;AAAvB,KAA+BA,KAA/B,CANF,~~EAOGI~~,QAAQ,~~gBAAG~~,oBAAC,QAAD;~~AAAU~~,IAAA,SAAS,~~EAAEV~~,KAAK,~~CAACS~~;~~AAA3B~~,~~IAAH~~,~~GAA6C~~,~~IAPxD~~,CADF;~~AAWD~~,~~CAfD~~;;~~AAiBA~~,~~MAAME~~,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,~~CAASd~~,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,~~EAAEP~~,UAAU,CAAC,~~CAACI~~,KAAK,~~CAACkB~~,OAAP,EAAgBJ,SAAhB,CAAD,CAAzB;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;~~AAWAL~~,YAAY,~~CAACQ~~,SAAb,2CAAyB;~~AACvBN~~,EAAAA,IAAI,~~EAAElB~~,SAAS,~~CAACyB~~,OAAV,~~CACJzB~~,SAAS,~~CAAC0B~~,KAAV,CAAgB;~~AACdf~~,IAAAA,KAAK,~~EAAEP~~,IAAI,~~CAACoB~~,SAAL,CAAeG,QADR;~~AAEdf~~,IAAAA,QAAQ,~~EAAEZ~~,SAAS,~~CAAC4B~~,IAFN;~~AAGdd~~,IAAAA,QAAQ,~~EAAEd~~,SAAS,~~CAAC6B~~,~~MAHN~~;~~AAIdhB~~,IAAAA,OAAO,~~EAAEb~~,SAAS,~~CAAC8B~~;~~AAJL~~,GAAhB,CADI,CADiB;~~AASvBX~~,EAAAA,SAAS,~~EAAEnB~~,SAAS,~~CAAC6B~~,~~MATE~~;~~AAUvB~~,~~gBAAc7B~~,SAAS,~~CAAC6B~~;~~AAVD~~,CAAzB;~~AAYA~~,~~eAAeb~~,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n BlueValidatedCircle: CheckIcon\n};\n\nconst buildTab = (tab, index) => {\n const {title, selected, onClick, leftIcon} = tab;\n\n const LeftIcon = LeftIcons[leftIcon];\n return (\n <li\n data-name={`vertical_tab_${snakeCase(title)}`}\n className={classnames(style.tab, selected && style.selected)}\n key={index}\n onClick={onClick}\n >\n <span className={style.title}>{title}</span>\n {LeftIcon ? <LeftIcon className={style.leftIcon} /> : null}\n </li>\n );\n};\n\nconst VerticalTabs = props => {\n const {tabs, className, 'aria-label': ariaLabel} = props;\n const tabsList = tabs.map(buildTab);\n\n return (\n <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n {tabsList}\n </ul>\n );\n};\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: Link.propTypes.children,\n selected: PropTypes.bool,\n leftIcon: PropTypes.~~string~~,\n onClick: PropTypes.func\n })\n ),\n className: PropTypes.string,\n 'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../src/molecule/vertical-tabs/index.js"],"names":["React","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","keys","snakeCase","Link","style","LeftIcons","BlueValidatedCircle","LocaleInError","getIconDataName","iconType","buildTab","tab","index","title","selected","onClick","leftIcon","iconAriaLabel","LeftIcon","leftIconError","VerticalTabs","props","tabs","className","ariaLabel","tabsList","map","wrapper","LeftIconValues","propTypes","arrayOf","shape","children","bool","oneOf","func","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SACEC,2BAA2B,IAAIC,SADjC,EAEEC,oBAAoB,IAAIC,SAF1B,QAGO,0BAHP;AAIA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,SAAP,MAAsB,qBAAtB;AACA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,mBAAmB,EAAER,SADL;AAEhBS,EAAAA,aAAa,EAAEP;AAFC,CAAlB;;AAKA,MAAMQ,eAAe,GAAGC,QAAQ,IAC9BA,QAAQ,KAAK,eAAb,GAA+B,uBAA/B,GAAyD,sBAD3D;;AAGA,MAAMC,QAAQ,GAAG,CAACC,GAAD,EAAMC,KAAN,KAAgB;AAC/B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA,OAAlB;AAA2BC,IAAAA,QAA3B;AAAqCC,IAAAA;AAArC,MAAsDN,GAA5D;AAEA,QAAMO,QAAQ,GAAGb,SAAS,CAACW,QAAD,CAA1B;AACA,sBACE;AACE,iBAAY,gBAAed,SAAS,CAACW,KAAD,CAAQ,EAD9C;AAEE,IAAA,SAAS,EAAEjB,UAAU,CAACQ,KAAK,CAACO,GAAP,EAAYG,QAAQ,IAAIV,KAAK,CAACU,QAA9B,CAFvB;AAGE,IAAA,GAAG,EAAEF,KAHP;AAIE,IAAA,OAAO,EAAEG;AAJX,kBAME;AAAM,IAAA,SAAS,EAAEX,KAAK,CAACS;AAAvB,KAA+BA,KAA/B,CANF,EAOGK,QAAQ,gBACP,oBAAC,QAAD;AACE,iBAAWV,eAAe,CAACQ,QAAD,CAD5B;AAEE,kBAAYC,aAFd;AAGE,IAAA,SAAS,EAAED,QAAQ,KAAK,eAAb,GAA+BZ,KAAK,CAACe,aAArC,GAAqDf,KAAK,CAACY;AAHxE,IADO,GAML,IAbN,CADF;AAiBD,CArBD;;AAuBA,MAAMI,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkB,kBAAcC;AAAhC,MAA6CH,KAAnD;AACA,QAAMI,QAAQ,GAAGH,IAAI,CAACI,GAAL,CAAShB,QAAT,CAAjB;AAEA,sBACE;AAAI,IAAA,SAAS,EAAEd,UAAU,CAAC,CAACQ,KAAK,CAACuB,OAAP,EAAgBJ,SAAhB,CAAD,CAAzB;AAAuD,IAAA,KAAK,EAAEC;AAA9D,KACGC,QADH,CADF;AAKD,CATD;;AAWA,MAAMG,cAAN,2CAAuB,CAAC,GAAG3B,IAAI,CAACI,SAAD,CAAR,EAAqB,EAArB,CAAvB;AAEAe,YAAY,CAACS,SAAb,2CAAyB;AACvBP,EAAAA,IAAI,EAAE3B,SAAS,CAACmC,OAAV,CACJnC,SAAS,CAACoC,KAAV,CAAgB;AACdlB,IAAAA,KAAK,EAAEV,IAAI,CAAC0B,SAAL,CAAeG,QADR;AAEdlB,IAAAA,QAAQ,EAAEnB,SAAS,CAACsC,IAFN;AAGdjB,IAAAA,QAAQ,EAAErB,SAAS,CAACuC,KAAV,CAAgBN,cAAhB,CAHI;AAIdb,IAAAA,OAAO,EAAEpB,SAAS,CAACwC,IAJL;AAKdlB,IAAAA,aAAa,EAAEtB,SAAS,CAACyC;AALX,GAAhB,CADI,CADiB;AAUvBb,EAAAA,SAAS,EAAE5B,SAAS,CAACyC,MAVE;AAWvB,gBAAczC,SAAS,CAACyC;AAXD,CAAzB;AAaA,eAAehB,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n NovaSolidStatusCheckCircle2 as CheckIcon,\n NovaSolidStatusClose as ErrorIcon\n} from '@coorpacademy/nova-icons';\nimport keys from 'lodash/fp/keys';\nimport snakeCase from 'lodash/fp/snakeCase';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst LeftIcons = {\n BlueValidatedCircle: CheckIcon,\n LocaleInError: ErrorIcon\n};\n\nconst getIconDataName = iconType =>\n iconType === 'LocaleInError' ? 'validated-locale-icon' : 'locale-in-error-icon';\n\nconst buildTab = (tab, index) => {\n const {title, selected, onClick, leftIcon, iconAriaLabel} = tab;\n\n const LeftIcon = LeftIcons[leftIcon];\n return (\n <li\n data-name={`vertical_tab_${snakeCase(title)}`}\n className={classnames(style.tab, selected && style.selected)}\n key={index}\n onClick={onClick}\n >\n <span className={style.title}>{title}</span>\n {LeftIcon ? (\n <LeftIcon\n data-name={getIconDataName(leftIcon)}\n aria-label={iconAriaLabel}\n className={leftIcon === 'LocaleInError' ? style.leftIconError : style.leftIcon}\n />\n ) : null}\n </li>\n );\n};\n\nconst VerticalTabs = props => {\n const {tabs, className, 'aria-label': ariaLabel} = props;\n const tabsList = tabs.map(buildTab);\n\n return (\n <ul className={classnames([style.wrapper, className])} title={ariaLabel}>\n {tabsList}\n </ul>\n );\n};\n\nconst LeftIconValues = [...keys(LeftIcons), ''];\n\nVerticalTabs.propTypes = {\n tabs: PropTypes.arrayOf(\n PropTypes.shape({\n title: Link.propTypes.children,\n selected: PropTypes.bool,\n leftIcon: PropTypes.oneOf(LeftIconValues),\n onClick: PropTypes.func,\n iconAriaLabel: PropTypes.string\n })\n ),\n className: PropTypes.string,\n 'aria-label': PropTypes.string\n};\nexport default VerticalTabs;\n"],"file":"index.js"}

package/es/molecule/vertical-tabs/style.css CHANGED Viewed

@@ -5,6 +5,7 @@
 @value medium from colors;
 @value cm_blue_50 from colors;
 @value cm_primary_blue from colors;
+@value cm_negative_100 from colors;
 .wrapper {
   background-color: white;
@@ -52,6 +53,16 @@
   color: cm_primary_blue
 }
+.leftIconError {
+  background-color: cm_negative_100;
+  color: white;
+  border-radius: 50%;
+  padding: 2px;
+  width: 9px;
+  height: 9px;
+  margin-right: 3px;
+}
 .tab:hover {
   color: cm_blue_50;
 }

package/es/molecule/vertical-tabs/test/fixtures/default.js CHANGED Viewed

@@ -1,20 +1,25 @@
+export const iconAriaLabelError = 'Locale with errors icon';
+export const iconAriaLabelSuccess = 'Validated locale icon';
 export default {
   props: {
     tabs: [{
       title: '🇫🇷 French',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇪🇸 Spanish',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇮🇹 Italian',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇩🇪 German',
       leftIcon: '',

package/es/molecule/vertical-tabs/test/fixtures/default.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["props","tabs","title","leftIcon","onClick","console","log","selected"],"mappings":"AAAA,eAAe;~~AACbA~~,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;~~AAJZ~~,KADI,~~EAOJ~~;~~AACEL~~,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;~~AAJZ~~,~~KAPI~~,~~EAaJ~~;~~AACEL~~,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;~~AAJZ~~,~~KAbI~~,~~EAmBJ~~;~~AACEL~~,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,~~KAnBI~~,~~EAyBJ~~;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,~~KAzBI~~,~~EA+BJ~~;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,~~KA/BI~~,~~EAqCJ~~;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,~~KArCI~~,CADD;~~AA6CL~~,kBAAc;~~AA7CT~~;AADM,CAAf","sourcesContent":["export default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ],\n 'aria-label': 'Languages list'\n }\n};\n"],"file":"default.js"}
1	+ {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/default.js"],"names":["iconAriaLabelError","iconAriaLabelSuccess","props","tabs","title","leftIcon","onClick","console","log","selected","iconAriaLabel"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,GAAG,yBAA3B;AACP,OAAO,MAAMC,oBAAoB,GAAG,uBAA7B;AAEP,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KADI,EAQJ;AACEG,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KARI,EAeJ;AACEG,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KAfI,EAsBJ;AACEG,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAtBI,EA4BJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA5BI,EAkCJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAlCI,EAwCJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAxCI,CADD;AAgDL,kBAAc;AAhDT;AADM,CAAf","sourcesContent":["export const iconAriaLabelError = 'Locale with errors icon';\nexport const iconAriaLabelSuccess = 'Validated locale icon';\n\nexport default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelSuccess\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelSuccess\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelSuccess\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ],\n 'aria-label': 'Languages list'\n }\n};\n"],"file":"default.js"}

package/es/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { iconAriaLabelError, iconAriaLabelSuccess } from './default';
+export default {
+  props: {
+    tabs: [{
+      title: '🇫🇷 French',
+      leftIcon: 'LocaleInError',
+      onClick: () => console.log('click'),
+      selected: false,
+      iconAriaLabel: iconAriaLabelError
+    }, {
+      title: '🇪🇸 Spanish',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
+    }, {
+      title: '🇮🇹 Italian',
+      leftIcon: 'LocaleInError',
+      onClick: () => console.log('click'),
+      selected: false,
+      iconAriaLabel: iconAriaLabelError
+    }, {
+      title: '🇩🇪 German',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇷🇺 Russian',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }, {
+      title: '🇵🇱 Polish',
+      leftIcon: 'BlueValidatedCircle',
+      onClick: () => console.log('click'),
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
+    }, {
+      title: '🇹🇷 Turkish',
+      leftIcon: '',
+      onClick: () => console.log('click'),
+      selected: false
+    }],
+    'aria-label': 'Languages list'
+  }
+};
+//# sourceMappingURL=with-multiple-errors.js.map

package/es/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-multiple-errors.js"],"names":["iconAriaLabelError","iconAriaLabelSuccess","props","tabs","title","leftIcon","onClick","console","log","selected","iconAriaLabel"],"mappings":"AAAA,SAAQA,kBAAR,EAA4BC,oBAA5B,QAAuD,WAAvD;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,CACJ;AACEC,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,eAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAEV;AALjB,KADI,EAQJ;AACEI,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KARI,EAeJ;AACEG,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,eAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAEV;AALjB,KAfI,EAsBJ;AACEI,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAtBI,EA4BJ;AACEL,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KA5BI,EAkCJ;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEC,MAAAA,QAAQ,EAAE,qBAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE,KAJZ;AAKEC,MAAAA,aAAa,EAAET;AALjB,KAlCI,EAyCJ;AACEG,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,QAAQ,EAAE,EAFZ;AAGEC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ,CAHjB;AAIEC,MAAAA,QAAQ,EAAE;AAJZ,KAzCI,CADD;AAiDL,kBAAc;AAjDT;AADM,CAAf","sourcesContent":["import {iconAriaLabelError, iconAriaLabelSuccess} from './default';\n\nexport default {\n props: {\n tabs: [\n {\n title: '🇫🇷 French',\n leftIcon: 'LocaleInError',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelError\n },\n {\n title: '🇪🇸 Spanish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelSuccess\n },\n {\n title: '🇮🇹 Italian',\n leftIcon: 'LocaleInError',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelError\n },\n {\n title: '🇩🇪 German',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇷🇺 Russian',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n },\n {\n title: '🇵🇱 Polish',\n leftIcon: 'BlueValidatedCircle',\n onClick: () => console.log('click'),\n selected: false,\n iconAriaLabel: iconAriaLabelSuccess\n },\n {\n title: '🇹🇷 Turkish',\n leftIcon: '',\n onClick: () => console.log('click'),\n selected: false\n }\n ],\n 'aria-label': 'Languages list'\n }\n};\n"],"file":"with-multiple-errors.js"}

package/es/molecule/vertical-tabs/test/fixtures/with-selected-item.js CHANGED Viewed

@@ -1,20 +1,24 @@
+import { iconAriaLabelError, iconAriaLabelSuccess } from './default';
 export default {
   props: {
     tabs: [{
       title: '🇫🇷 French',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: true
+      selected: true,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇪🇸 Spanish',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇮🇹 Italian',
       leftIcon: 'BlueValidatedCircle',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelSuccess
     }, {
       title: '🇩🇪 German',
       leftIcon: '',
@@ -72,9 +76,10 @@ export default {
       selected: false
     }, {
       title: '🇹🇷 Turkish',
-      leftIcon: '',
+      leftIcon: 'LocaleInError',
       onClick: () => console.log('click'),
-      selected: false
+      selected: false,
+      iconAriaLabel: iconAriaLabelError
     }],
     'aria-label': 'Languages list'
   }