@coorpacademy/components 10.1.3 → 10.1.7

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

@@ -123,7 +123,9 @@ const buildAction = action => {
       type: icon
     }
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps));
 };
 
 const WizardSummary = props => {

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

@@ -1 +1 @@
-{"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","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>\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"}
+{"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

@@ -157,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.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeWizardSummary from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureOneSection from './fixtures/one-section';
+import fixtureTabletClosed from './fixtures/tablet-closed';
+import fixtureThreeSections from './fixtures/three-sections';
+import fixtureTwoSections from './fixtures/two-sections';
+test('Molecule › MoleculeWizardSummary > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeWizardSummary.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeWizardSummary.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeWizardSummary › Default › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureDefault);
+test('Molecule › MoleculeWizardSummary › OneSection › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureOneSection);
+test('Molecule › MoleculeWizardSummary › TabletClosed › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTabletClosed);
+test('Molecule › MoleculeWizardSummary › ThreeSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureThreeSections);
+test('Molecule › MoleculeWizardSummary › TwoSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTwoSections);
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/wizard-summary/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeWizardSummary","fixtureDefault","fixtureOneSection","fixtureTabletClosed","fixtureThreeSections","fixtureTwoSections","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,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,oBAAP,MAAiC,2BAAjC;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAR,IAAI,CAAC,gEAAD,EAAmES,CAAC,IAAI;AAC1EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,qBAAqB,CAACQ,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0DAAyDF,GAAI,mEAAtF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,qBAA1F,EAAiHC,cAAjH,CAAJ;AACAJ,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,qBAA7F,EAAoHE,iBAApH,CAAJ;AACAL,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,qBAA/F,EAAsHG,mBAAtH,CAAJ;AACAN,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,qBAAhG,EAAuHI,oBAAvH,CAAJ;AACAP,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,qBAA9F,EAAqHK,kBAArH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeWizardSummary from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureOneSection from './fixtures/one-section';\nimport fixtureTabletClosed from './fixtures/tablet-closed';\nimport fixtureThreeSections from './fixtures/three-sections';\nimport fixtureTwoSections from './fixtures/two-sections';\n\ntest('Molecule › MoleculeWizardSummary > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeWizardSummary.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeWizardSummary.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeWizardSummary › Default › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureDefault);\ntest('Molecule › MoleculeWizardSummary › OneSection › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureOneSection);\ntest('Molecule › MoleculeWizardSummary › TabletClosed › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTabletClosed);\ntest('Molecule › MoleculeWizardSummary › ThreeSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureThreeSections);\ntest('Molecule › MoleculeWizardSummary › TwoSections › should be rendered', renderComponentMacro, MoleculeWizardSummary, fixtureTwoSections);\n"],"file":"fixtures.js"}

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

@@ -0,0 +1,26 @@
+export default {
+  props: {
+    groups: [{
+      fields: [{
+        type: 'text',
+        title: 'Playlist name',
+        placeholder: 'Playlist name',
+        description: 'This is the tooltip text',
+        theme: 'coorpmanager',
+        hint: '15 / 30 characters',
+        value: 'Marketing expert',
+        size: 'default'
+      }, {
+        type: 'textarea',
+        title: 'Description',
+        placeholder: 'Description',
+        description: 'This is the tooltip text',
+        theme: 'coorpmanager',
+        hint: '80 / 200 characters',
+        size: 'medium',
+        value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'
+      }]
+    }]
+  }
+};
+//# sourceMappingURL=wizard-playlists.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/wizard-playlists.js"],"names":["props","groups","fields","type","title","placeholder","description","theme","hint","value","size"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,MAAM,EAAE,CACN;AACEC,QAAAA,IAAI,EAAE,MADR;AAEEC,QAAAA,KAAK,EAAE,eAFT;AAGEC,QAAAA,WAAW,EAAE,eAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,oBANR;AAOEC,QAAAA,KAAK,EAAE,kBAPT;AAQEC,QAAAA,IAAI,EAAE;AARR,OADM,EAWN;AACEP,QAAAA,IAAI,EAAE,UADR;AAEEC,QAAAA,KAAK,EAAE,aAFT;AAGEC,QAAAA,WAAW,EAAE,aAHf;AAIEC,QAAAA,WAAW,EAAE,0BAJf;AAKEC,QAAAA,KAAK,EAAE,cALT;AAMEC,QAAAA,IAAI,EAAE,qBANR;AAOEE,QAAAA,IAAI,EAAE,QAPR;AAQED,QAAAA,KAAK,EACH;AATJ,OAXM;AADV,KADM;AADH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        fields: [\n          {\n            type: 'text',\n            title: 'Playlist name',\n            placeholder: 'Playlist name',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '15 / 30 characters',\n            value: 'Marketing expert',\n            size: 'default'\n          },\n          {\n            type: 'textarea',\n            title: 'Description',\n            placeholder: 'Description',\n            description: 'This is the tooltip text',\n            theme: 'coorpmanager',\n            hint: '80 / 200 characters',\n            size: 'medium',\n            value:\n              'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum sem ac fermentum luctus. Integer eu dui magna. Donec ut tristique dui. Vestibulum non accumsan tellus. Donec luctus erat vitae aliquet viverra. Mauris malesuada tortor quis viverra vestibulum. Nullam laoreet porta massa vitae porta.'\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"wizard-playlists.js"}

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

@@ -12,6 +12,7 @@ import fixtureLms from './fixtures/lms';
 import fixtureLookandfeel from './fixtures/lookandfeel';
 import fixtureManageusersEdit from './fixtures/manageusers-edit';
 import fixtureSso from './fixtures/sso';
+import fixtureWizardPlaylists from './fixtures/wizard-playlists';
 test('Organism › OrganismBrandForm > should have valid propTypes', t => {
   t.pass();
   forEach(OrganismBrandForm.propTypes, (value, key) => {
@@ -28,4 +29,5 @@ test('Organism › OrganismBrandForm › Lms › should be rendered', renderComp
 test('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);
 test('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);
 test('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);
+test('Organism › OrganismBrandForm › WizardPlaylists › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureWizardPlaylists);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/organism/brand-form/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismBrandForm","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureGeneralSettings","fixtureLms","fixtureLookandfeel","fixtureManageusersEdit","fixtureSso","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,iBAAP,MAA8B,IAA9B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAb,IAAI,CAAC,4DAAD,EAA+Dc,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,iBAAiB,CAACa,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GC,gBAA3G,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,iBAAzF,EAA4GE,iBAA5G,CAAJ;AACAL,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,iBAArF,EAAwGG,aAAxG,CAAJ;AACAN,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GI,gBAA3G,CAAJ;AACAP,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGK,cAAzG,CAAJ;AACAR,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHM,sBAAjH,CAAJ;AACAT,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGO,UAArG,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GQ,kBAA7G,CAAJ;AACAX,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHS,sBAAjH,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGU,UAArG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandForm from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureSso from './fixtures/sso';\n\ntest('Organism › OrganismBrandForm > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismBrandForm.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismBrandForm.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismBrandForm › Analytics › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnalytics);\ntest('Organism › OrganismBrandForm › Animations › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnimations);\ntest('Organism › OrganismBrandForm › Cohort › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureCohort);\ntest('Organism › OrganismBrandForm › Dashboard › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDashboard);\ntest('Organism › OrganismBrandForm › Default › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDefault);\ntest('Organism › OrganismBrandForm › GeneralSettings › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureGeneralSettings);\ntest('Organism › OrganismBrandForm › Lms › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLms);\ntest('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);\ntest('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);\ntest('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/organism/brand-form/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismBrandForm","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureGeneralSettings","fixtureLms","fixtureLookandfeel","fixtureManageusersEdit","fixtureSso","fixtureWizardPlaylists","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,iBAAP,MAA8B,IAA9B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AAEAd,IAAI,CAAC,4DAAD,EAA+De,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAf,EAAAA,OAAO,CAACE,iBAAiB,CAACc,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAnB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GC,gBAA3G,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,iBAAzF,EAA4GE,iBAA5G,CAAJ;AACAL,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,iBAArF,EAAwGG,aAAxG,CAAJ;AACAN,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GI,gBAA3G,CAAJ;AACAP,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGK,cAAzG,CAAJ;AACAR,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHM,sBAAjH,CAAJ;AACAT,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGO,UAArG,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GQ,kBAA7G,CAAJ;AACAX,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHS,sBAAjH,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGU,UAArG,CAAJ;AACAb,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,iBAA9F,EAAiHW,sBAAjH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismBrandForm from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureGeneralSettings from './fixtures/general-settings';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusersEdit from './fixtures/manageusers-edit';\nimport fixtureSso from './fixtures/sso';\nimport fixtureWizardPlaylists from './fixtures/wizard-playlists';\n\ntest('Organism › OrganismBrandForm > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismBrandForm.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismBrandForm.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismBrandForm › Analytics › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnalytics);\ntest('Organism › OrganismBrandForm › Animations › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureAnimations);\ntest('Organism › OrganismBrandForm › Cohort › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureCohort);\ntest('Organism › OrganismBrandForm › Dashboard › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDashboard);\ntest('Organism › OrganismBrandForm › Default › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureDefault);\ntest('Organism › OrganismBrandForm › GeneralSettings › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureGeneralSettings);\ntest('Organism › OrganismBrandForm › Lms › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLms);\ntest('Organism › OrganismBrandForm › Lookandfeel › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureLookandfeel);\ntest('Organism › OrganismBrandForm › ManageusersEdit › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureManageusersEdit);\ntest('Organism › OrganismBrandForm › Sso › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureSso);\ntest('Organism › OrganismBrandForm › WizardPlaylists › should be rendered', renderComponentMacro, OrganismBrandForm, fixtureWizardPlaylists);\n"],"file":"fixtures.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/organism/search-and-chips-results/index.js

@@ -0,0 +1,92 @@
+import _isEmpty from "lodash/fp/isEmpty";
+
+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 Search from '../../atom/input-search';
+import ButtonLink from '../../atom/button-link';
+import Chips from '../../atom/chips';
+import style from './style.css';
+
+const buildResultView = (results, resultsAriaLabel, emptyMessages) => {
+  if (_isEmpty(results)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.errorSection
+    }, /*#__PURE__*/React.createElement("span", {
+      className: style.firstErrorMessage
+    }, emptyMessages.firstMessage), /*#__PURE__*/React.createElement("span", {
+      className: style.secondErrorMessage
+    }, emptyMessages.secondMessage));
+  }
+
+  const items = results.map((result, index) => {
+    return /*#__PURE__*/React.createElement("li", {
+      className: style.result,
+      key: `result-${index}`
+    }, /*#__PURE__*/React.createElement(Chips, result));
+  }, results);
+  return /*#__PURE__*/React.createElement("ul", {
+    "aria-label": resultsAriaLabel
+  }, items);
+};
+
+const SearchAndChipsResults = props => {
+  const {
+    search,
+    selectAllButton,
+    results,
+    emptyMessages,
+    'results-aria-label': resultsAriaLabel
+  } = props;
+  const {
+    onClick,
+    label,
+    disabled = false,
+    'aria-label': ariaLabel
+  } = selectAllButton;
+  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);
+  const buttonProps = {
+    type: 'secondary',
+    label,
+    'aria-label': ariaLabel,
+    'data-name': `select-all-button`,
+    icon: {
+      position: 'right',
+      type: 'add'
+    },
+    onClick,
+    disabled
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.header
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(ButtonLink, buttonProps)), /*#__PURE__*/React.createElement("div", {
+    className: style.search
+  }, /*#__PURE__*/React.createElement(Search, _extends({}, search, {
+    theme: "coorpmanager"
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: style.resultContainer
+  }, resultView));
+};
+
+SearchAndChipsResults.propTypes = process.env.NODE_ENV !== "production" ? {
+  selectAllButton: PropTypes.shape({
+    label: PropTypes.string,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    'aria-label': PropTypes.string
+  }),
+  search: PropTypes.shape(Search.PropTypes),
+  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),
+  'results-aria-label': PropTypes.string,
+  emptyMessages: PropTypes.shape({
+    firstMessage: PropTypes.string,
+    secondMessage: PropTypes.string
+  })
+} : {};
+export default SearchAndChipsResults;
+//# sourceMappingURL=index.js.map

package/es/organism/search-and-chips-results/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/search-and-chips-results/index.js"],"names":["React","PropTypes","Search","ButtonLink","Chips","style","buildResultView","results","resultsAriaLabel","emptyMessages","errorSection","firstErrorMessage","firstMessage","secondErrorMessage","secondMessage","items","map","result","index","SearchAndChipsResults","props","search","selectAllButton","onClick","label","disabled","ariaLabel","resultView","buttonProps","type","icon","position","container","header","button","resultContainer","propTypes","shape","string","func","bool","arrayOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty} from 'lodash/fp';\nimport Search from '../../atom/input-search';\nimport ButtonLink from '../../atom/button-link';\nimport Chips from '../../atom/chips';\nimport style from './style.css';\n\nconst buildResultView = (results, resultsAriaLabel, emptyMessages) => {\n  if (isEmpty(results)) {\n    return (\n      <div className={style.errorSection}>\n        <span className={style.firstErrorMessage}>{emptyMessages.firstMessage}</span>\n        <span className={style.secondErrorMessage}>{emptyMessages.secondMessage}</span>\n      </div>\n    );\n  }\n\n  const items = results.map((result, index) => {\n    return (\n      <li className={style.result} key={`result-${index}`}>\n        <Chips {...result} />\n      </li>\n    );\n  }, results);\n\n  return <ul aria-label={resultsAriaLabel}>{items}</ul>;\n};\n\nconst SearchAndChipsResults = props => {\n  const {\n    search,\n    selectAllButton,\n    results,\n    emptyMessages,\n    'results-aria-label': resultsAriaLabel\n  } = props;\n\n  const {onClick, label, disabled = false, 'aria-label': ariaLabel} = selectAllButton;\n  const resultView = buildResultView(results, resultsAriaLabel, emptyMessages);\n  const buttonProps = {\n    type: 'secondary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `select-all-button`,\n    icon: {\n      position: 'right',\n      type: 'add'\n    },\n    onClick,\n    disabled\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.header}>\n        <div className={style.button}>\n          <ButtonLink {...buttonProps} />\n        </div>\n        <div className={style.search}>\n          <Search {...search} theme=\"coorpmanager\" />\n        </div>\n      </div>\n      <div className={style.resultContainer}>{resultView}</div>\n    </div>\n  );\n};\n\nSearchAndChipsResults.propTypes = {\n  selectAllButton: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    disabled: PropTypes.bool,\n    'aria-label': PropTypes.string\n  }),\n  search: PropTypes.shape(Search.PropTypes),\n  results: PropTypes.arrayOf(PropTypes.shape(Chips.propTypes)),\n  'results-aria-label': PropTypes.string,\n  emptyMessages: PropTypes.shape({\n    firstMessage: PropTypes.string,\n    secondMessage: PropTypes.string\n  })\n};\n\nexport default SearchAndChipsResults;\n"],"file":"index.js"}

package/es/organism/search-and-chips-results/style.css

@@ -0,0 +1,57 @@
+@value colors: "../../variables/colors.css";
+@value cm_primary_blue from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_900 from colors;
+
+.container {
+  width: 100%;
+}
+
+.header {
+  display: flex;
+}
+
+.search {
+  margin: 0 0 0 16px;
+  width: 42%;
+  min-width: 309px;
+}
+
+.button {
+  width: 17%;
+  min-width: 129px;
+}
+
+.resultContainer {
+  margin: 24px 0 0 0;
+  width: 100%;
+}
+
+.result {
+  min-width: 153px;
+  max-width: 268px;
+  display: inline-block;
+  margin: 0 16px 16px 0px;
+}
+
+.errorSection {
+  margin: 48px 0;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  font-family: Gilroy;
+  font-size: 16px;
+}
+
+.firstErrorMessage {
+  color: cm_grey_900;
+  display: block;
+}
+
+.secondErrorMessage {
+  color: cm_primary_blue;
+  display: block;
+}

package/es/organism/search-and-chips-results/test/fixtures/default.js

@@ -0,0 +1,46 @@
+export default {
+  props: {
+    selectAllButton: {
+      label: 'Select All',
+      onClick: () => console.log('Select All')
+    },
+    search: {
+      title: 'Search...',
+      placeholder: 'Search...',
+      value: '',
+      description: 'Type to filter the populations',
+      onChange: value => console.log(value)
+    },
+    'results-aria-label': 'Population results',
+    results: [{
+      text: 'Population Human resourses filiale Singapour',
+      information: '15739 users',
+      onClick: () => console.log('click Population Human resourses filiale Singapour')
+    }, {
+      text: 'Population 1',
+      information: '345 users',
+      onClick: () => console.log('click Population 1')
+    }, {
+      text: 'P',
+      information: '1 p',
+      onClick: () => console.log('click P')
+    }, {
+      text: 'Population managed by othes RH in some country',
+      information: '10 users',
+      onClick: () => console.log('click Population managed by othes RH in some country')
+    }, {
+      text: 'Population 4',
+      information: '106728 users',
+      onClick: () => console.log('click Population 4')
+    }, {
+      text: 'Population a long with a long name',
+      information: '105 users',
+      onClick: () => console.log('click Population a long with a long name')
+    }, {
+      text: 'Result bit that long',
+      information: '1067 users',
+      onClick: () => console.log('click Result bit that long')
+    }]
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/organism/search-and-chips-results/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/search-and-chips-results/test/fixtures/default.js"],"names":["props","selectAllButton","label","onClick","console","log","search","title","placeholder","value","description","onChange","results","text","information"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,YADQ;AAEfC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,YAAZ;AAFA,KADZ;AAKLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,gCAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIL,OAAO,CAACC,GAAR,CAAYI,KAAZ;AALb,KALH;AAYL,0BAAsB,oBAZjB;AAaLG,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,IAAI,EAAE,8CADR;AAEEC,MAAAA,WAAW,EAAE,aAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oDAAZ;AAHjB,KADO,EAMP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KANO,EAWP;AACEQ,MAAAA,IAAI,EAAE,GADR;AAEEC,MAAAA,WAAW,EAAE,KAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,SAAZ;AAHjB,KAXO,EAgBP;AACEQ,MAAAA,IAAI,EAAE,gDADR;AAEEC,MAAAA,WAAW,EAAE,UAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,sDAAZ;AAHjB,KAhBO,EAqBP;AACEQ,MAAAA,IAAI,EAAE,cADR;AAEEC,MAAAA,WAAW,EAAE,cAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,oBAAZ;AAHjB,KArBO,EA0BP;AACEQ,MAAAA,IAAI,EAAE,oCADR;AAEEC,MAAAA,WAAW,EAAE,WAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,0CAAZ;AAHjB,KA1BO,EA+BP;AACEQ,MAAAA,IAAI,EAAE,sBADR;AAEEC,MAAAA,WAAW,EAAE,YAFf;AAGEX,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,4BAAZ;AAHjB,KA/BO;AAbJ;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    selectAllButton: {\n      label: 'Select All',\n      onClick: () => console.log('Select All')\n    },\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the populations',\n      onChange: value => console.log(value)\n    },\n    'results-aria-label': 'Population results',\n    results: [\n      {\n        text: 'Population Human resourses filiale Singapour',\n        information: '15739 users',\n        onClick: () => console.log('click Population Human resourses filiale Singapour')\n      },\n      {\n        text: 'Population 1',\n        information: '345 users',\n        onClick: () => console.log('click Population 1')\n      },\n      {\n        text: 'P',\n        information: '1 p',\n        onClick: () => console.log('click P')\n      },\n      {\n        text: 'Population managed by othes RH in some country',\n        information: '10 users',\n        onClick: () => console.log('click Population managed by othes RH in some country')\n      },\n      {\n        text: 'Population 4',\n        information: '106728 users',\n        onClick: () => console.log('click Population 4')\n      },\n      {\n        text: 'Population a long with a long name',\n        information: '105 users',\n        onClick: () => console.log('click Population a long with a long name')\n      },\n      {\n        text: 'Result bit that long',\n        information: '1067 users',\n        onClick: () => console.log('click Result bit that long')\n      }\n    ]\n  }\n};\n"],"file":"default.js"}