@coorpacademy/components 10.1.15 → 10.3.0

package/lib/organism/brand-form/index.js

@@ -29,6 +29,42 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor) => {
+  if (!onSubmit && !onReset) {
+    return null;
+  }
+
+  const disabledSubmit = disabled || isPending || !isModified;
+  const submitButton = onSubmit ? /*#__PURE__*/_react.default.createElement("div", {
+    "data-tip": tooltip.title,
+    "data-for": "submitButton",
+    className: _style.default.saveButton
+  }, /*#__PURE__*/_react.default.createElement(_reactTooltip.default, {
+    type: "light",
+    effect: "solid",
+    className: _style.default.toolTipContent,
+    place: tooltip.place,
+    id: "submitButton"
+  }), /*#__PURE__*/_react.default.createElement(_button.default, {
+    type: "submit",
+    disabled: disabledSubmit,
+    submitValue: submitValue
+  })) : null;
+  const cancelBackground = {
+    backgroundColor: darkColor
+  };
+  const resetButton = onReset ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.resetButton
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+    type: "reset",
+    submitValue: resetValue,
+    style: cancelBackground
+  })) : null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttons
+  }, submitButton, resetButton);
+};
+
 function BrandForm(props, context) {
   const {
     groups,
@@ -57,39 +93,15 @@ function BrandForm(props, context) {
   }, back.desc)) : null;
   const brandGroups = groups.map((group, index) => {
     return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.group,
       key: index
     }, /*#__PURE__*/_react.default.createElement(_brandFormGroup.default, group));
   });
-  const disabledSubmit = disabled || isPending || !isModified;
-  const submitButton = onSubmit ? /*#__PURE__*/_react.default.createElement("div", {
-    "data-tip": tooltip.title,
-    "data-for": "submitButton",
-    className: _style.default.saveButton
-  }, /*#__PURE__*/_react.default.createElement(_reactTooltip.default, {
-    type: "light",
-    effect: "solid",
-    className: _style.default.toolTipContent,
-    place: tooltip.place,
-    id: "submitButton"
-  }), /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "submit",
-    disabled: disabledSubmit,
-    submitValue: submitValue
-  })) : null;
+  const buttonSection = buildButtonSection(onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor);
   const handleSubmit = (0, _react.useMemo)(() => e => {
     e.preventDefault();
     return onSubmit(e);
   }, [onSubmit]);
