@coorpacademy/components 10.2.0 → 10.3.1

package/lib/molecule/select-multiple/style.css

@@ -6,12 +6,13 @@
 @value lightGrey from colors;
 @value negative from colors;
 @value xtraLightGrey from colors;
+@value cm_negative_100 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_150 from colors;
+@value cm_grey_200 from colors;
 @value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
-@value cm_grey_200 from colors;
-@value cm_grey_150 from colors;
-@value cm_grey_100 from colors;
-@value cm_negative_100 from colors;
 @value medium from colors;
 @value defaultText from "../../variables/fonts.css";
 
@@ -227,12 +228,14 @@
   flex-direction: column;
   justify-content: center;
   border-radius: 8px;
+  line-height: 31px;
   width: 100%;
   font-size: 14px;
   color: black;
   height: 44px;
   padding: 11px 85px 11px 16px;
   background-color: cm_grey_100;
+  overflow: visible;
 }
 
 .coorpmanager .select .title {
@@ -265,7 +268,7 @@
   font-weight: 500;
   transition: all 0.25s ease;
   line-height: 20px;
-  margin: 10px 0 -10px 0;
+  margin: 0 0 -10px 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
@@ -277,6 +280,10 @@
   font-weight: 500;
 }
 
+.coorpmanager .select .title.noValue {
+  font-weight: 500;
+}
+
 .coorpmanager .select .title.noValue.active,
 .coorpmanager .select .title.titleWithSelection {
   font-size: 10px;
@@ -310,8 +317,6 @@
 
 .coorpmanager .infoIconWrapper {
   overflow: visible;
-  height: 12px;
-  margin: 0 4px;
   cursor: pointer;
   pointer-events: fill;
   position: relative;
@@ -319,16 +324,16 @@
 
 .coorpmanager .infoIcon {
   cursor: pointer;
-  width: 8px;
+  width: 10px;
+  height: 10px;
   margin: 4px 4px 0 4px;
-  height: 8px;
   line-height: 16px;
   color: cm_grey_400;
   transition: all 0.25s linear;
 }
 
 .coorpmanager .select .title.noValue .infoIcon {
-  color: cm_grey_700;
+  color: cm_grey_500;
 }
 
 .coorpmanager .select .title.noValue.active .infoIcon,
@@ -344,7 +349,6 @@
 
 .coorpmanager .descriptionLabel {
   margin: 0 1px 18px 0;
-  padding: 8px 16px;
   border-radius: 7px;
   background-color: cm_grey_700;
   flex-grow: 0;
@@ -357,14 +361,21 @@
   letter-spacing: normal;
   text-align: center;
   color: white;
+  padding: 8px 16px;
   max-width: 200px;
   position: absolute;
-  left: -19px;
-  z-index: 3;
-  bottom: 5px;
+  left: -20px;
+  z-index: 999;
+  bottom: 18px;
   width: max-content;
   visibility: hidden;
-  opacity: 0s;
+  opacity: 0;
+}
+
+.coorpmanager .title.titleWithSelection .descriptionLabel,
+.coorpmanager .title.noValue.active .descriptionLabel {
+  left: -19px;
+  bottom: 1px;
 }
 
 .coorpmanager .descriptionLabel::after {
@@ -378,7 +389,7 @@
 }
 
 .coorpmanager .title.noValue .descriptionLabel::after {
-  left: 21px;
+  left: 22px;
 }
 
 .coorpmanager:focus-within .title.noValue .descriptionLabel::after {
@@ -399,6 +410,8 @@
   width: 44px;
   height: 44px;
   display: flex;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
   justify-content: center;
   align-items: center;
 }
@@ -484,3 +497,7 @@
 .coorpmanager.disabled .arrow {
   opacity: 0.5;
 }
+
+.coorpmanager .hideHint {
+  visibility: hidden;
+}

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

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _uniqueId2 = _interopRequireDefault(require("lodash/fp/uniqueId"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,12 +19,12 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const buildItemsOfSection = items => {
   return items.map((item, index) => {
     const {
@@ -154,7 +156,7 @@ const WizardSummary = props => {
     action
   } = props;
   const sectionsView = buildSections(sections);
-  const idSwitch = 'open-summary-wizard';
+  const idSwitch = (0, _uniqueId2.default)('open-summary-wizard');
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("span", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","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","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","func","arrayOf","oneOfType","bool","oneOf"],"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  const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\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 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}>\n        <BuildAction action={action} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\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: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/wizard-summary/index.js"],"names":["buildItemsOfSection","items","map","item","index","type","title","style","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","idSwitch","container","desktopSummaryTitle","checkbox","summary","tabletSummaryHeader","tabletSummaryTitle","tabletSummaryIcon","summarySections","actionZone","propTypes","PropTypes","shape","string","func","arrayOf","oneOfType","bool","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {uniqueId} from 'lodash/fp';\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  const {onClick, text, icon, 'aria-label': ariaLabel} = action;\n  const handleClick = useMemo(() => () => onClick(), [onClick]);\n\n  if (!action) return null;\n\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 idSwitch = uniqueId('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}>\n        <BuildAction action={action} />\n      </div>\n    </div>\n  );\n};\n\nBuildAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.string,\n    text: PropTypes.string,\n    onClick: PropTypes.func,\n    'aria-label': PropTypes.string\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: BuildAction.propTypes.action\n};\n\nexport default WizardSummary;\n"],"file":"index.js"}

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

@@ -12,10 +12,11 @@
 @value lightBlack from colors;
 @value cm_yellow_200 from colors;
 @value cm_tablet from breakpoints;
+@value desktop from breakpoints;
 
 .container {
   font-family: Gilroy;
-  width: 245px;
+  width: calc(100% - 74px);
   border-radius: 7px;
   background-color: cm_grey_50;
   padding: 40px 37px 32px 37px;
@@ -165,16 +166,19 @@ ul {
   color: cm_primary_blue;
 } 
 
-@media cm_tablet {
+@media desktop, cm_tablet {
   .container {
     background-color: transparent;
-    width: calc(100% - 64px);
-    left: 0px;
-    right: 0px;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    right: 0;
+    bottom: 0;
     flex-direction: row;
     align-items: flex-end;
-    padding: 0px 32px 0px 32px;
-    margin: 0px;
+    padding: 0;
+    margin: 0;
+    position: relative;
   }
 
   .desktopSummaryTitle {
@@ -194,7 +198,9 @@ ul {
     background-color: cm_grey_50;
     border-radius: 7px;
     height: 20px;
+    max-height: 20px;
     padding: 12px 24px 12px 24px;
+    box-shadow: 0 -6px 42px -14px rgba(0, 0, 0, 0);
     transition: all 0.5s ease;
   }
 
@@ -228,11 +234,15 @@ ul {
 
   .checkbox:checked + .summary  {
     height: 65%;
-    padding: 24px;
+    max-height: 1000px;
+    padding: 12px 24px 12px 24px;
     box-shadow: 0 -6px 42px -14px rgba(0, 0, 0, 0.25);
     transition: all 0.5s ease;
   }
   .checkbox:checked + .summary .tabletSummaryIcon  {
     transform: rotateZ(180deg);
   }
+  .summarySections {
+    max-height: 250px;
+  }
 }

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

@@ -37,8 +37,8 @@ var _default = {
     }],
     action: {
       icon: 'save',
-      text: 'Save in drafts',
-      'aria-label': 'Save in drafts',
+      text: 'Save & quit',
+      'aria-label': 'Save',
       onClick: () => console.log('save')
     }
   }

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

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

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":"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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\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-items/index.js.map

@@ -1 +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"}
+{"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;;AACA;;AACA;;AACA;;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';\nimport ListItem from '../list-item';\nimport Title from '../../atom/title';\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/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"}