@coorpacademy/components 10.1.6 → 10.1.7

package/es/molecule/bullet-point-menu-button/test/fixtures/default.js

@@ -0,0 +1,11 @@
+import { actionButtonProps, deleteButtonProps } from '../../../../atom/button-menu/test/fixtures/default';
+export default {
+  props: {
+    buttonAriaLabel: 'aria button',
+    menuAriaLabel: 'aria menu',
+    buttons: [actionButtonProps, deleteButtonProps],
+    onClick: () => console.log('click on bullet point button - test in a bigger component to see the menu'),
+    componentKey: 'bullet-key'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/molecule/bullet-point-menu-button/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/bullet-point-menu-button/test/fixtures/default.js"],"names":["actionButtonProps","deleteButtonProps","props","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","componentKey"],"mappings":"AAAA,SACEA,iBADF,EAEEC,iBAFF,QAGO,oDAHP;AAKA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE,aADZ;AAELC,IAAAA,aAAa,EAAE,WAFV;AAGLC,IAAAA,OAAO,EAAE,CAACL,iBAAD,EAAoBC,iBAApB,CAHJ;AAILK,IAAAA,OAAO,EAAE,MACPC,OAAO,CAACC,GAAR,CAAY,2EAAZ,CALG;AAMLC,IAAAA,YAAY,EAAE;AANT;AADM,CAAf","sourcesContent":["import {\n  actionButtonProps,\n  deleteButtonProps\n} from '../../../../atom/button-menu/test/fixtures/default';\n\nexport default {\n  props: {\n    buttonAriaLabel: 'aria button',\n    menuAriaLabel: 'aria menu',\n    buttons: [actionButtonProps, deleteButtonProps],\n    onClick: () =>\n      console.log('click on bullet point button - test in a bigger component to see the menu'),\n    componentKey: 'bullet-key'\n  }\n};\n"],"file":"default.js"}

package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js

@@ -0,0 +1,13 @@
+import defaultsDeep from 'lodash/fp/defaultsDeep';
+import { actionButtonProps, deleteButtonProps } from '../../../../atom/button-menu/test/fixtures/default';
+import { disabledButtonProps } from '../../../../atom/button-menu/test/fixtures/multiple-buttons';
+import Default from './default';
+const {
+  props
+} = Default;
+export default {
+  props: defaultsDeep(props, {
+    buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps]
+  })
+};
+//# sourceMappingURL=multiple-buttons.js.map

package/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js"],"names":["defaultsDeep","actionButtonProps","deleteButtonProps","disabledButtonProps","Default","props","buttons"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,wBAAzB;AACA,SACEC,iBADF,EAEEC,iBAFF,QAGO,oDAHP;AAIA,SAAQC,mBAAR,QAAkC,6DAAlC;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAEL,YAAY,CAACK,KAAD,EAAQ;AACzBC,IAAAA,OAAO,EAAE,CAACL,iBAAD,EAAoBE,mBAApB,EAAyCD,iBAAzC;AADgB,GAAR;AADN,CAAf","sourcesContent":["import defaultsDeep from 'lodash/fp/defaultsDeep';\nimport {\n  actionButtonProps,\n  deleteButtonProps\n} from '../../../../atom/button-menu/test/fixtures/default';\nimport {disabledButtonProps} from '../../../../atom/button-menu/test/fixtures/multiple-buttons';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps]\n  })\n};\n"],"file":"multiple-buttons.js"}

package/es/molecule/bullet-point-menu-button/test/fixtures.js

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

package/es/molecule/bullet-point-menu-button/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/bullet-point-menu-button/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeBulletPointMenuButton","fixtureDefault","fixtureMultipleButtons","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,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AAEAL,IAAI,CAAC,wEAAD,EAA2EM,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,6BAA6B,CAACK,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,iFAAD,EAAoFE,oBAApF,EAA0GC,6BAA1G,EAAyIE,sBAAzI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBulletPointMenuButton from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureMultipleButtons from './fixtures/multiple-buttons';\n\ntest('Molecule › MoleculeBulletPointMenuButton > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBulletPointMenuButton.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBulletPointMenuButton.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBulletPointMenuButton › Default › should be rendered', renderComponentMacro, MoleculeBulletPointMenuButton, fixtureDefault);\ntest('Molecule › MoleculeBulletPointMenuButton › MultipleButtons › should be rendered', renderComponentMacro, MoleculeBulletPointMenuButton, fixtureMultipleButtons);\n"],"file":"fixtures.js"}

package/es/molecule/vertical-tabs/index.js

@@ -31,11 +31,14 @@ const buildTab = (tab, index) => {
 
 const VerticalTabs = props => {
   const {
-    tabs
+    tabs,
+    className,
+    'aria-label': ariaLabel
   } = props;
   const tabsList = tabs.map(buildTab);
   return /*#__PURE__*/React.createElement("ul", {
-    className: style.wrapper
+    className: classnames([style.wrapper, className]),
+    title: ariaLabel
   }, tabsList);
 };
 
@@ -45,7 +48,9 @@ VerticalTabs.propTypes = process.env.NODE_ENV !== "production" ? {
     selected: PropTypes.bool,
     leftIcon: PropTypes.string,
     onClick: PropTypes.func
-  }))
+  })),
+  className: PropTypes.string,
+  'aria-label': PropTypes.string
 } : {};
 export default VerticalTabs;
 //# sourceMappingURL=index.js.map

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

