@coorpacademy/components 10.1.2 → 10.1.6

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","TitledCheckbox","Provider","getClassState","style","themeStyle","setup","cockpit","sidebar","SelectMultiple","Component","constructor","props","e","opened","state","preventDefault","stopPropagation","setState","node","contains","target","choice","multiple","onChange","choices","setNode","el","componentDidMount","document","addEventListener","closeHandle","componentWillUnmount","removeEventListener","i","selected","_choices","filter","c","render","skin","context","defaultColor","black","title","options","theme","placeholder","description","modified","required","error","lines","convert","cap","handleChange","selection","_title","titleView","isActive","mainClass","default","behaviourClassName","select","handleOnClick","arrow","down","activeChoices","list","childContextTypes","propTypes","string","arrayOf","func","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\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};\n\nclass SelectMultiple extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    description: PropTypes.string,\n    options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n    onChange: PropTypes.func,\n    multiple: PropTypes.bool,\n    theme: PropTypes.string,\n    modified: PropTypes.bool,\n    required: PropTypes.bool,\n    error: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      opened: false\n    };\n\n    this.node = null;\n    this.setNode = el => (this.node = el);\n  }\n\n  componentDidMount() {\n    if (typeof document !== 'undefined') {\n      document.addEventListener('click', this.closeHandle);\n      document.addEventListener('touchstart', this.closeHandle);\n    }\n  }\n\n  componentWillUnmount() {\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('click', this.closeHandle);\n      document.removeEventListener('touchstart', this.closeHandle);\n    }\n  }\n\n  handleOnClick = e => {\n    const {opened} = this.state;\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.setState({opened: !opened});\n  };\n\n  closeHandle = e => {\n    if (this.node && !this.node.contains(e.target)) {\n      this.setState({opened: false});\n    }\n  };\n\n  set choices(choice) {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, this._choices);\n\n    this._choices = choices.filter(c => c.selected);\n  }\n\n  get choices() {\n    return this._choices;\n  }\n\n  handleChange = choice => {\n    const {multiple, onChange} = this.props;\n    // if multiple prop is turned on\n    // we return all selected choices\n    if (multiple) {\n      this.choices = choice;\n\n      return onChange(this.choices);\n    }\n\n    return onChange(choice);\n  };\n\n  render() {\n    const {skin} = this.context;\n    const defaultColor = get('common.primary', skin);\n    const black = get('common.black', skin);\n    const {\n      title,\n      options,\n      theme,\n      placeholder,\n      description,\n      modified = false,\n      required = false,\n      error = false\n    } = this.props;\n    const {opened} = this.state;\n\n    this._choices = options;\n\n    const lines = map.convert({cap: false})((choice, i) => {\n      return (\n        <li key={i} className={style.choice}>\n          <TitledCheckbox\n            onToggle={this.handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        </li>\n      );\n    }, options);\n    const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n    const _title = title && `${title}${required ? ' *' : ''}`;\n\n    const titleView = title ? <span className={style.title}>{_title} </span> : null;\n    const isActive = opened === true;\n    const mainClass = theme ? themeStyle[theme] : style.default;\n    const behaviourClassName = getClassState(\n      style.default,\n      style.modified,\n      style.error,\n      modified,\n      error\n    );\n\n    return (\n      <div className={classnames(mainClass, behaviourClassName)} ref={this.setNode}>\n        <label>\n          {titleView}\n          <div\n            className={style.select}\n            title={selection || placeholder}\n            onClick={this.handleOnClick}\n          >\n            {selection || placeholder}\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          </div>\n          <div className={isActive ? style.activeChoices : style.choices}>\n            <ul className={style.list}>{lines}</ul>\n          </div>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\n\nexport default SelectMultiple;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["React","useState","useEffect","useRef","useCallback","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","TitledCheckbox","Provider","getClassState","style","themeStyle","setup","cockpit","sidebar","useChoices","options","choicesRef","getChoices","current","setChoices","choice","choices","i","selected","filter","c","SelectMultiple","title","theme","placeholder","description","multiple","onChange","modified","required","error","skin","isOpened","updateIsOpened","nodeRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","handleChange","document","addEventListener","removeEventListener","lines","convert","cap","selection","_title","titleView","isActive","mainClass","default","behaviourClassName","select","arrow","down","activeChoices","list","contextTypes","childContextTypes","propTypes","string","arrayOf","func","bool"],"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} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\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};\n\nexport const useChoices = options => {\n  const choicesRef = useRef(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 SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    multiple,\n    onChange,\n    modified = false,\n    required = false,\n    error = 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(e => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    updateIsOpened(prev => !prev);\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\n      return onChange(choice);\n    },\n    [setChoices, multiple, onChange]\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 lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        <TitledCheckbox onToggle={handleChange} choice={{...choice, i}} background={defaultColor} />\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const _title = title && `${title}${required ? ' *' : ''}`;\n\n  const titleView = title ? <span className={style.title}>{_title} </span> : null;\n  const isActive = isOpened === true;\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  return (\n    <div className={classnames(mainClass, behaviourClassName)} ref={nodeRef}>\n      <label>\n        {titleView}\n        <div className={style.select} title={selection || placeholder} onClick={handleOnClick}>\n          {selection || placeholder}\n          <ArrowDown color={black} className={classnames(style.arrow, {[style.down]: isActive})} />\n        </div>\n        <div className={isActive ? style.activeChoices : style.choices}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  multiple: PropTypes.bool,\n  theme: PropTypes.string,\n  modified: PropTypes.bool,\n  required: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default SelectMultiple;\n"],"file":"index.js"}

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

@@ -2,58 +2,29 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import browserEnv from 'browser-env';
 import test from 'ava';
+import flatten from 'lodash/fp/flatten';
 import React from 'react';
 import { mount, configure } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import SelectMultiple from '..';
+import SelectMultiple, { useChoices } from '..';
 import defaultFixture from './fixtures/checked';
 browserEnv();
 configure({
   adapter: new Adapter()
 });
-test('should open and close list', t => {
-  t.plan(8);
-  const clickEvent = {
-    preventDefault: () => t.pass(),
-    stopPropagation: () => t.pass()
-  };
-  const props = defaultFixture.props;
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const selectWrapper = wrapper.find('.select-multiple__select');
-  t.is(wrapper.state().opened, false);
-  t.is(selectWrapper.exists(), true);
-  selectWrapper.simulate('click', clickEvent);
-  t.is(wrapper.state().opened, true);
-  selectWrapper.simulate('click', clickEvent);
-  t.is(wrapper.state().opened, false);
-});
-test('should select choice', t => {
-  t.plan(8);
-  const clickEvent = {
-    preventDefault: () => t.pass(),
-    stopPropagation: () => t.pass()
+
+const setup = options => {
+  const returnVal = [];
+
+  const TestComponent = () => {
+    returnVal.push(useChoices(options));
+    return null;
   };
 
-  const props = _extends(_extends({}, defaultFixture.props), {}, {
-    onChange: evt => {
-      t.is(evt.value, 'digital');
-      t.pass();
-    }
-  });
+  mount( /*#__PURE__*/React.createElement(TestComponent, null));
+  return flatten(returnVal);
+};
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const selectWrapper = wrapper.find('.select-multiple__select');
-  wrapper.update();
-  t.is(wrapper.state().opened, false);
-  t.is(selectWrapper.exists(), true);
-  selectWrapper.simulate('click', clickEvent);
-  wrapper.update();
-  t.is(wrapper.state().opened, true);
-  const checkbox = wrapper.find('[checked=false]').first();
-  checkbox.simulate('change');
-  t.is(wrapper.state().opened, true);
-  wrapper.update();
-});
 test('should select array of choices when props.multiple is set', t => {
   t.plan(2);
 
@@ -72,51 +43,21 @@ test('should select array of choices when props.multiple is set', t => {
     props
   });
 });
-test('should click outside', t => {
-  t.plan(10);
-  const clickEvent = {
-    preventDefault: () => t.pass(),
-    stopPropagation: () => t.pass()
-  };
-  const props = defaultFixture.props;
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const selectWrapper = wrapper.find('.select-multiple__select');
-  const instance = wrapper.instance();
-  wrapper.update();
-  t.is(wrapper.state().opened, false);
-  t.is(selectWrapper.exists(), true);
-  selectWrapper.simulate('click', clickEvent);
-  wrapper.update();
-  t.is(wrapper.state().opened, true);
-  instance.closeHandle({
-    target: null
-  });
-  t.is(wrapper.state().opened, false);
-  selectWrapper.simulate('click', clickEvent);
-  wrapper.update();
-  t.is(wrapper.state().opened, true);
-  instance.closeHandle({
-    target: selectWrapper.getDOMNode()
-  });
-  t.is(wrapper.state().opened, true);
-  wrapper.update();
-  wrapper.unmount();
-});
 test('should return choices (getter)', t => {
   const props = _extends({}, defaultFixture.props);
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  t.is(wrapper.instance().choices.length, 4, 'not returning expected choices');
+  const [getChoices] = setup(props.options);
+  t.is(getChoices().length, 4, 'not returning expected choices');
 });
 test('should set current choice (setter)', t => {
   const props = _extends({}, defaultFixture.props);
 
-  const wrapper = mount( /*#__PURE__*/React.createElement(SelectMultiple, props));
-  const instance = wrapper.instance();
-  t.is(instance.choices[0].selected, false, 'not setting correctly expected value for choice[0]');
-  instance.choices = _extends(_extends({}, props.options[0]), {}, {
+  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(_extends({}, props.options[0]), {}, {
     i: 0
-  });
-  t.is(instance.choices[0].selected, true, 'not updating correctly expected value for choice[0]');
+  }));
+  t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["browserEnv","test","React","mount","configure","Adapter","SelectMultiple","defaultFixture","adapter","t","plan","clickEvent","preventDefault","pass","stopPropagation","props","wrapper","selectWrapper","find","is","state","opened","exists","simulate","onChange","evt","value","update","checkbox","first","multiple","choices","true","Array","isArray","instance","closeHandle","target","getDOMNode","unmount","length","selected","options","i"],"mappings":"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","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport SelectMultiple from '..';\nimport defaultFixture from './fixtures/checked';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should open and close list', t => {\n  t.plan(8);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = defaultFixture.props;\n  const wrapper = mount(<SelectMultiple {...props} />);\n  const selectWrapper = wrapper.find('.select-multiple__select');\n\n  t.is(wrapper.state().opened, false);\n\n  t.is(selectWrapper.exists(), true);\n\n  selectWrapper.simulate('click', clickEvent);\n\n  t.is(wrapper.state().opened, true);\n\n  selectWrapper.simulate('click', clickEvent);\n\n  t.is(wrapper.state().opened, false);\n});\n\ntest('should select choice', t => {\n  t.plan(8);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = {\n    ...defaultFixture.props,\n    onChange: evt => {\n      t.is(evt.value, 'digital');\n\n      t.pass();\n    }\n  };\n  const wrapper = mount(<SelectMultiple {...props} />);\n  const selectWrapper = wrapper.find('.select-multiple__select');\n\n  wrapper.update();\n\n  t.is(wrapper.state().opened, false);\n\n  t.is(selectWrapper.exists(), true);\n\n  selectWrapper.simulate('click', clickEvent);\n\n  wrapper.update();\n\n  t.is(wrapper.state().opened, true);\n\n  const checkbox = wrapper.find('[checked=false]').first();\n\n  checkbox.simulate('change');\n\n  t.is(wrapper.state().opened, true);\n\n  wrapper.update();\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 click outside', t => {\n  t.plan(10);\n\n  const clickEvent = {preventDefault: () => t.pass(), stopPropagation: () => t.pass()};\n  const props = defaultFixture.props;\n  const wrapper = mount(<SelectMultiple {...props} />);\n  const selectWrapper = wrapper.find('.select-multiple__select');\n  const instance = wrapper.instance();\n\n  wrapper.update();\n\n  t.is(wrapper.state().opened, false);\n\n  t.is(selectWrapper.exists(), true);\n\n  selectWrapper.simulate('click', clickEvent);\n\n  wrapper.update();\n\n  t.is(wrapper.state().opened, true);\n\n  instance.closeHandle({target: null});\n\n  t.is(wrapper.state().opened, false);\n\n  selectWrapper.simulate('click', clickEvent);\n\n  wrapper.update();\n\n  t.is(wrapper.state().opened, true);\n\n  instance.closeHandle({target: selectWrapper.getDOMNode()});\n\n  t.is(wrapper.state().opened, true);\n\n  wrapper.update();\n\n  wrapper.unmount();\n});\n\ntest('should return choices (getter)', t => {\n  const props = {...defaultFixture.props};\n  const wrapper = mount(<SelectMultiple {...props} />);\n\n  t.is(wrapper.instance().choices.length, 4, 'not returning expected choices');\n});\n\ntest('should set current choice (setter)', t => {\n  const props = {...defaultFixture.props};\n  const wrapper = mount(<SelectMultiple {...props} />);\n  const instance = wrapper.instance();\n\n  t.is(instance.choices[0].selected, false, 'not setting correctly expected value for choice[0]');\n\n  instance.choices = {...props.options[0], i: 0};\n\n  t.is(instance.choices[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":["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/vertical-tabs/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeVerticalTabs from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureWithSelectedItem from './fixtures/with-selected-item';
+test('Molecule › MoleculeVerticalTabs > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeVerticalTabs.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeVerticalTabs.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeVerticalTabs › Default › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureDefault);
+test('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithSelectedItem);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/vertical-tabs/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeVerticalTabs","fixtureDefault","fixtureWithSelectedItem","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAL,IAAI,CAAC,+DAAD,EAAkEM,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,oBAAoB,CAACK,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,oBAAlG,EAAwHE,uBAAxH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeVerticalTabs from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithSelectedItem from './fixtures/with-selected-item';\n\ntest('Molecule › MoleculeVerticalTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeVerticalTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeVerticalTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeVerticalTabs › Default › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureDefault);\ntest('Molecule › MoleculeVerticalTabs › WithSelectedItem › should be rendered', renderComponentMacro, MoleculeVerticalTabs, fixtureWithSelectedItem);\n"],"file":"fixtures.js"}

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

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidComputersSdCard as SaveIcon, NovaCompositionNavigationArrowDown as ArrowDownIcon } from '@coorpacademy/nova-icons';
-import Link from '../../atom/link';
+import { NovaCompositionNavigationArrowDown as ArrowDownIcon } from '@coorpacademy/nova-icons';
 import ContentBadge from '../../atom/content-badge';
+import ButtonLink from '../../atom/button-link';
 import style from './style.css';
 
 const buildItemsOfSection = items => {
@@ -108,15 +108,24 @@ const buildAction = action => {
   const {
     onClick,
     text,
-    icon
+    icon,
+    'aria-label': ariaLabel
   } = action;
   const handleClick = useMemo(() => () => onClick(), [onClick]);
-  return /*#__PURE__*/React.createElement(Link, {
-    className: style.actionLink,
-    onClick: handleClick
-  }, icon === 'draft' ? /*#__PURE__*/React.createElement(SaveIcon, {
-    className: style.icon
-  }) : null, /*#__PURE__*/React.createElement("span", null, text));
+  const buttonProps = {
+    type: 'text',
+    label: text,
+    'aria-label': ariaLabel,
+    'data-name': `${icon}-button`,
+    onClick: handleClick,
+    icon: {
+      position: 'left',
+      type: icon
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
 };
 
 const WizardSummary = props => {
@@ -180,7 +189,8 @@ WizardSummary.propTypes = process.env.NODE_ENV !== "production" ? {
   action: PropTypes.shape({
     icon: PropTypes.string,
     text: PropTypes.string,
-    onClick: PropTypes.func
+    onClick: PropTypes.func,
+    'aria-label': PropTypes.string
   })
 } : {};
 export default WizardSummary;

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

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

package/es/molecule/wizard-summary/style.css

@@ -46,27 +46,6 @@
   justify-content: center;
 }
 
-.actionLink {
-  text-align: center;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: bold;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-}
-
-.actionLink:hover {
-  color: cm_primary_blue;
-}
-
-.icon {
-  width: 14px;
-  height: 14px;
-  margin: 0 8px 0 0;
-}
-
 .desktopSummaryTitle {
   font-family: 'Gilroy';
   font-style: normal;
@@ -89,6 +68,10 @@
   margin: 0px;
 }
 
+.sectionWrapper:last-child {
+  margin-bottom: 0px;
+}
+
 .sectionHeader {
   display: flex;
   justify-content: space-between;
@@ -174,6 +157,14 @@ ul {
   display: none;
 }
 
+.button{
+  color: cm_grey_900;
+}
+
+.button:hover {
+  color: cm_primary_blue;
+} 
+
 @media cm_tablet {
   .container {
     background-color: transparent;

package/es/molecule/wizard-summary/test/fixtures/default.js

@@ -114,8 +114,9 @@ export default {
       counterText: '12 courses'
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

package/es/molecule/wizard-summary/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","unsaved","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian',\n            unsaved: true\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          },\n          {\n            type: 'text',\n            text: 'Population 1',\n            unsaved: true\n          }\n        ],\n        counterText: '2 population'\n      },\n      {\n        title: 'Courses',\n        items: [\n          {\n            type: 'content',\n            title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Markteting and online advertising',\n            category: 'base',\n            label: 'Base',\n            author: 'Coorpacademy',\n            unsaved: true\n          },\n          {\n            type: 'content',\n            title: 'Faire une offre',\n            category: 'chapter',\n            label: \"5' learning\",\n            author: 'Global Exam'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title:\n              'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          }\n        ],\n        counterText: '12 courses'\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/default.js"],"names":["props","title","sections","items","type","value","text","unsaved","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian',\n            unsaved: true\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          },\n          {\n            type: 'text',\n            text: 'Population 1',\n            unsaved: true\n          }\n        ],\n        counterText: '2 population'\n      },\n      {\n        title: 'Courses',\n        items: [\n          {\n            type: 'content',\n            title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Markteting and online advertising',\n            category: 'base',\n            label: 'Base',\n            author: 'Coorpacademy',\n            unsaved: true\n          },\n          {\n            type: 'content',\n            title: 'Faire une offre',\n            category: 'chapter',\n            label: \"5' learning\",\n            author: 'Global Exam'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title:\n              'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          }\n        ],\n        counterText: '12 courses'\n      }\n    ],\n    action: {\n      icon: 'save',\n      text: 'Save in drafts',\n      'aria-label': 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"default.js"}

package/es/molecule/wizard-summary/test/fixtures/one-section.js

@@ -13,8 +13,9 @@ export default {
       }]
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

package/es/molecule/wizard-summary/test/fixtures/one-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/one-section.js"],"names":["props","title","sections","items","type","value","action","icon","text","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,CAFL;AAkBLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENC,MAAAA,IAAI,EAAE,gBAFA;AAGNC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAlBH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"one-section.js"}
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/one-section.js"],"names":["props","title","sections","items","type","value","action","icon","text","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,CAFL;AAkBLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,MADA;AAENC,MAAAA,IAAI,EAAE,gBAFA;AAGN,oBAAc,gBAHR;AAINC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAJT;AAlBH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      }\n    ],\n    action: {\n      icon: 'save',\n      text: 'Save in drafts',\n      'aria-label': 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"one-section.js"}

package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js

@@ -108,8 +108,9 @@ export default {
       counterText: '12 courses'
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

package/es/molecule/wizard-summary/test/fixtures/tablet-closed.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/tablet-closed.js"],"names":["props","title","sections","items","type","value","text","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          }\n        ],\n        counterText: '1 population'\n      },\n      {\n        title: 'Courses',\n        items: [\n          {\n            type: 'content',\n            title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Markteting and online advertising',\n            category: 'base',\n            label: 'Base',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Faire une offre',\n            category: 'chapter',\n            label: \"5' learning\",\n            author: 'Global Exam'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title:\n              'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          }\n        ],\n        counterText: '12 courses'\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"tablet-closed.js"}
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/tablet-closed.js"],"names":["props","title","sections","items","type","value","text","counterText","category","label","author","action","icon","onClick","console","log"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          }\n        ],\n        counterText: '1 population'\n      },\n      {\n        title: 'Courses',\n        items: [\n          {\n            type: 'content',\n            title: 'Learn Everywhere #10 : Inclusion, Diversité, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Markteting and online advertising',\n            category: 'base',\n            label: 'Base',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Faire une offre',\n            category: 'chapter',\n            label: \"5' learning\",\n            author: 'Global Exam'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title:\n              'Learn <b>Everywhere #10</b> : <u>Inclusion, Diversité</u>, et autre élements importants',\n            category: 'video',\n            label: 'Video',\n            author: 'Coorpacademy, Faurecia University'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: '<p align=\"right\"> وضع النصوص بالتصاميم سواء كانت تصاميم مطبوعه</p>',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          },\n          {\n            type: 'content',\n            title: 'Cluedo: Meurtre sur Skill Island',\n            category: 'advanced',\n            label: 'Advanced',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Suspects - épisode 1',\n            category: 'scorm',\n            label: 'Interactive slides',\n            author: 'Coorpacademy'\n          },\n          {\n            type: 'content',\n            title: 'Mesurer la satisfaction client',\n            category: 'coach',\n            label: 'Coach',\n            author: 'Dunod Formation'\n          }\n        ],\n        counterText: '12 courses'\n      }\n    ],\n    action: {\n      icon: 'save',\n      text: 'Save in drafts',\n      'aria-label': 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"tablet-closed.js"}

package/es/molecule/wizard-summary/test/fixtures/three-sections.js

@@ -32,8 +32,9 @@ export default {
       counterText: '1 population'
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

package/es/molecule/wizard-summary/test/fixtures/three-sections.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/three-sections.js"],"names":["props","title","sections","items","type","value","text","counterText","action","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,EAgCR;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,CAFT;AAQEC,MAAAA,WAAW,EAAE;AARf,KAhCQ,CAFL;AA6CLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENH,MAAAA,IAAI,EAAE,gBAFA;AAGNI,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AA7CH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          }\n        ],\n        counterText: '1 population'\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"three-sections.js"}
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/three-sections.js"],"names":["props","title","sections","items","type","value","text","counterText","action","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,EAgCR;AACEL,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,CAFT;AAQEC,MAAAA,WAAW,EAAE;AARf,KAhCQ,CAFL;AA6CLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,MADA;AAENH,MAAAA,IAAI,EAAE,gBAFA;AAGN,oBAAc,gBAHR;AAINI,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAJT;AA7CH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      },\n      {\n        title: 'Populations',\n        items: [\n          {\n            type: 'text',\n            text: 'Population 2'\n          }\n        ],\n        counterText: '1 population'\n      }\n    ],\n    action: {\n      icon: 'save',\n      text: 'Save in drafts',\n      'aria-label': 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"three-sections.js"}

package/es/molecule/wizard-summary/test/fixtures/two-sections.js

@@ -25,8 +25,9 @@ export default {
       }]
     }],
     action: {
-      icon: 'draft',
+      icon: 'save',
       text: 'Save in drafts',
+      'aria-label': 'Save in drafts',
       onClick: () => console.log('save')
     }
   }