-  const cancelBackground = {
-    backgroundColor: darkColor
-  };
-  const resetButton = onReset ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.resetButton
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "reset",
-    submitValue: resetValue,
-    style: cancelBackground
-  })) : null;
   const handleReset = (0, _react.useMemo)(() => e => {
     e.preventDefault();
     return onReset(e);
@@ -97,9 +109,7 @@ function BrandForm(props, context) {
   return /*#__PURE__*/_react.default.createElement("div", null, backView, /*#__PURE__*/_react.default.createElement("form", {
     onSubmit: handleSubmit,
     onReset: handleReset
-  }, brandGroups, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.buttons
-  }, submitButton, resetButton)));
+  }, brandGroups, buttonSection));
 }
 
 BrandForm.contextTypes = {

package/lib/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["BrandForm","props","context","groups","disabled","isModified","isPending","onSubmit","submitValue","onReset","resetValue","back","tooltip","skin","darkColor","backView","style","arrowBack","link","backDesc","desc","brandGroups","map","group","index","disabledSubmit","submitButton","title","saveButton","toolTipContent","place","handleSubmit","e","preventDefault","cancelBackground","backgroundColor","resetButton","handleReset","buttons","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset}>\n        {brandGroups}\n        <div className={style.buttons}>\n          {submitButton}\n          {resetButton}\n        </div>\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,kBAAkB,GAAG,CACzBC,QADyB,EAEzBC,WAFyB,EAGzBC,OAHyB,EAIzBC,UAJyB,EAKzBC,OALyB,EAMzBC,QANyB,EAOzBC,UAPyB,EAQzBC,SARyB,EASzBC,SATyB,KAUtB;AACH,MAAI,CAACR,QAAD,IAAa,CAACE,OAAlB,EAA2B;AACzB,WAAO,IAAP;AACD;;AAED,QAAMO,cAAc,GAAGJ,QAAQ,IAAIE,SAAZ,IAAyB,CAACD,UAAjD;AACA,QAAMI,YAAY,GAAGV,QAAQ,gBAC3B;AAAK,gBAAUI,OAAO,CAACO,KAAvB;AAA8B,gBAAS,cAAvC;AAAsD,IAAA,SAAS,EAAEC,eAAMC;AAAvE,kBACE,6BAAC,qBAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,IAAA,MAAM,EAAC,OAFT;AAGE,IAAA,SAAS,EAAED,eAAME,cAHnB;AAIE,IAAA,KAAK,EAAEV,OAAO,CAACW,KAJjB;AAKE,IAAA,EAAE,EAAC;AALL,IADF,eAQE,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,QAAQ,EAAEN,cAAhC;AAAgD,IAAA,WAAW,EAAER;AAA7D,IARF,CAD2B,GAWzB,IAXJ;AAaA,QAAMe,gBAAgB,GAAG;AAACC,IAAAA,eAAe,EAAET;AAAlB,GAAzB;AAEA,QAAMU,WAAW,GAAGhB,OAAO,gBACzB;AAAK,IAAA,SAAS,EAAEU,eAAMM;AAAtB,kBACE,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,WAAW,EAAEf,UAAlC;AAA8C,IAAA,KAAK,EAAEa;AAArD,IADF,CADyB,GAIvB,IAJJ;AAMA,sBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMO;AAAtB,KACGT,YADH,EAEGQ,WAFH,CADF;AAMD,CA3CD;;AA6CA,SAASE,SAAT,CAAmBC,KAAnB,EAA0BC,OAA1B,EAAmC;AACjC,QAAM;AACJC,IAAAA,MADI;AAEJlB,IAAAA,QAFI;AAGJC,IAAAA,UAHI;AAIJC,IAAAA,SAJI;AAKJP,IAAAA,QALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA,OAPI;AAQJC,IAAAA,UARI;AASJqB,IAAAA,IATI;AAUJpB,IAAAA;AAVI,MAWFiB,KAXJ;AAYA,QAAM;AAACI,IAAAA;AAAD,MAASH,OAAf;AACA,QAAMd,SAAS,GAAG,mBAAI,aAAJ,EAAmBiB,IAAnB,CAAlB;AAEA,QAAMC,QAAQ,GAAGF,IAAI,gBACnB;AAAG,IAAA,SAAS,EAAEZ,eAAMY;AAApB,kBACE,6BAAC,6CAAD;AAAW,IAAA,KAAK,EAAEhB,SAAlB;AAA6B,IAAA,SAAS,EAAEI,eAAMe;AAA9C,IADF,eAEE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAEH,IAAI,CAACI,IAAjB;AAAuB,IAAA,SAAS,EAAEhB,eAAMiB;AAAxC,KACGL,IAAI,CAACM,IADR,CAFF,CADmB,GAOjB,IAPJ;AASA,QAAMC,WAAW,GAAGR,MAAM,CAACS,GAAP,CAAW,CAACC,KAAD,EAAQC,KAAR,KAAkB;AAC/C,wBACE;AAAK,MAAA,SAAS,EAAEtB,eAAMqB,KAAtB;AAA6B,MAAA,GAAG,EAAEC;AAAlC,oBACE,6BAAC,uBAAD,EAAoBD,KAApB,CADF,CADF;AAKD,GANmB,CAApB;AAQA,QAAME,aAAa,GAAGpC,kBAAkB,CACtCC,QADsC,EAEtCC,WAFsC,EAGtCC,OAHsC,EAItCC,UAJsC,EAKtCC,OALsC,EAMtCC,QANsC,EAOtCC,UAPsC,EAQtCC,SARsC,EAStCC,SATsC,CAAxC;AAYA,QAAM4B,YAAY,GAAG,oBACnB,MAAMC,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOtC,QAAQ,CAACqC,CAAD,CAAf;AACD,GAJkB,EAKnB,CAACrC,QAAD,CALmB,CAArB;AAQA,QAAMuC,WAAW,GAAG,oBAClB,MAAMF,CAAC,IAAI;AACTA,IAAAA,CAAC,CAACC,cAAF;AACA,WAAOpC,OAAO,CAACmC,CAAD,CAAd;AACD,GAJiB,EAKlB,CAACnC,OAAD,CALkB,CAApB;AAQA,sBACE,0CACGwB,QADH,eAEE;AAAM,IAAA,QAAQ,EAAEU,YAAhB;AAA8B,IAAA,OAAO,EAAEG;AAAvC,KACGR,WADH,EAEGI,aAFH,CAFF,CADF;AASD;;AAEDf,SAAS,CAACoB,YAAV,GAAyB;AACvBf,EAAAA,IAAI,EAAEgB,kBAASC,iBAAT,CAA2BjB;AADV,CAAzB;AAIAL,SAAS,CAACuB,YAAV,GAAyB;AACvBvC,EAAAA,OAAO,EAAE;AACPO,IAAAA,KAAK,EAAE,EADA;AAEPI,IAAAA,KAAK,EAAE;AAFA;AADc,CAAzB;AAOAK,SAAS,CAACwB,SAAV,2CAAsB;AACpBrB,EAAAA,MAAM,EAAEsB,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,wBAAeJ,SAA/B,CAAlB,EAA6DK,UADjD;AAEpB5C,EAAAA,QAAQ,EAAEwC,mBAAUK,IAFA;AAGpB5C,EAAAA,UAAU,EAAEuC,mBAAUK,IAHF;AAIpB3C,EAAAA,SAAS,EAAEsC,mBAAUK,IAJD;AAKpBlD,EAAAA,QAAQ,EAAE6C,mBAAUM,IALA;AAMpBlD,EAAAA,WAAW,EAAEmD,gBAAOR,SAAP,CAAiB3C,WANV;AAOpBC,EAAAA,OAAO,EAAE2C,mBAAUM,IAPC;AAQpBhD,EAAAA,UAAU,EAAEiD,gBAAOR,SAAP,CAAiB3C,WART;AASpBuB,EAAAA,IAAI,EAAEqB,mBAAUE,KAAV,CAAgB;AACpBjB,IAAAA,IAAI,EAAEuB,cAAKT,SAAL,CAAeU,QADD;AAEpB1B,IAAAA,IAAI,EAAEyB,cAAKT,SAAL,CAAeW;AAFD,GAAhB,CATc;AAapBnD,EAAAA,OAAO,EAAEyC,mBAAUE,KAAV,CAAgB;AACvBpC,IAAAA,KAAK,EAAEkC,mBAAUW,MADM;AAEvBzC,IAAAA,KAAK,EAAE8B,mBAAUW;AAFM,GAAhB;AAbW,CAAtB;eAmBepC,S","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      <form onSubmit={handleSubmit} onReset={handleReset}>\n        {brandGroups}\n        {buttonSection}\n      </form>\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  })\n};\n\nexport default BrandForm;\n"],"file":"index.js"}