@@ -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","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;AAAD,MAASD,KAAf;AACA,QAAME,QAAQ,GAAGD,IAAI,CAACE,GAAL,CAASZ,QAAT,CAAjB;AAEA,sBAAO;AAAI,IAAA,SAAS,EAAEH,KAAK,CAACgB;AAArB,KAA+BF,QAA/B,CAAP;AACD,CALD;;AAOAH,YAAY,CAACM,SAAb,2CAAyB;AACvBJ,EAAAA,IAAI,EAAElB,SAAS,CAACuB,OAAV,CACJvB,SAAS,CAACwB,KAAV,CAAgB;AACdb,IAAAA,KAAK,EAAEP,IAAI,CAACkB,SAAL,CAAeG,QADR;AAEdb,IAAAA,QAAQ,EAAEZ,SAAS,CAAC0B,IAFN;AAGdZ,IAAAA,QAAQ,EAAEd,SAAS,CAAC2B,MAHN;AAIdd,IAAAA,OAAO,EAAEb,SAAS,CAAC4B;AAJL,GAAhB,CADI;AADiB,CAAzB;AAUA,eAAeZ,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} = props;\n  const tabsList = tabs.map(buildTab);\n\n  return <ul className={style.wrapper}>{tabsList}</ul>;\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};\nexport default VerticalTabs;\n"],"file":"index.js"}
+{"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"}

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

@@ -35,7 +35,8 @@ export default {
       leftIcon: '',
       onClick: () => console.log('click'),
       selected: false
-    }]
+    }],
+    'aria-label': 'Languages list'
   }
 };
 //# sourceMappingURL=default.js.map

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

@@ -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;AADD;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  }\n};\n"],"file":"default.js"}
+{"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"}

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

@@ -75,7 +75,8 @@ export default {
       leftIcon: '',
       onClick: () => console.log('click'),
       selected: false
-    }]
+    }],
+    'aria-label': 'Languages list'
   }
 };
 //# sourceMappingURL=with-selected-item.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.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,EA2CJ;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,KA3CI,EAiDJ;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,KAjDI,EAuDJ;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,KAvDI,EA6DJ;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,KA7DI,EAmEJ;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,KAnEI,EAyEJ;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,KAzEI,EA+EJ;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/EI,EAqFJ;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,KArFI;AADD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: true\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        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        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  }\n};\n"],"file":"with-selected-item.js"}
+{"version":3,"sources":["../../../../../src/molecule/vertical-tabs/test/fixtures/with-selected-item.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,EA2CJ;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,KA3CI,EAiDJ;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,KAjDI,EAuDJ;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,KAvDI,EA6DJ;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,KA7DI,EAmEJ;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,KAnEI,EAyEJ;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,KAzEI,EA+EJ;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/EI,EAqFJ;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,KArFI,CADD;AA6FL,kBAAc;AA7FT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    tabs: [\n      {\n        title: '🇫🇷 French',\n        leftIcon: 'BlueValidatedCircle',\n        onClick: () => console.log('click'),\n        selected: true\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        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        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":"with-selected-item.js"}

package/es/organism/playlist-translation/index.js

@@ -0,0 +1,63 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import VerticalLanguageMenu from '../../molecule/vertical-tabs';
+import InputText from '../../atom/input-text';
+import TextArea from '../../atom/input-textarea';
+import Button from '../../atom/button-link';
+import style from './style.css';
+
+const PlayListTranslation = props => {
+  const {
+    languageTabs,
+    inputText,
+    textArea,
+    cta,
+    'list-aria-label': listAriaLabel
+  } = props;
+  const ariaLabel = {
+    'aria-label': listAriaLabel
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement(VerticalLanguageMenu, _extends({}, ariaLabel, {
+    className: style.menu,
+    tabs: languageTabs
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.horizontalSection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.input
+  }, /*#__PURE__*/React.createElement(InputText, inputText)), /*#__PURE__*/React.createElement("div", {
+    className: style.input
+  }, /*#__PURE__*/React.createElement(TextArea, textArea)), /*#__PURE__*/React.createElement("div", {
+    className: classNames(style.button, cta.type === 'delete' && style.binButton)
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: cta.handleOnclick,
+    type: cta.type === 'delete' ? 'text' : 'primary',
+    icon: {
+      type: cta.type === 'delete' ? 'bin' : 'add',
+      position: 'left'
+    },
+    label: cta.label
+  }))));
+};
+
+PlayListTranslation.propTypes = process.env.NODE_ENV !== "production" ? {
+  languageTabs: VerticalLanguageMenu.propTypes.tabs,
+  inputText: PropTypes.shape(_extends(_extends({}, InputText.propTypes), {}, {
+    theme: PropTypes.string
+  })),
+  textArea: PropTypes.shape(_extends(_extends({}, TextArea.propTypes), {}, {
+    theme: PropTypes.string
+  })),
+  cta: PropTypes.shape({
+    label: PropTypes.string,
+    handleOnclick: PropTypes.func,
+    type: PropTypes.oneOf(['delete', 'add'])
+  }),
+  'list-aria-label': PropTypes.string
+} : {};
+export default PlayListTranslation;
+//# sourceMappingURL=index.js.map