package/es/molecule/wizard-summary/test/fixtures/two-sections.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/two-sections.js"],"names":["props","title","sections","items","type","value","text","action","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,CAFL;AAmCLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,OADA;AAENF,MAAAA,IAAI,EAAE,gBAFA;AAGNG,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAHT;AAnCH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      }\n    ],\n    action: {\n      icon: 'draft',\n      text: 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"two-sections.js"}
+{"version":3,"sources":["../../../../../src/molecule/wizard-summary/test/fixtures/two-sections.js"],"names":["props","title","sections","items","type","value","text","action","icon","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,uBADF;AAELC,IAAAA,QAAQ,EAAE,CACR;AACEC,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,UAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OADK,EAML;AACED,QAAAA,IAAI,EAAE,aADR;AAEEH,QAAAA,KAAK,EAAE,MAFT;AAGEI,QAAAA,KAAK,EAAE;AAHT,OANK;AADT,KADQ,EAeR;AACEJ,MAAAA,KAAK,EAAE,aADT;AAEEE,MAAAA,KAAK,EAAE,CACL;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OADK,EAKL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OALK,EASL;AACEF,QAAAA,IAAI,EAAE,MADR;AAEEE,QAAAA,IAAI,EAAE;AAFR,OATK;AAFT,KAfQ,CAFL;AAmCLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,MADA;AAENF,MAAAA,IAAI,EAAE,gBAFA;AAGN,oBAAc,gBAHR;AAING,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAJT;AAnCH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Certification summary',\n    sections: [\n      {\n        items: [\n          {\n            type: 'mainElement',\n            title: 'Language',\n            value: '🇬🇧 English'\n          },\n          {\n            type: 'mainElement',\n            title: 'Name',\n            value: 'Marketing expert'\n          }\n        ]\n      },\n      {\n        title: 'Translation',\n        items: [\n          {\n            type: 'text',\n            text: '🇫🇷 French'\n          },\n          {\n            type: 'text',\n            text: '🇪🇸 Spanish'\n          },\n          {\n            type: 'text',\n            text: '🇮🇹 Italian'\n          }\n        ]\n      }\n    ],\n    action: {\n      icon: 'save',\n      text: 'Save in drafts',\n      'aria-label': 'Save in drafts',\n      onClick: () => console.log('save')\n    }\n  }\n};\n"],"file":"two-sections.js"}