package/lib/organism/brand-form/style.css

@@ -8,6 +8,14 @@
   margin-bottom: 30px;
 }
 
+.group {
+  margin: 0 0 32px 0;
+}
+
+.group:last-child {
+  margin: 0;
+}
+
 .arrowBack {
   width: 15px;
   height: 15px;
@@ -30,9 +38,6 @@
 .buttons {
   display: flex;
   justify-content: flex-end;
-
-  /* border-top: 1px solid #E0E0E0; */
-  padding-top: 50px;
 }
 
 .button {

package/lib/organism/content-translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/content-translation/index.js"],"names":["PlayListTranslation","props","languageTabs","inputText","textArea","cta","listAriaLabel","ariaLabel","style","container","menu","horizontalSection","input","button","type","binButton","handleOnclick","position","label","propTypes","VerticalLanguageMenu","tabs","PropTypes","shape","InputText","theme","string","TextArea","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,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,EAAEE,eAAMC;AAAtB,kBACE,6BAAC,qBAAD,eAA0BF,SAA1B;AAAqC,IAAA,SAAS,EAAEC,eAAME,IAAtD;AAA4D,IAAA,IAAI,EAAER;AAAlE,KADF,eAEE;AAAK,IAAA,SAAS,EAAEM,eAAMG;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE,6BAAC,kBAAD,EAAeT,SAAf,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEK,eAAMI;AAAtB,kBACE,6BAAC,sBAAD,EAAcR,QAAd,CADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAE,yBAAWI,eAAMK,MAAjB,EAAyBR,GAAG,CAACS,IAAJ,KAAa,QAAb,IAAyBN,eAAMO,SAAxD;AAAhB,kBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEV,GAAG,CAACW,aADf;AAEE,IAAA,IAAI,EAAEX,GAAG,CAACS,IAAJ,KAAa,QAAb,GAAwB,MAAxB,GAAiC,SAFzC;AAGE,IAAA,IAAI,EAAE;AAACA,MAAAA,IAAI,EAAET,GAAG,CAACS,IAAJ,KAAa,QAAb,GAAwB,KAAxB,GAAgC,KAAvC;AAA8CG,MAAAA,QAAQ,EAAE;AAAxD,KAHR;AAIE,IAAA,KAAK,EAAEZ,GAAG,CAACa;AAJb,IADF,CAPF,CAFF,CADF;AAqBD,CAzBD;;AA2BAlB,mBAAmB,CAACmB,SAApB,2CAAgC;AAC9BjB,EAAAA,YAAY,EAAEkB,sBAAqBD,SAArB,CAA+BE,IADf;AAE9BlB,EAAAA,SAAS,EAAEmB,mBAAUC,KAAV,uBAAoBC,mBAAUL,SAA9B;AAAyCM,IAAAA,KAAK,EAAEH,mBAAUI;AAA1D,KAFmB;AAG9BtB,EAAAA,QAAQ,EAAEkB,mBAAUC,KAAV,uBAAoBI,uBAASR,SAA7B;AAAwCM,IAAAA,KAAK,EAAEH,mBAAUI;AAAzD,KAHoB;AAI9BrB,EAAAA,GAAG,EAAEiB,mBAAUC,KAAV,CAAgB;AACnBL,IAAAA,KAAK,EAAEI,mBAAUI,MADE;AAEnBV,IAAAA,aAAa,EAAEM,mBAAUM,IAFN;AAGnBd,IAAAA,IAAI,EAAEQ,mBAAUO,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB;AAHa,GAAhB,CAJyB;AAS9B,qBAAmBP,mBAAUI;AATC,CAAhC;eAYe1B,mB","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/lib/organism/content-translation/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/default.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","theme","textArea","cta","label","type","handleOnClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE;AAA9B,MAFJ;AAGLC,IAAAA,QAAQ,wBAAMA,oBAASJ,KAAf;AAAsBG,MAAAA,KAAK,EAAE;AAA7B,MAHH;AAILE,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,C","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/lib/organism/content-translation/test/fixtures/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/content-translation/test/fixtures/delete.js"],"names":["languageTabs","vericalMenu","props","tabs","inputText","textArea","cta","label","type","handleOnClick"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,0BAAYC,KAAZ,CAAkBC,IAAvC;eAEe;AACbD,EAAAA,KAAK,EAAE;AACLF,IAAAA,YADK;AAELI,IAAAA,SAAS,EAAEA,mBAAUF,KAFhB;AAGLG,IAAAA,QAAQ,EAAEA,oBAASH,KAHd;AAILI,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,C","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/lib/organism/content-translation/test/fixtures.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _delete = _interopRequireDefault(require("./fixtures/delete"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismContentTranslation > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismContentTranslation.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismContentTranslation › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Organism › OrganismContentTranslation › Delete › should be rendered', _renderComponent.default, _.default, _delete.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/organism/content-translation/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/content-translation/test/fixtures.js"],"names":["t","pass","OrganismContentTranslation","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDelete"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qEAAL,EAA4EA,CAAC,IAAI;AAC/EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA2BC,SAAnC,EAA8C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+DAA8DF,GAAI,mEAA3F;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,sEAAL,EAA6EG,wBAA7E,EAAmGN,SAAnG,EAA+HO,gBAA/H;AACA,kBAAK,qEAAL,EAA4ED,wBAA5E,EAAkGN,SAAlG,EAA8HQ,eAA9H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismContentTranslation from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDelete from './fixtures/delete';\n\ntest('Organism › OrganismContentTranslation > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismContentTranslation.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismContentTranslation.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismContentTranslation › Default › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDefault);\ntest('Organism › OrganismContentTranslation › Delete › should be rendered', renderComponentMacro, OrganismContentTranslation, fixtureDelete);\n"],"file":"fixtures.js"}

package/lib/organism/list-item/test/fixtures.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _archived = _interopRequireDefault(require("./fixtures/archived"));
+
+var _draft = _interopRequireDefault(require("./fixtures/draft"));
+
+var _published = _interopRequireDefault(require("./fixtures/published"));
+
+var _revised = _interopRequireDefault(require("./fixtures/revised"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismListItem > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismListItem.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismListItem › Archived › should be rendered', _renderComponent.default, _.default, _archived.default);
+(0, _ava.default)('Organism › OrganismListItem › Draft › should be rendered', _renderComponent.default, _.default, _draft.default);
+(0, _ava.default)('Organism › OrganismListItem › Published › should be rendered', _renderComponent.default, _.default, _published.default);
+(0, _ava.default)('Organism › OrganismListItem › Revised › should be rendered', _renderComponent.default, _.default, _revised.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/organism/list-item/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/list-item/test/fixtures.js"],"names":["t","pass","OrganismListItem","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArchived","fixtureDraft","fixturePublished","fixtureRevised"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,2DAAL,EAAkEA,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAiBC,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAClDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,qDAAoDF,GAAI,mEAAjF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA4GO,iBAA5G;AACA,kBAAK,0DAAL,EAAiED,wBAAjE,EAAuFN,SAAvF,EAAyGQ,cAAzG;AACA,kBAAK,8DAAL,EAAqEF,wBAArE,EAA2FN,SAA3F,EAA6GS,kBAA7G;AACA,kBAAK,4DAAL,EAAmEH,wBAAnE,EAAyFN,SAAzF,EAA2GU,gBAA3G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismListItem from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDraft from './fixtures/draft';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevised from './fixtures/revised';\n\ntest('Organism › OrganismListItem > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismListItem.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismListItem.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismListItem › Archived › should be rendered', renderComponentMacro, OrganismListItem, fixtureArchived);\ntest('Organism › OrganismListItem › Draft › should be rendered', renderComponentMacro, OrganismListItem, fixtureDraft);\ntest('Organism › OrganismListItem › Published › should be rendered', renderComponentMacro, OrganismListItem, fixturePublished);\ntest('Organism › OrganismListItem › Revised › should be rendered', renderComponentMacro, OrganismListItem, fixtureRevised);\n"],"file":"fixtures.js"}

package/lib/organism/list-items/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _listItem = _interopRequireDefault(require("../list-item"));
+
+var _title = _interopRequireDefault(require("../../atom/title"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ListItems = ({
+  title,
+  buttonLink,
+  items,
+  'aria-label': ariaLabel
+}) => {
+  const itemsView = items.map(item => /*#__PURE__*/_react.default.createElement("li", {
+    key: item.id,
+    className: _style.default.item
+  }, /*#__PURE__*/_react.default.createElement(_listItem.default, item)));
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.header
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title,
+    type: 'form-group'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonCreate
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, buttonLink))), /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "aria-label": ariaLabel
+  }, itemsView));
+};
+
+ListItems.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string,
+  buttonLink: _propTypes.default.shape(_buttonLink.default.propTypes),
+  items: _propTypes.default.arrayOf(_propTypes.default.shape(_listItem.default.propTypes)),
+  title: _propTypes.default.string
+} : {};
+var _default = ListItems;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/organism/list-items/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/organism/list-items/index.js"],"names":["ListItems","title","buttonLink","items","ariaLabel","itemsView","map","item","id","style","header","buttonCreate","list","propTypes","PropTypes","string","shape","ButtonLink","arrayOf","ListItem"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,UAAR;AAAoBC,EAAAA,KAApB;AAA2B,gBAAcC;AAAzC,CAAD,KAAyD;AACzE,QAAMC,SAAS,GAAGF,KAAK,CAACG,GAAN,CAAUC,IAAI,iBAC9B;AAAI,IAAA,GAAG,EAAEA,IAAI,CAACC,EAAd;AAAkB,IAAA,SAAS,EAAEC,eAAMF;AAAnC,kBACE,6BAAC,iBAAD,EAAcA,IAAd,CADF,CADgB,CAAlB;AAMA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAEE,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAMR;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE;AAA3B,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEQ,eAAME;AAAtB,kBACE,6BAAC,mBAAD,EAAgBT,UAAhB,CADF,CAJF,CADF,eASE;AAAI,IAAA,SAAS,EAAEO,eAAMG,IAArB;AAA2B,kBAAYR;AAAvC,KACGC,SADH,CATF,CADF;AAeD,CAtBD;;AAwBAL,SAAS,CAACa,SAAV,2CAAsB;AACpB,gBAAcC,mBAAUC,MADJ;AAEpBb,EAAAA,UAAU,EAAEY,mBAAUE,KAAV,CAAgBC,oBAAWJ,SAA3B,CAFQ;AAGpBV,EAAAA,KAAK,EAAEW,mBAAUI,OAAV,CAAkBJ,mBAAUE,KAAV,CAAgBG,kBAASN,SAAzB,CAAlB,CAHa;AAIpBZ,EAAAA,KAAK,EAAEa,mBAAUC;AAJG,CAAtB;eAOef,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\n\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ListItems = ({title, buttonLink, items, 'aria-label': ariaLabel}) => {\n  const itemsView = items.map(item => (\n    <li key={item.id} className={style.item}>\n      <ListItem {...item} />\n    </li>\n  ));\n\n  return (\n    <div>\n      <div className={style.header}>\n        <div className={style.title}>\n          <Title title={title} type={'form-group'} />\n        </div>\n        <div className={style.buttonCreate}>\n          <ButtonLink {...buttonLink} />\n        </div>\n      </div>\n      <ul className={style.list} aria-label={ariaLabel}>\n        {itemsView}\n      </ul>\n    </div>\n  );\n};\n\nListItems.propTypes = {\n  'aria-label': PropTypes.string,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes),\n  items: PropTypes.arrayOf(PropTypes.shape(ListItem.propTypes)),\n  title: PropTypes.string\n};\n\nexport default ListItems;\n"],"file":"index.js"}