package/es/organism/playlist-translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/playlist-translation/index.js"],"names":["React","PropTypes","classNames","VerticalLanguageMenu","InputText","TextArea","Button","style","PlayListTranslation","props","languageTabs","inputText","textArea","cta","listAriaLabel","ariaLabel","container","menu","horizontalSection","input","button","type","binButton","handleOnclick","position","label","propTypes","tabs","shape","theme","string","func","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,MAAP,MAAmB,wBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,mBAAmB,GAAGC,KAAK,IAAI;AACnC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA,GAApC;AAAyC,uBAAmBC;AAA5D,MAA6EL,KAAnF;AAEA,QAAMM,SAAS,GAAG;AAAC,kBAAcD;AAAf,GAAlB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACS;AAAtB,kBACE,oBAAC,oBAAD,eAA0BD,SAA1B;AAAqC,IAAA,SAAS,EAAER,KAAK,CAACU,IAAtD;AAA4D,IAAA,IAAI,EAAEP;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACW;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACY;AAAtB,kBACE,oBAAC,SAAD,EAAeR,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACY;AAAtB,kBACE,oBAAC,QAAD,EAAcP,QAAd,CADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEV,UAAU,CAACK,KAAK,CAACa,MAAP,EAAeP,GAAG,CAACQ,IAAJ,KAAa,QAAb,IAAyBd,KAAK,CAACe,SAA9C;AAA1B,kBACE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAET,GAAG,CAACU,aADf;AAEE,IAAA,IAAI,EAAEV,GAAG,CAACQ,IAAJ,KAAa,QAAb,GAAwB,MAAxB,GAAiC,SAFzC;AAGE,IAAA,IAAI,EAAE;AAACA,MAAAA,IAAI,EAAER,GAAG,CAACQ,IAAJ,KAAa,QAAb,GAAwB,KAAxB,GAAgC,KAAvC;AAA8CG,MAAAA,QAAQ,EAAE;AAAxD,KAHR;AAIE,IAAA,KAAK,EAAEX,GAAG,CAACY;AAJb,IADF,CAPF,CAFF,CADF;AAqBD,CAzBD;;AA2BAjB,mBAAmB,CAACkB,SAApB,2CAAgC;AAC9BhB,EAAAA,YAAY,EAAEP,oBAAoB,CAACuB,SAArB,CAA+BC,IADf;AAE9BhB,EAAAA,SAAS,EAAEV,SAAS,CAAC2B,KAAV,uBAAoBxB,SAAS,CAACsB,SAA9B;AAAyCG,IAAAA,KAAK,EAAE5B,SAAS,CAAC6B;AAA1D,KAFmB;AAG9BlB,EAAAA,QAAQ,EAAEX,SAAS,CAAC2B,KAAV,uBAAoBvB,QAAQ,CAACqB,SAA7B;AAAwCG,IAAAA,KAAK,EAAE5B,SAAS,CAAC6B;AAAzD,KAHoB;AAI9BjB,EAAAA,GAAG,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;AACnBH,IAAAA,KAAK,EAAExB,SAAS,CAAC6B,MADE;AAEnBP,IAAAA,aAAa,EAAEtB,SAAS,CAAC8B,IAFN;AAGnBV,IAAAA,IAAI,EAAEpB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmB/B,SAAS,CAAC6B;AATC,CAAhC;AAYA,eAAetB,mBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport VerticalLanguageMenu from '../../molecule/vertical-tabs';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport Button from '../../atom/button-link';\nimport style from './style.css';\n\nconst PlayListTranslation = props => {\n  const {languageTabs, inputText, textArea, cta, 'list-aria-label': listAriaLabel} = props;\n\n  const ariaLabel = {'aria-label': listAriaLabel};\n  return (\n    <div className={style.container}>\n      <VerticalLanguageMenu {...ariaLabel} className={style.menu} tabs={languageTabs} />\n      <div className={style.horizontalSection}>\n        <div className={style.input}>\n          <InputText {...inputText} />\n        </div>\n        <div className={style.input}>\n          <TextArea {...textArea} />\n        </div>\n        <div className={classNames(style.button, cta.type === 'delete' && style.binButton)}>\n          <Button\n            onClick={cta.handleOnclick}\n            type={cta.type === 'delete' ? 'text' : 'primary'}\n            icon={{type: cta.type === 'delete' ? 'bin' : 'add', position: 'left'}}\n            label={cta.label}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPlayListTranslation.propTypes = {\n  languageTabs: VerticalLanguageMenu.propTypes.tabs,\n  inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n  textArea: PropTypes.shape({...TextArea.propTypes, theme: PropTypes.string}),\n  cta: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['delete', 'add'])\n  }),\n  'list-aria-label': PropTypes.string\n};\n\nexport default PlayListTranslation;\n"],"file":"index.js"}

package/es/organism/playlist-translation/style.css

@@ -0,0 +1,45 @@
+@value colors: "../../variables/colors.css";
+@value dark from colors;
+@value brand from colors;
+@value light from colors;
+@value cm_grey_50 from colors;
+@value cm_negative_100 from colors;
+@value cm_negative_200 from colors;
+
+.container {
+  display: flex;
+  background-color: cm_grey_50;
+}
+
+.menu {
+  background-color: cm_grey_50;
+  height: 360px;
+  width: 200px;
+  margin: 24px 8px 24px 24px;
+}
+
+.horizontalSection{
+  display: flex;
+  flex-direction: column;
+  padding: 24px 24px 24px 8px;
+  width: 100%;
+  align-items: end;
+}
+
+.input {
+  width: 100%;
+  margin-bottom: 16px;
+}
+
+.button {
+  width: 170px;
+  margin-top: 16px;
+}
+
+.binButton {
+  color: cm_negative_100;
+}
+
+.binButton:hover {
+  color: cm_negative_200;
+} 

package/es/organism/playlist-translation/test/fixtures/default.js

@@ -0,0 +1,24 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';
+import inputText from '../../../../atom/input-text/test/fixtures/cm-default';
+import textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';
+const languageTabs = vericalMenu.props.tabs;
+export default {
+  props: {
+    languageTabs,
+    inputText: _extends(_extends({}, inputText.props), {}, {
+      theme: 'coorpmanager'
+    }),
+    textArea: _extends(_extends({}, textArea.props), {}, {
+      theme: 'coorpmanager'
+    }),
+    cta: {
+      label: 'Add translation',
+      type: 'add',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/organism/playlist-translation/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/default.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","theme","cta","label","type","handleOnClick"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,wBAAMA,SAAS,CAACG,KAAhB;AAAuBE,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLJ,IAAAA,QAAQ,wBAAMA,QAAQ,CAACE,KAAf;AAAsBE,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILC,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,iBADJ;AAEHC,MAAAA,IAAI,EAAE,KAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,CAAf","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: {...inputText.props, theme: 'coorpmanager'},\n    textArea: {...textArea.props, theme: 'coorpmanager'},\n    cta: {\n      label: 'Add translation',\n      type: 'add',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"default.js"}

package/es/organism/playlist-translation/test/fixtures/delete.js

@@ -0,0 +1,18 @@
+import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';
+import inputText from '../../../../atom/input-text/test/fixtures/cm-default';
+import textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';
+const languageTabs = vericalMenu.props.tabs;
+export default {
+  props: {
+    languageTabs,
+    inputText: inputText.props,
+    textArea: textArea.props,
+    cta: {
+      label: 'Delete translation',
+      type: 'delete',
+      handleOnClick: () => {}
+    },
+    'list-aria-label': 'Languages list'
+  }
+};
+//# sourceMappingURL=delete.js.map

package/es/organism/playlist-translation/test/fixtures/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/playlist-translation/test/fixtures/delete.js"],"names":["vericalMenu","inputText","textArea","languageTabs","props","tabs","cta","label","type","handleOnClick"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,qEAAxB;AACA,OAAOC,SAAP,MAAsB,sDAAtB;AACA,OAAOC,QAAP,MAAqB,0DAArB;AAEA,MAAMC,YAAY,GAAGH,WAAW,CAACI,KAAZ,CAAkBC,IAAvC;AAEA,eAAe;AACbD,EAAAA,KAAK,EAAE;AACLD,IAAAA,YADK;AAELF,IAAAA,SAAS,EAAEA,SAAS,CAACG,KAFhB;AAGLF,IAAAA,QAAQ,EAAEA,QAAQ,CAACE,KAHd;AAILE,IAAAA,GAAG,EAAE;AACHC,MAAAA,KAAK,EAAE,oBADJ;AAEHC,MAAAA,IAAI,EAAE,QAFH;AAGHC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHpB,KAJA;AASL,uBAAmB;AATd;AADM,CAAf","sourcesContent":["import vericalMenu from '../../../../molecule/vertical-tabs/test/fixtures/with-selected-item';\nimport inputText from '../../../../atom/input-text/test/fixtures/cm-default';\nimport textArea from '../../../../atom/input-textarea/test/fixtures/cm-default';\n\nconst languageTabs = vericalMenu.props.tabs;\n\nexport default {\n  props: {\n    languageTabs,\n    inputText: inputText.props,\n    textArea: textArea.props,\n    cta: {\n      label: 'Delete translation',\n      type: 'delete',\n      handleOnClick: () => {}\n    },\n    'list-aria-label': 'Languages list'\n  }\n};\n"],"file":"delete.js"}

package/es/template/teams-dashboard/index.js

@@ -2,7 +2,7 @@ import _map from "lodash/fp/map";
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import MoocHeader from '../../organism/mooc-header';
 import Cta from '../../atom/cta';
@@ -26,8 +26,9 @@ const TeamsDashboard = ({
     }));
   };
 