package/lib/organism/list-items/style.css

@@ -0,0 +1,39 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value medium from colors;
+@value xtraLightGrey from colors;
+@value dark from colors;
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 24px;
+  margin-bottom: 24px;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.4;
+  letter-spacing: normal;
+  text-align: left;
+}
+
+.buttonCreate {
+  width: 194px;
+}
+
+.item {
+  margin-bottom: 8px;
+}
+
+.list {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}

package/lib/organism/list-items/test/fixtures/archived.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _archived = _interopRequireDefault(require("../../../list-item/test/fixtures/archived"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const ids = ['1', '2', '3'];
+const listeItems = ids.map(id => {
+  return _extends(_extends({}, _archived.default.props), {}, {
+    id
+  });
+});
+var _default = {
+  props: {
+    title: `${listeItems.length} custom playlists`,
+    'aria-label': 'aria list',
+    buttonLink: {
+      type: 'primary',
+      label: 'Create custom playlist',
+      'aria-label': 'aria button',
+      'data-name': 'default-button',
+      onClick: () => console.log('click')
+    },
+    items: listeItems
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=archived.js.map

package/lib/organism/list-items/test/fixtures/archived.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-items/test/fixtures/archived.js"],"names":["ids","listeItems","map","id","archivedItem","props","title","length","buttonLink","type","label","onClick","console","log","items"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAZ;AACA,MAAMC,UAAU,GAAGD,GAAG,CAACE,GAAJ,CAAQC,EAAE,IAAI;AAC/B,+BACKC,kBAAaC,KADlB;AAEEF,IAAAA;AAFF;AAID,CALkB,CAAnB;eAOe;AACbE,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAG,GAAEL,UAAU,CAACM,MAAO,mBADvB;AAEL,kBAAc,WAFT;AAGLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,SADI;AAEVC,MAAAA,KAAK,EAAE,wBAFG;AAGV,oBAAc,aAHJ;AAIV,mBAAa,gBAJH;AAKVC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALL,KAHP;AAULC,IAAAA,KAAK,EAAEb;AAVF;AADM,C","sourcesContent":["import archivedItem from '../../../list-item/test/fixtures/archived';\n\nconst ids = ['1', '2', '3'];\nconst listeItems = ids.map(id => {\n  return {\n    ...archivedItem.props,\n    id\n  };\n});\n\nexport default {\n  props: {\n    title: `${listeItems.length} custom playlists`,\n    'aria-label': 'aria list',\n    buttonLink: {\n      type: 'primary',\n      label: 'Create custom playlist',\n      'aria-label': 'aria button',\n      'data-name': 'default-button',\n      onClick: () => console.log('click')\n    },\n    items: listeItems\n  }\n};\n"],"file":"archived.js"}

package/lib/organism/list-items/test/fixtures/draft.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _draft = _interopRequireDefault(require("../../../list-item/test/fixtures/draft"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const ids = ['1', '2', '3'];
+const listeItems = ids.map(id => {
+  return _extends(_extends({}, _draft.default.props), {}, {
+    id
+  });
+});
+var _default = {
+  props: {
+    title: `${listeItems.length} custom playlists`,
+    'aria-label': 'aria list',
+    buttonLink: {
+      type: 'primary',
+      label: 'Create custom playlist',
+      'aria-label': 'aria button',
+      'data-name': 'default-button',
+      onClick: () => console.log('click')
+    },
+    items: listeItems
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=draft.js.map

package/lib/organism/list-items/test/fixtures/draft.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-items/test/fixtures/draft.js"],"names":["ids","listeItems","map","id","draftItem","props","title","length","buttonLink","type","label","onClick","console","log","items"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,GAAG,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAZ;AACA,MAAMC,UAAU,GAAGD,GAAG,CAACE,GAAJ,CAAQC,EAAE,IAAI;AAC/B,+BACKC,eAAUC,KADf;AAEEF,IAAAA;AAFF;AAID,CALkB,CAAnB;eAOe;AACbE,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAG,GAAEL,UAAU,CAACM,MAAO,mBADvB;AAEL,kBAAc,WAFT;AAGLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,SADI;AAEVC,MAAAA,KAAK,EAAE,wBAFG;AAGV,oBAAc,aAHJ;AAIV,mBAAa,gBAJH;AAKVC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALL,KAHP;AAULC,IAAAA,KAAK,EAAEb;AAVF;AADM,C","sourcesContent":["import draftItem from '../../../list-item/test/fixtures/draft';\n\nconst ids = ['1', '2', '3'];\nconst listeItems = ids.map(id => {\n  return {\n    ...draftItem.props,\n    id\n  };\n});\n\nexport default {\n  props: {\n    title: `${listeItems.length} custom playlists`,\n    'aria-label': 'aria list',\n    buttonLink: {\n      type: 'primary',\n      label: 'Create custom playlist',\n      'aria-label': 'aria button',\n      'data-name': 'default-button',\n      onClick: () => console.log('click')\n    },\n    items: listeItems\n  }\n};\n"],"file":"draft.js"}

package/lib/organism/list-items/test/fixtures/published.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _published = _interopRequireDefault(require("../../../list-item/test/fixtures/published"));
+
+var _revised = _interopRequireDefault(require("../../../list-item/test/fixtures/revised"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const propsRevised = _revised.default.props;
+const ids = ['1', '2', '3'];
+const listePublishedItems = ids.map(id => {
+  return _extends(_extends({}, _published.default.props), {}, {
+    id
+  });
+});
+var _default = {
+  props: {
+    title: `${listePublishedItems.length + 1} custom playlists`,
+    'aria-label': 'aria list',
+    buttonLink: {
+      type: 'primary',
+      label: 'Create custom playlist',
+      'aria-label': 'aria button',
+      'data-name': 'default-button',
+      onClick: () => console.log('click')
+    },
+    items: [...listePublishedItems, propsRevised]
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=published.js.map

package/lib/organism/list-items/test/fixtures/published.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/organism/list-items/test/fixtures/published.js"],"names":["propsRevised","revisedItem","props","ids","listePublishedItems","map","id","publishedItem","title","length","buttonLink","type","label","onClick","console","log","items"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAGC,iBAAYC,KAAjC;AAEA,MAAMC,GAAG,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAZ;AACA,MAAMC,mBAAmB,GAAGD,GAAG,CAACE,GAAJ,CAAQC,EAAE,IAAI;AACxC,+BACKC,mBAAcL,KADnB;AAEEI,IAAAA;AAFF;AAID,CAL2B,CAA5B;eAOe;AACbJ,EAAAA,KAAK,EAAE;AACLM,IAAAA,KAAK,EAAG,GAAEJ,mBAAmB,CAACK,MAApB,GAA6B,CAAE,mBADpC;AAEL,kBAAc,WAFT;AAGLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAE,SADI;AAEVC,MAAAA,KAAK,EAAE,wBAFG;AAGV,oBAAc,aAHJ;AAIV,mBAAa,gBAJH;AAKVC,MAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALL,KAHP;AAULC,IAAAA,KAAK,EAAE,CAAC,GAAGZ,mBAAJ,EAAyBJ,YAAzB;AAVF;AADM,C","sourcesContent":["import publishedItem from '../../../list-item/test/fixtures/published';\nimport revisedItem from '../../../list-item/test/fixtures/revised';\n\nconst propsRevised = revisedItem.props;\n\nconst ids = ['1', '2', '3'];\nconst listePublishedItems = ids.map(id => {\n  return {\n    ...publishedItem.props,\n    id\n  };\n});\n\nexport default {\n  props: {\n    title: `${listePublishedItems.length + 1} custom playlists`,\n    'aria-label': 'aria list',\n    buttonLink: {\n      type: 'primary',\n      label: 'Create custom playlist',\n      'aria-label': 'aria button',\n      'data-name': 'default-button',\n      onClick: () => console.log('click')\n    },\n    items: [...listePublishedItems, propsRevised]\n  }\n};\n"],"file":"published.js"}

package/lib/organism/list-items/test/fixtures.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _archived = _interopRequireDefault(require("./fixtures/archived"));
+
+var _draft = _interopRequireDefault(require("./fixtures/draft"));
+
+var _published = _interopRequireDefault(require("./fixtures/published"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Organism › OrganismListItems > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Organism.OrganismListItems.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Organism › OrganismListItems › Archived › should be rendered', _renderComponent.default, _.default, _archived.default);
+(0, _ava.default)('Organism › OrganismListItems › Draft › should be rendered', _renderComponent.default, _.default, _draft.default);
+(0, _ava.default)('Organism › OrganismListItems › Published › should be rendered', _renderComponent.default, _.default, _published.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/organism/list-items/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/organism/list-items/test/fixtures.js"],"names":["t","pass","OrganismListItems","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArchived","fixtureDraft","fixturePublished"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,8DAAL,EAAqEG,wBAArE,EAA2FN,SAA3F,EAA8GO,iBAA9G;AACA,kBAAK,2DAAL,EAAkED,wBAAlE,EAAwFN,SAAxF,EAA2GQ,cAA3G;AACA,kBAAK,+DAAL,EAAsEF,wBAAtE,EAA4FN,SAA5F,EAA+GS,kBAA/G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismListItems from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDraft from './fixtures/draft';\nimport fixturePublished from './fixtures/published';\n\ntest('Organism › OrganismListItems > should have valid propTypes', t => {\n  t.pass();\n  forEach(OrganismListItems.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Organism.OrganismListItems.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Organism › OrganismListItems › Archived › should be rendered', renderComponentMacro, OrganismListItems, fixtureArchived);\ntest('Organism › OrganismListItems › Draft › should be rendered', renderComponentMacro, OrganismListItems, fixtureDraft);\ntest('Organism › OrganismListItems › Published › should be rendered', renderComponentMacro, OrganismListItems, fixturePublished);\n"],"file":"fixtures.js"}

package/lib/organism/setup-header/index.js

@@ -80,13 +80,13 @@ const SetupHeader = props => {
       type: 'analytics'
     }
   } : null;
-  const myPlatformButtonProps = {
+  const seeMyPlatformButtonProps = {
     type: 'primary',
-    label: items.platformList.label,
-    'aria-label': items.platformList.label,
-    'data-name': `platform-list-button`,
+    label: items.seeMyPlatform.label,
+    'aria-label': items.seeMyPlatform.label,
+    'data-name': `see-my-platform`,
     link: {
-      href
+      href: items.seeMyPlatform.href
     },
     icon: {
       position: 'left',
@@ -134,7 +134,7 @@ const SetupHeader = props => {
     className: _style.default.button
   }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, goAnalyticsButtonProps)) : null, isDashboard || isHome ? null : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.button
-  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, myPlatformButtonProps)), /*#__PURE__*/_react.default.createElement("li", {
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, seeMyPlatformButtonProps)), /*#__PURE__*/_react.default.createElement("li", {
     onMouseEnter: onMouseEnter,
     className: _style.default.profilePicture
   }, /*#__PURE__*/_react.default.createElement("img", {

package/lib/organism/setup-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","myPlatformButtonProps","logoutButtonProps","logOut","style","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","seeMyPlatform","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const myPlatformButtonProps = {\n    type: 'primary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...myPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/organism/setup-header/index.js"],"names":["SetupHeader","props","show","updateShow","React","useState","platformName","items","href","user","logo","logoMobile","isHome","isDashboard","image","onMouseEnter","onMouseLeave","platformListButtonProps","type","label","platformList","link","icon","position","platformListIconButtonProps","goAnalyticsButtonProps","globalAnalytics","seeMyPlatformButtonProps","seeMyPlatform","logoutButtonProps","logOut","style","container","wrapper","logoDesktop","list","button","platformListIcon","element","profilePicture","arrowUp","propTypes","PropTypes","shape","string","bool","Link","username","Picture","src"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Picture from '../../atom/picture';\nimport Link from '../../atom/link';\nimport ButtonLink from '../../atom/button-link';\nimport IconLink from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst SetupHeader = props => {\n  const [show, updateShow] = React.useState(false);\n  const {\n    platformName,\n    items,\n    href,\n    user = {},\n    logo,\n    logoMobile,\n    isHome = false,\n    isDashboard = false\n  } = props;\n  const {image = ''} = user;\n\n  function onMouseEnter() {\n    updateShow(true);\n  }\n\n  function onMouseLeave() {\n    updateShow(false);\n  }\n\n  const platformListButtonProps = {\n    type: 'tertiary',\n    label: items.platformList.label,\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: {\n      position: 'left',\n      type: 'list'\n    }\n  };\n\n  const platformListIconButtonProps = {\n    'aria-label': items.platformList.label,\n    'data-name': `platform-list-button`,\n    link: {\n      href: items.platformList.href\n    },\n    icon: 'list'\n  };\n\n  const goAnalyticsButtonProps =\n    items.globalAnalytics && isDashboard === false\n      ? {\n          type: 'secondary',\n          label: items.globalAnalytics.label,\n          'aria-label': items.globalAnalytics.label,\n          'data-name': `platform-list-button`,\n          link: {\n            href: items.globalAnalytics.href\n          },\n          icon: {\n            position: 'left',\n            type: 'analytics'\n          }\n        }\n      : null;\n\n  const seeMyPlatformButtonProps = {\n    type: 'primary',\n    label: items.seeMyPlatform.label,\n    'aria-label': items.seeMyPlatform.label,\n    'data-name': `see-my-platform`,\n    link: {\n      href: items.seeMyPlatform.href\n    },\n    icon: {\n      position: 'left',\n      type: 'see'\n    }\n  };\n\n  const logoutButtonProps = {\n    type: 'text',\n    label: items.logOut.label,\n    'aria-label': items.logOut.label,\n    'data-name': `logout-list-button`,\n    link: {\n      href: items.logOut.href\n    },\n    icon: {\n      position: 'left',\n      type: 'logout'\n    }\n  };\n\n  return (\n    <div className={style.container}>\n      <div className={style.wrapper}>\n        {isHome ? (\n          <div className={style.logo}>\n            <Link href={href}>\n              <Picture className={style.logoDesktop} src={logo} />\n              <Picture className={style.logoMobile} src={logoMobile} />\n            </Link>\n          </div>\n        ) : (\n          <ul className={style.list}>\n            <div className={classnames([style.button, style.platformList])}>\n              <ButtonLink {...platformListButtonProps} />\n            </div>\n            <div className={style.platformListIcon}>\n              <IconLink {...platformListIconButtonProps} />\n            </div>\n            {!isDashboard ? (\n              <li className={classnames(style.element, style.platformName)}>{platformName}</li>\n            ) : null}\n          </ul>\n        )}\n        <ul className={style.list}>\n          {goAnalyticsButtonProps ? (\n            <div className={style.button}>\n              <ButtonLink {...goAnalyticsButtonProps} />\n            </div>\n          ) : null}\n          {isDashboard || isHome ? null : (\n            <div className={style.button}>\n              <ButtonLink {...seeMyPlatformButtonProps} />\n            </div>\n          )}\n          <li onMouseEnter={onMouseEnter} className={style.profilePicture}>\n            <img src={image} />\n          </li>\n          <div className={style.logOut}>\n            <ButtonLink {...logoutButtonProps} />\n          </div>\n        </ul>\n      </div>\n      <div data-name={`logout-${show ? 'show' : 'hide'}`}>\n        <div className={style.arrowUp} />\n        <div className={style.logOut} onMouseLeave={onMouseLeave}>\n          <ButtonLink {...logoutButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupHeader.propTypes = {\n  items: PropTypes.shape({\n    seeMyPlatform: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    logOut: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    globalAnalytics: PropTypes.shape({href: PropTypes.string, label: PropTypes.string}),\n    platformList: PropTypes.shape({href: PropTypes.string, label: PropTypes.string})\n  }),\n  platformName: PropTypes.string,\n  isDashboard: PropTypes.bool,\n  isHome: PropTypes.bool,\n  href: Link.propTypes.href,\n  user: PropTypes.shape({\n    username: PropTypes.string,\n    image: PropTypes.string\n  }),\n  logo: Picture.propTypes.src,\n  logoMobile: Picture.propTypes.src\n};\n\nexport default SetupHeader;\n"],"file":"index.js"}