-  const sectionsList = _map(buildSection, sections);
-
+  const sectionsList = useMemo(() => _map.convert({
+    cap: false
+  })(buildSection, sections), [buildSection, sections]);
   return isLoading ? /*#__PURE__*/React.createElement("div", {
     className: style.loader
   }, /*#__PURE__*/React.createElement(Loader, {

package/es/template/teams-dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["React","useState","useCallback","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4Bd,QAAQ,CAAC,KAAD,CAA1C;AACA,QAAMe,UAAU,GAAGd,WAAW,CAAC,MAAMa,WAAW,CAAC,IAAD,CAAlB,CAA9B;AACA,QAAME,WAAW,GAAGf,WAAW,CAAC,MAAMa,WAAW,CAAC,KAAD,CAAlB,CAA/B;;AAEA,QAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AACvC,wBAAO,oBAAC,SAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAFD;;AAGA,QAAME,YAAY,GAAG,KAAIJ,YAAJ,EAAkBN,QAAlB,CAArB;;AACA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACe;AAAtB,kBACE,oBAAC,MAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAET,UAAU,GAAGN,KAAK,CAACgB,sBAAT,GAAkChB,KAAK,CAACiB;AAF/D,kBAIE,oBAAC,UAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAEf,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACkB,eAAT,GAA2B;AAAlF,KACGJ,YADH,CAXF,CALF;AAqBD,CA9BD;;AAgCAb,cAAc,CAACkB,SAAf,2CAA2B;AACzBjB,EAAAA,IAAI,EAAEN,UAAU,CAACuB,SAAX,CAAqBjB,IADF;AAEzBC,EAAAA,aAAa,EAAER,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBxB,GAAG,CAACsB,SAApB,CAAlB,CAFU;AAGzBf,EAAAA,QAAQ,EAAET,SAAS,CAACyB,OAAV,CAAkBzB,SAAS,CAAC0B,KAAV,CAAgBtB,SAAS,CAACoB,SAA1B,CAAlB,CAHe;AAIzBd,EAAAA,SAAS,EAAEV,SAAS,CAAC2B;AAJI,CAA3B;AAOA,eAAerB,cAAf","sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true));\n  const onMenuClose = useCallback(() => setShadowed(false));\n\n  const buildSection = (section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  };\n  const sectionsList = map(buildSection, sections);\n  return isLoading ? (\n    <div className={style.loader}>\n      <Loader data-name=\"teams-dashboard-loader\" />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/template/teams-dashboard/index.js"],"names":["React","useState","useCallback","useMemo","PropTypes","MoocHeader","Cta","Loader","CardsList","style","TeamsDashboard","logo","platformLinks","sections","isLoading","isShadowed","setShadowed","onMenuOpen","onMenuClose","buildSection","section","index","title","sectionsList","convert","cap","loader","shadowedTeamsDashboard","teamsDashboard","sectionsWrapper","propTypes","arrayOf","shape","bool"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,WAAzB,EAAsCC,OAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,4BAAvB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,qCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,aAAP;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA;AAAhC,CAAD,KAAgD;AACrE,QAAM,CAACC,UAAD,EAAaC,WAAb,IAA4Bf,QAAQ,CAAC,KAAD,CAA1C;AACA,QAAMgB,UAAU,GAAGf,WAAW,CAAC,MAAMc,WAAW,CAAC,IAAD,CAAlB,CAA9B;AACA,QAAME,WAAW,GAAGhB,WAAW,CAAC,MAAMc,WAAW,CAAC,KAAD,CAAlB,CAA/B;;AAEA,QAAMG,YAAY,GAAG,CAACC,OAAD,EAAUC,KAAV,KAAoB;AACvC,wBAAO,oBAAC,SAAD,eAAeD,OAAf;AAAwB,MAAA,GAAG,EAAEA,OAAO,CAACE,KAAR,GAAgBD;AAA7C,OAAP;AACD,GAFD;;AAGA,QAAME,YAAY,GAAGpB,OAAO,CAAC,MAAM,KAAIqB,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BN,YAA1B,EAAwCN,QAAxC,CAAP,EAA0D,CACpFM,YADoF,EAEpFN,QAFoF,CAA1D,CAA5B;AAIA,SAAOC,SAAS,gBACd;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACiB;AAAtB,kBACE,oBAAC,MAAD;AAAQ,iBAAU;AAAlB,IADF,CADc,gBAKd;AACE,iBAAU,iBADZ;AAEE,IAAA,SAAS,EAAEX,UAAU,GAAGN,KAAK,CAACkB,sBAAT,GAAkClB,KAAK,CAACmB;AAF/D,kBAIE,oBAAC,UAAD;AACE,iBAAU,wBADZ;AAEE,IAAA,IAAI,EAAEjB,IAFR;AAGE,IAAA,KAAK,EAAEC,aAHT;AAIE,IAAA,UAAU,EAAEK,UAJd;AAKE,IAAA,WAAW,EAAEC;AALf,IAJF,eAWE;AAAK,iBAAU,kBAAf;AAAkC,IAAA,SAAS,EAAEH,UAAU,GAAGN,KAAK,CAACoB,eAAT,GAA2B;AAAlF,KACGN,YADH,CAXF,CALF;AAqBD,CAjCD;;AAmCAb,cAAc,CAACoB,SAAf,2CAA2B;AACzBnB,EAAAA,IAAI,EAAEN,UAAU,CAACyB,SAAX,CAAqBnB,IADF;AAEzBC,EAAAA,aAAa,EAAER,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgB1B,GAAG,CAACwB,SAApB,CAAlB,CAFU;AAGzBjB,EAAAA,QAAQ,EAAET,SAAS,CAAC2B,OAAV,CAAkB3B,SAAS,CAAC4B,KAAV,CAAgBxB,SAAS,CAACsB,SAA1B,CAAlB,CAHe;AAIzBhB,EAAAA,SAAS,EAAEV,SAAS,CAAC6B;AAJI,CAA3B;AAOA,eAAevB,cAAf","sourcesContent":["import React, {useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport MoocHeader from '../../organism/mooc-header';\nimport Cta from '../../atom/cta';\nimport Loader from '../../atom/loader';\nimport CardsList from '../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst TeamsDashboard = ({logo, platformLinks, sections, isLoading}) => {\n  const [isShadowed, setShadowed] = useState(false);\n  const onMenuOpen = useCallback(() => setShadowed(true));\n  const onMenuClose = useCallback(() => setShadowed(false));\n\n  const buildSection = (section, index) => {\n    return <CardsList {...section} key={section.title + index} />;\n  };\n  const sectionsList = useMemo(() => map.convert({cap: false})(buildSection, sections), [\n    buildSection,\n    sections\n  ]);\n  return isLoading ? (\n    <div className={style.loader}>\n      <Loader data-name=\"teams-dashboard-loader\" />\n    </div>\n  ) : (\n    <div\n      data-name=\"teams-dashboard\"\n      className={isShadowed ? style.shadowedTeamsDashboard : style.teamsDashboard}\n    >\n      <MoocHeader\n        data-name=\"teams-dashboard-header\"\n        logo={logo}\n        links={platformLinks}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n      />\n      <div data-name=\"sections-wrapper\" className={isShadowed ? style.sectionsWrapper : null}>\n        {sectionsList}\n      </div>\n    </div>\n  );\n};\n\nTeamsDashboard.propTypes = {\n  logo: MoocHeader.propTypes.logo,\n  platformLinks: PropTypes.arrayOf(PropTypes.shape(Cta.propTypes)),\n  sections: PropTypes.arrayOf(PropTypes.shape(CardsList.propTypes)),\n  isLoading: PropTypes.bool\n};\n\nexport default TeamsDashboard;\n"],"file":"index.js"}

package/lib/atom/button-link/index.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -28,6 +30,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const ICONS = {
   add: _novaIcons.NovaSolidRemoveAddAddCircle1,
   analytics: _novaIcons.NovaCompositionCoorpacademyAnalytics,
+  bin: _novaIcons.NovaSolidContentEditionBin,
+  'bullet-point': _novaIcons.NovaCompositionCoorpacademyBulletPoint,
   'chevron-left': _novaIcons.NovaCompositionNavigationArrowLeft,
   'chevron-right': _novaIcons.NovaCompositionNavigationArrowRight,
   close: _novaIcons.NovaCompositionCoorpacademyNext,
@@ -93,11 +97,12 @@ const ButtonLink = props => {
     }), contentView);
   }
 
-  const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
   return /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-label": ariaLabel || label,
     title: ariaLabel || label,
+    "data-name": dataName,
     className: styleButton,
     onClick: handleOnClick
   }, contentView);
@@ -110,7 +115,7 @@ ButtonLink.propTypes = process.env.NODE_ENV !== "production" ? {
   'data-name': _propTypes.default.string,
   icon: _propTypes.default.shape({
     position: _propTypes.default.oneOf(['right', 'left', 'center']),
-    type: _propTypes.default.string
+    type: _propTypes.default.oneOf((0, _keys2.default)(ICONS))
   }),
   onClick: _propTypes.default.func,
   link: _propTypes.default.shape({

package/lib/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","save","SaveIcon","see","EyeIcon","getButtonContent","icon","label","type","position","Icon","style","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyNext as CloseIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  save: SaveIcon,\n  see: EyeIcon\n};\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  if (position === 'center' && Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <Icon className={style.icon} />\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left', 'center']),\n    type: PropTypes.string\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLink;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/button-link/index.js"],"names":["ICONS","add","AddIcon","analytics","AnalyticsIcon","bin","BinIcon","BulletPointIcon","ChevronLeftIcon","ChevronRightIcon","close","CloseIcon","edit","EditIcon","save","SaveIcon","see","EyeIcon","getButtonContent","icon","label","type","position","Icon","style","buttonContent","ButtonLink","props","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","button","primary","secondary","tertiary","text","dangerous","handleOnClick","propTypes","PropTypes","oneOf","string","shape","func","href","download","bool","target"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAYA;;AACA;;;;;;;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,GAAG,EAAEC,uCADO;AAEZC,EAAAA,SAAS,EAAEC,+CAFC;AAGZC,EAAAA,GAAG,EAAEC,qCAHO;AAIZ,kBAAgBC,iDAJJ;AAKZ,kBAAgBC,6CALJ;AAMZ,mBAAiBC,8CANL;AAOZC,EAAAA,KAAK,EAAEC,0CAPK;AAQZC,EAAAA,IAAI,EAAEC,6CARM;AASZC,EAAAA,IAAI,EAAEC,mCATM;AAUZC,EAAAA,GAAG,EAAEC;AAVO,CAAd;;AAaA,MAAMC,gBAAgB,GAAG,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACxC,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAmBH,IAAzB;AACA,QAAMI,IAAI,GAAG,qBAAM,IAAN,EAAYF,IAAZ,EAAkBrB,KAAlB,CAAb;;AAEA,MAAI,CAACuB,IAAL,EAAW;AACT,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC;AAAtB,oBACE;AAAM,MAAA,SAAS,EAAED,eAAMJ;AAAvB,OAA+BA,KAA/B,CADF,CADF;AAKD;;AAED,MAAIE,QAAQ,KAAK,QAAb,IAAyBC,IAA7B,EAAmC;AACjC,wBACE;AAAK,MAAA,SAAS,EAAEC,eAAMC;AAAtB,oBACE,6BAAC,IAAD;AAAM,MAAA,SAAS,EAAED,eAAML;AAAvB,MADF,CADF;AAKD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC;AAAtB,KACGH,QAAQ,KAAK,MAAb,gBAAsB,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAEE,eAAML;AAAvB,IAAtB,GAAwD,IAD3D,eAEE;AAAM,IAAA,SAAS,EAAEK,eAAMJ;AAAvB,KAA+BA,KAA/B,CAFF,EAGGE,QAAQ,KAAK,OAAb,gBAAuB,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAEE,eAAML;AAAvB,IAAvB,GAAyD,IAH5D,CADF;AAOD,CA3BD;;AA6BA,MAAMO,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AACJN,IAAAA,IADI;AAEJD,IAAAA,KAFI;AAGJQ,IAAAA,QAHI;AAIJT,IAAAA,IAAI,GAAG,EAJH;AAKJ,iBAAaU,QALT;AAMJ,kBAAcC,SANV;AAOJC,IAAAA,IAPI;AAQJC,IAAAA;AARI,MASFL,KATJ;AAUA,QAAMM,WAAW,GAAGf,gBAAgB,CAACC,IAAD,EAAOC,KAAP,CAApC;AACA,QAAMc,WAAW,GAAG,yBAClBV,eAAMW,MADY,EAElBd,IAAI,KAAK,SAAT,IAAsBG,eAAMY,OAFV,EAGlBf,IAAI,KAAK,WAAT,IAAwBG,eAAMa,SAHZ,EAIlBhB,IAAI,KAAK,UAAT,IAAuBG,eAAMc,QAJX,EAKlBjB,IAAI,KAAK,MAAT,IAAmBG,eAAMe,IALP,EAMlBlB,IAAI,KAAK,WAAT,IAAwBG,eAAMgB,SANZ,EAOlBT,IAAI,IAAIP,eAAMO,IAPI,EAQlBH,QAAQ,IAAIJ,eAAMI,QARA,CAApB;;AAWA,MAAIG,IAAJ,EAAU;AACR,wBACE,6BAAC,aAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEG,WAFb;AAGE,mBAAWL,QAHb;AAIE,oBAAYC,SAAS,IAAIV,KAJ3B;AAKE,MAAA,KAAK,EAAEU,SAAS,IAAIV;AALtB,QAOGa,WAPH,CADF;AAWD;;AAED,QAAMQ,aAAa,GAAG,wBAAY,MAAMT,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYF,SAAS,IAAIV,KAF3B;AAGE,IAAA,KAAK,EAAEU,SAAS,IAAIV,KAHtB;AAIE,iBAAWS,QAJb;AAKE,IAAA,SAAS,EAAEK,WALb;AAME,IAAA,OAAO,EAAEO;AANX,KAQGR,WARH,CADF;AAYD,CAlDD;;AAoDAP,UAAU,CAACgB,SAAX,2CAAuB;AACrBrB,EAAAA,IAAI,EAAEsB,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,EAAqC,MAArC,EAA6C,WAA7C,CAAhB,CADe;AAErBxB,EAAAA,KAAK,EAAEuB,mBAAUE,MAFI;AAGrB,gBAAcF,mBAAUE,MAHH;AAIrB,eAAaF,mBAAUE,MAJF;AAKrB1B,EAAAA,IAAI,EAAEwB,mBAAUG,KAAV,CAAgB;AACpBxB,IAAAA,QAAQ,EAAEqB,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,EAAkB,QAAlB,CAAhB,CADU;AAEpBvB,IAAAA,IAAI,EAAEsB,mBAAUC,KAAV,CAAgB,oBAAK5C,KAAL,CAAhB;AAFc,GAAhB,CALe;AASrBgC,EAAAA,OAAO,EAAEW,mBAAUI,IATE;AAUrBhB,EAAAA,IAAI,EAAEY,mBAAUG,KAAV,CAAgB;AACpBE,IAAAA,IAAI,EAAEL,mBAAUE,MADI;AAEpBI,IAAAA,QAAQ,EAAEN,mBAAUO,IAFA;AAGpBC,IAAAA,MAAM,EAAER,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CAVe;AAerBhB,EAAAA,QAAQ,EAAEe,mBAAUO;AAfC,CAAvB;eAkBexB,U","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaCompositionCoorpacademyNext as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidComputersSdCard as SaveIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  save: SaveIcon,\n  see: EyeIcon\n};\n\nconst getButtonContent = (icon, label) => {\n  const {type, position} = icon;\n  const Icon = getOr(null, type, ICONS);\n\n  if (!Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    );\n  }\n\n  if (position === 'center' && Icon) {\n    return (\n      <div className={style.buttonContent}>\n        <Icon className={style.icon} />\n      </div>\n    );\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? <Icon className={style.icon} /> : null}\n      <span className={style.label}>{label}</span>\n      {position === 'right' ? <Icon className={style.icon} /> : null}\n    </div>\n  );\n};\n\nconst ButtonLink = props => {\n  const {\n    type,\n    label,\n    disabled,\n    icon = {},\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon, label);\n  const styleButton = classnames(\n    style.button,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel || label}\n        title={ariaLabel || label}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel || label}\n      title={ariaLabel || label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLink.propTypes = {\n  type: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  label: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.shape({\n    position: PropTypes.oneOf(['right', 'left', 'center']),\n    type: PropTypes.oneOf(keys(ICONS))\n  }),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLink;\n"],"file":"index.js"}

package/lib/atom/button-link/style.css

@@ -21,6 +21,9 @@
   align-items: center;
   cursor: pointer;
   border: none;
+  /* prevents text selection when dragging
+  the mouse over the button */
+  user-select: none;
 }
 
 .disabled {
@@ -90,4 +93,4 @@
   color: inherit;
   border-radius: 0px;
   height: auto;
-}
+}

package/lib/atom/button-link/test/button-link.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _buttonTertiaryIconBullet = _interopRequireDefault(require("./fixtures/button-tertiary-icon-bullet"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _browserEnv.default)();
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
+});
+const translate = _identity2.default;
+(0, _ava.default)('should launch onClick on click event', t => {
+  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _buttonTertiaryIconBullet.default.props), {
+    context: {
+      translate
+    }
+  });
+  const button = wrapper.find('[data-name="bullet-button"]');
+  t.true(button.exists());
+  button.first().simulate('click', {});
+  t.pass();
+});
+//# sourceMappingURL=button-link.js.map

package/lib/atom/button-link/test/button-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link/test/button-link.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,sCAAL,EAA6CC,CAAC,IAAI;AAChD,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAgBC,kCAAeC,KAA/B,CAAR,EAAkD;AAChEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADuD,GAAlD,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLink from '..';\nimport defaultFixture from './fixtures/button-tertiary-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event', t => {\n  const wrapper = shallow(<ButtonLink {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n"],"file":"button-link.js"}

package/lib/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'tertiary',
+    'aria-label': 'aria button',
+    'data-name': 'bullet-button',
+    icon: {
+      position: 'center',
+      type: 'bullet-point'
+    },
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=button-tertiary-icon-bullet.js.map

package/lib/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link/test/fixtures/button-tertiary-icon-bullet.js"],"names":["props","type","icon","position","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,UADD;AAEL,kBAAc,aAFT;AAGL,iBAAa,eAHR;AAILC,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJD;AAQLG,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AARV;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'tertiary',\n    'aria-label': 'aria button',\n    'data-name': 'bullet-button',\n    icon: {\n      position: 'center',\n      type: 'bullet-point'\n    },\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-tertiary-icon-bullet.js"}

package/lib/atom/button-link/test/fixtures.js

@@ -16,6 +16,8 @@ var _buttonPrimaryNoIcon = _interopRequireDefault(require("./fixtures/button-pri
 
 var _buttonSecondaryNoIconDisabled = _interopRequireDefault(require("./fixtures/button-secondary-no-icon-disabled"));
 
+var _buttonTertiaryIconBullet = _interopRequireDefault(require("./fixtures/button-tertiary-icon-bullet"));
+
 var _buttonTertiaryIconLeft = _interopRequireDefault(require("./fixtures/button-tertiary-icon-left"));
 
 var _iconButton = _interopRequireDefault(require("./fixtures/icon-button"));
@@ -42,6 +44,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', _renderComponent.default, _.default, _buttonPrimaryIconLeft.default);
 (0, _ava.default)('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', _renderComponent.default, _.default, _buttonPrimaryNoIcon.default);
 (0, _ava.default)('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', _renderComponent.default, _.default, _buttonSecondaryNoIconDisabled.default);
+(0, _ava.default)('Atom › AtomButtonLink › ButtonTertiaryIconBullet › should be rendered', _renderComponent.default, _.default, _buttonTertiaryIconBullet.default);
 (0, _ava.default)('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', _renderComponent.default, _.default, _buttonTertiaryIconLeft.default);
 (0, _ava.default)('Atom › AtomButtonLink › IconButton › should be rendered', _renderComponent.default, _.default, _iconButton.default);
 (0, _ava.default)('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', _renderComponent.default, _.default, _linkPrimaryDisabledIconRight.default);