@coorpacademy/components 10.14.5 → 10.15.0

package/es/template/review-dashboard-skills/style.css

@@ -0,0 +1,60 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+
+.reviewDashboardContainer {
+  display: flex;
+  margin: 48px 64px;
+  position: relative;
+  box-sizing: border-box;
+  overflow: auto;
+  height: 100%;
+}
+
+.reviewPresentationContainer {
+  box-sizing: border-box;
+  height: 100%;
+  margin-right: 40px;
+  max-width: 348px;
+  min-width: 348px;
+  position: sticky;
+  top: 0;
+}
+
+.reviewSkillsContainer {
+  overflow: auto;
+  display: block;
+  box-sizing: border-box;
+  height: 100%;
+  position: relative;
+  width: 100%;
+}
+
+
+@media tablet {
+  .reviewDashboardContainer {
+    margin: 27px 0px 27px 36px;
+  }
+
+  .reviewPresentationContainer {
+    max-width: 326px;
+    min-width: 326px;
+  }
+}
+
+@media mobile {
+  .reviewDashboardContainer {
+    display: block;
+    height: auto;
+    margin: 16px 20px;
+    position: relative;
+  }
+
+  .reviewPresentationContainer {
+    margin-bottom: 40px;
+    margin-right: 0;
+    max-width: 100%;
+    min-width: 100%;
+    position: relative;
+  }
+}

package/es/template/review-dashboard-skills/test/fixtures/loading.js

@@ -0,0 +1,10 @@
+import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';
+import reviewSkills from '../../../../organism/review-skills/test/fixtures/loading';
+export default {
+  props: {
+    'aria-label': 'Review Skills Template',
+    reviewPresentation: reviewPresentation.props,
+    reviewSkills: reviewSkills.props
+  }
+};
+//# sourceMappingURL=loading.js.map

package/es/template/review-dashboard-skills/test/fixtures/loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/loading.js"],"names":["reviewPresentation","reviewSkills","props"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,4DAA/B;AACA,OAAOC,YAAP,MAAyB,0DAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELF,IAAAA,kBAAkB,EAAEA,kBAAkB,CAACE,KAFlC;AAGLD,IAAAA,YAAY,EAAEA,YAAY,CAACC;AAHtB;AADM,CAAf","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/loading';\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Template',\n    reviewPresentation: reviewPresentation.props,\n    reviewSkills: reviewSkills.props\n  }\n};\n"],"file":"loading.js"}

package/es/template/review-dashboard-skills/test/fixtures/many-skills.js

@@ -0,0 +1,10 @@
+import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';
+import reviewSkills from '../../../../organism/review-skills/test/fixtures/many-skills';
+export default {
+  props: {
+    'aria-label': 'Review Skills Template',
+    reviewPresentation: reviewPresentation.props,
+    reviewSkills: reviewSkills.props
+  }
+};
+//# sourceMappingURL=many-skills.js.map

package/es/template/review-dashboard-skills/test/fixtures/many-skills.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/many-skills.js"],"names":["reviewPresentation","reviewSkills","props"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,4DAA/B;AACA,OAAOC,YAAP,MAAyB,8DAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELF,IAAAA,kBAAkB,EAAEA,kBAAkB,CAACE,KAFlC;AAGLD,IAAAA,YAAY,EAAEA,YAAY,CAACC;AAHtB;AADM,CAAf","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/many-skills';\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Template',\n    reviewPresentation: reviewPresentation.props,\n    reviewSkills: reviewSkills.props\n  }\n};\n"],"file":"many-skills.js"}

package/es/template/review-dashboard-skills/test/fixtures/no-skills.js

@@ -0,0 +1,10 @@
+import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';
+import reviewSkills from '../../../../organism/review-skills/test/fixtures/no-skills';
+export default {
+  props: {
+    'aria-label': 'Review Skills Template',
+    reviewPresentation: reviewPresentation.props,
+    reviewSkills: reviewSkills.props
+  }
+};
+//# sourceMappingURL=no-skills.js.map

package/es/template/review-dashboard-skills/test/fixtures/no-skills.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/template/review-dashboard-skills/test/fixtures/no-skills.js"],"names":["reviewPresentation","reviewSkills","props"],"mappings":"AAAA,OAAOA,kBAAP,MAA+B,4DAA/B;AACA,OAAOC,YAAP,MAAyB,4DAAzB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACL,kBAAc,wBADT;AAELF,IAAAA,kBAAkB,EAAEA,kBAAkB,CAACE,KAFlC;AAGLD,IAAAA,YAAY,EAAEA,YAAY,CAACC;AAHtB;AADM,CAAf","sourcesContent":["import reviewPresentation from '../../../../atom/review-presentation/test/fixtures/default';\nimport reviewSkills from '../../../../organism/review-skills/test/fixtures/no-skills';\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Template',\n    reviewPresentation: reviewPresentation.props,\n    reviewSkills: reviewSkills.props\n  }\n};\n"],"file":"no-skills.js"}

package/es/template/review-dashboard-skills/test/fixtures.js

@@ -0,0 +1,17 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import TemplateReviewDashboardSkills from '..';
+import fixtureLoading from './fixtures/loading';
+import fixtureManySkills from './fixtures/many-skills';
+import fixtureNoSkills from './fixtures/no-skills';
+test('Template › TemplateReviewDashboardSkills > should have valid propTypes', t => {
+  t.pass();
+  forEach(TemplateReviewDashboardSkills.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Template.TemplateReviewDashboardSkills.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Template › TemplateReviewDashboardSkills › Loading › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureLoading);
+test('Template › TemplateReviewDashboardSkills › ManySkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureManySkills);
+test('Template › TemplateReviewDashboardSkills › NoSkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureNoSkills);
+//# sourceMappingURL=fixtures.js.map

package/es/template/review-dashboard-skills/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/template/review-dashboard-skills/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateReviewDashboardSkills","fixtureLoading","fixtureManySkills","fixtureNoSkills","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAN,IAAI,CAAC,wEAAD,EAA2EO,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,6BAA6B,CAACM,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,4EAAD,EAA+EE,oBAA/E,EAAqGC,6BAArG,EAAoIE,iBAApI,CAAJ;AACAL,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,6BAAnG,EAAkIG,eAAlI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateReviewDashboardSkills from '..';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureManySkills from './fixtures/many-skills';\nimport fixtureNoSkills from './fixtures/no-skills';\n\ntest('Template › TemplateReviewDashboardSkills > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateReviewDashboardSkills.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Template.TemplateReviewDashboardSkills.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Template › TemplateReviewDashboardSkills › Loading › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureLoading);\ntest('Template › TemplateReviewDashboardSkills › ManySkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureManySkills);\ntest('Template › TemplateReviewDashboardSkills › NoSkills › should be rendered', renderComponentMacro, TemplateReviewDashboardSkills, fixtureNoSkills);\n"],"file":"fixtures.js"}

package/lib/atom/drag-and-drop/index.js

@@ -112,7 +112,7 @@ class DragAndDrop extends _react.default.Component {
       className: _style.default.resetUploadWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.resetSrcLabel
-    }, previewContent.src), onReset ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    }, previewContent.label ? previewContent.label : previewContent.src), onReset ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
       "data-name": "reset-content-icon",
       height: 12,
       width: 12,
@@ -180,7 +180,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
   previewLabel: _propTypes.default.string,
   previewContent: _propTypes.default.shape({
     type: _propTypes.default.string,
-    src: _propTypes.default.string
+    src: _propTypes.default.string,
+    label: _propTypes.default.string
   }),
   loading: _propTypes.default.bool,
   modified: _propTypes.default.bool,

package/lib/atom/drag-and-drop/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","buildButton","defaultButtonProps","label","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = ''\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>{previewContent.src}</div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={previewContainer}>{previewView}</div>\n        ) : (\n          <div className={dragging ? style.dragging : inputWrapper} id={idBox}>\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? <span className={style.errorMessage}>{error}</span> : resetContent}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["constantNull","DragAndDrop","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","children","title","description","uploadLabel","previewLabel","previewContent","loading","modified","onReset","error","buttonAriaLabel","errorButtonLabel","previewView","type","style","preview","src","loaderWrapper","loadingCancel","closeIcon","loader","loaderText","resetContent","resetUploadWrapper","resetSrcLabel","label","buildButton","defaultButtonProps","icon","position","button","previewContainer","modifiedPreviewContainer","inputWrapper","modifiedInputWrapper","errorInputWrapper","wrapper","infosContainer","iconError","dragAndDropLabel","errorMessage","propTypes","PropTypes","string","shape","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, constant, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as Close,\n  NovaSolidFilesBasicFileUpload2 as FileUploadIcon,\n  NovaSolidFilesBasicFileBlock2 as FileUploadBlockedIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../loader';\nimport Button from '../button-link';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst constantNull = constant(null);\n\nclass DragAndDrop extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    description: PropTypes.string,\n    uploadLabel: PropTypes.string,\n    previewLabel: PropTypes.string,\n    previewContent: PropTypes.shape({\n      type: PropTypes.string,\n      src: PropTypes.string,\n      label: PropTypes.string\n    }),\n    loading: PropTypes.bool,\n    modified: PropTypes.bool,\n    children: PropTypes.func,\n    onReset: PropTypes.func,\n    error: PropTypes.string,\n    buttonAriaLabel: PropTypes.string,\n    errorButtonLabel: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {\n      children = constantNull,\n      title,\n      description,\n      uploadLabel,\n      previewLabel = '',\n      previewContent,\n      loading = false,\n      modified = false,\n      onReset = null,\n      error = '',\n      buttonAriaLabel = '',\n      errorButtonLabel = ''\n    } = this.props;\n    const {dragging} = this.state;\n\n    let previewView = null;\n\n    if (previewContent && previewContent.type === 'image') {\n      previewView = (\n        <div className={style.preview}>\n          <img src={previewContent.src} />\n        </div>\n      );\n    } else if (previewContent && previewContent.type === 'video') {\n      previewView = (\n        <div className={style.preview}>\n          <video controls src={previewContent.src} type=\"video/*\" />\n        </div>\n      );\n    } else if (loading) {\n      previewView = (\n        <div className={style.loaderWrapper}>\n          <div className={style.loadingCancel}>\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          </div>\n          <div className={style.loader}>\n            <Loader theme=\"coorpmanager\" />\n          </div>\n          <span className={style.loaderText}>Uploading</span>\n        </div>\n      );\n    } else {\n      previewView = <span>{previewLabel}</span>;\n    }\n\n    const resetContent =\n      previewContent && previewContent.src ? (\n        <div className={style.resetUploadWrapper}>\n          <div className={style.resetSrcLabel}>\n            {previewContent.label ? previewContent.label : previewContent.src}\n          </div>\n          {onReset ? (\n            <Close\n              data-name=\"reset-content-icon\"\n              height={12}\n              width={12}\n              className={style.closeIcon}\n              onClick={onReset}\n            />\n          ) : null}\n        </div>\n      ) : null;\n\n    const buildButton = () => {\n      const defaultButtonProps = {\n        label: uploadLabel,\n        'aria-label': buttonAriaLabel,\n        'data-name': 'default-button',\n        icon: {\n          position: 'left',\n          type: 'folders'\n        }\n      };\n      if (dragging) {\n        return null;\n      } else if (error) {\n        return <Button {...defaultButtonProps} label={errorButtonLabel} icon={{}} />;\n      } else {\n        return <Button {...defaultButtonProps} />;\n      }\n    };\n\n    const button = buildButton(dragging, error);\n\n    const previewContainer = getClassState(\n      style.previewContainer,\n      style.modifiedPreviewContainer,\n      null,\n      modified,\n      error\n    );\n    const inputWrapper = getClassState(\n      style.inputWrapper,\n      style.modifiedInputWrapper,\n      style.errorInputWrapper,\n      modified,\n      error\n    );\n\n    return (\n      <div className={style.wrapper} data-name=\"drag-and-drop-wrapper\">\n        <div className={style.title}>{title}</div>\n        {!isEmpty(previewContent) || loading ? (\n          <div className={previewContainer}>{previewView}</div>\n        ) : (\n          <div className={dragging ? style.dragging : inputWrapper} id={idBox}>\n            <div className={style.infosContainer}>\n              {error ? (\n                <FileUploadBlockedIcon className={style.iconError} />\n              ) : (\n                <FileUploadIcon className={style.icon} />\n              )}\n              {description ? <div className={style.description}>{description}</div> : null}\n              {error ? null : <div className={style.dragAndDropLabel}>{'Drag & Drop here'}</div>}\n            </div>\n            {button}\n            <div>{children(this.handleDragStart, this.handleDragStop)}</div>\n          </div>\n        )}\n        {error ? <span className={style.errorMessage}>{error}</span> : resetContent}\n      </div>\n    );\n  }\n}\n\nexport default DragAndDrop;\n"],"file":"index.js"}

package/lib/atom/drag-and-drop/test/fixtures/with-image.js

@@ -10,7 +10,8 @@ var _default = {
     previewLabel: 'File Preview',
     previewContent: {
       type: 'image',
-      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'
+      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg',
+      label: 'coorp image'
     }
   }
 };

package/lib/atom/drag-and-drop/test/fixtures/with-image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,wBADF;AAELC,IAAAA,WAAW,EAAE,uCAFR;AAGLC,IAAAA,WAAW,EAAE,iBAHR;AAILC,IAAAA,YAAY,EAAE,cAJT;AAKLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE;AAFS;AALX;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Drag & Drop With Image',\n    description: 'Drag and drop component with an image',\n    uploadLabel: 'Upload Image(s)',\n    previewLabel: 'File Preview',\n    previewContent: {\n      type: 'image',\n      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'\n    }\n  }\n};\n"],"file":"with-image.js"}
+{"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src","label"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,wBADF;AAELC,IAAAA,WAAW,EAAE,uCAFR;AAGLC,IAAAA,WAAW,EAAE,iBAHR;AAILC,IAAAA,YAAY,EAAE,cAJT;AAKLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,IAAI,EAAE,OADQ;AAEdC,MAAAA,GAAG,EAAE,6EAFS;AAGdC,MAAAA,KAAK,EAAE;AAHO;AALX;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Drag & Drop With Image',\n    description: 'Drag and drop component with an image',\n    uploadLabel: 'Upload Image(s)',\n    previewLabel: 'File Preview',\n    previewContent: {\n      type: 'image',\n      src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg',\n      label: 'coorp image'\n    }\n  }\n};\n"],"file":"with-image.js"}

package/lib/atom/drag-and-drop/test/fixtures.js

@@ -26,8 +26,6 @@ var _withImage = _interopRequireDefault(require("./fixtures/with-image"));
 
 var _withLongDescription = _interopRequireDefault(require("./fixtures/with-long-description"));
 
-var _withSvg = _interopRequireDefault(require("./fixtures/with-svg"));
-
 var _withVideo = _interopRequireDefault(require("./fixtures/with-video"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -47,6 +45,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Atom › AtomDragAndDrop › WithImageReset › should be rendered', _renderComponent.default, _.default, _withImageReset.default);
 (0, _ava.default)('Atom › AtomDragAndDrop › WithImage › should be rendered', _renderComponent.default, _.default, _withImage.default);
 (0, _ava.default)('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', _renderComponent.default, _.default, _withLongDescription.default);
-(0, _ava.default)('Atom › AtomDragAndDrop › WithSvg › should be rendered', _renderComponent.default, _.default, _withSvg.default);
 (0, _ava.default)('Atom › AtomDragAndDrop › WithVideo › should be rendered', _renderComponent.default, _.default, _withVideo.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/atom/drag-and-drop/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["t","pass","AtomDragAndDrop","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithSvg","fixtureWithVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAA8GO,yBAA9G;AACA,kBAAK,uDAAL,EAA8DD,wBAA9D,EAAoFN,SAApF,EAAqGQ,gBAArG;AACA,kBAAK,qDAAL,EAA4DF,wBAA5D,EAAkFN,SAAlF,EAAmGS,cAAnG;AACA,kBAAK,uDAAL,EAA8DH,wBAA9D,EAAoFN,SAApF,EAAqGU,gBAArG;AACA,kBAAK,wDAAL,EAA+DJ,wBAA/D,EAAqFN,SAArF,EAAsGW,iBAAtG;AACA,kBAAK,4DAAL,EAAmEL,wBAAnE,EAAyFN,SAAzF,EAA0GY,qBAA1G;AACA,kBAAK,8DAAL,EAAqEN,wBAArE,EAA2FN,SAA3F,EAA4Ga,uBAA5G;AACA,kBAAK,yDAAL,EAAgEP,wBAAhE,EAAsFN,SAAtF,EAAuGc,kBAAvG;AACA,kBAAK,mEAAL,EAA0ER,wBAA1E,EAAgGN,SAAhG,EAAiHe,4BAAjH;AACA,kBAAK,uDAAL,EAA8DT,wBAA9D,EAAoFN,SAApF,EAAqGgB,gBAArG;AACA,kBAAK,yDAAL,EAAgEV,wBAAhE,EAAsFN,SAAtF,EAAuGiB,kBAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureCleanAndModified from './fixtures/clean-and-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithLongDescription from './fixtures/with-long-description';\nimport fixtureWithSvg from './fixtures/with-svg';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomDragAndDrop.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomDragAndDrop › CleanAndModified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureCleanAndModified);\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);\ntest('Atom › AtomDragAndDrop › WithSvg › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithSvg);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["t","pass","AtomDragAndDrop","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAA8GO,yBAA9G;AACA,kBAAK,uDAAL,EAA8DD,wBAA9D,EAAoFN,SAApF,EAAqGQ,gBAArG;AACA,kBAAK,qDAAL,EAA4DF,wBAA5D,EAAkFN,SAAlF,EAAmGS,cAAnG;AACA,kBAAK,uDAAL,EAA8DH,wBAA9D,EAAoFN,SAApF,EAAqGU,gBAArG;AACA,kBAAK,wDAAL,EAA+DJ,wBAA/D,EAAqFN,SAArF,EAAsGW,iBAAtG;AACA,kBAAK,4DAAL,EAAmEL,wBAAnE,EAAyFN,SAAzF,EAA0GY,qBAA1G;AACA,kBAAK,8DAAL,EAAqEN,wBAArE,EAA2FN,SAA3F,EAA4Ga,uBAA5G;AACA,kBAAK,yDAAL,EAAgEP,wBAAhE,EAAsFN,SAAtF,EAAuGc,kBAAvG;AACA,kBAAK,mEAAL,EAA0ER,wBAA1E,EAAgGN,SAAhG,EAAiHe,4BAAjH;AACA,kBAAK,yDAAL,EAAgET,wBAAhE,EAAsFN,SAAtF,EAAuGgB,kBAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomDragAndDrop from '..';\nimport fixtureCleanAndModified from './fixtures/clean-and-modified';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureModified from './fixtures/modified';\nimport fixtureWithChildren from './fixtures/with-children';\nimport fixtureWithImageReset from './fixtures/with-image-reset';\nimport fixtureWithImage from './fixtures/with-image';\nimport fixtureWithLongDescription from './fixtures/with-long-description';\nimport fixtureWithVideo from './fixtures/with-video';\n\ntest('Atom › AtomDragAndDrop > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomDragAndDrop.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomDragAndDrop.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomDragAndDrop › CleanAndModified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureCleanAndModified);\ntest('Atom › AtomDragAndDrop › Default › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureDefault);\ntest('Atom › AtomDragAndDrop › Error › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureError);\ntest('Atom › AtomDragAndDrop › Loading › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureLoading);\ntest('Atom › AtomDragAndDrop › Modified › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureModified);\ntest('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithChildren);\ntest('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);\ntest('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);\ntest('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);\ntest('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);\n"],"file":"fixtures.js"}

package/lib/atom/review-presentation/index.js

@@ -71,7 +71,9 @@ const ReviewPresentation = props => {
     dangerouslySetInnerHTML: {
       __html: reviewText
     }
-  }), /*#__PURE__*/_react.default.createElement("ul", null, _map.default.convert({
+  }), /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.reviewListWrapper
+  }, _map.default.convert({
     cap: false
   })((label, key) => {
     return /*#__PURE__*/_react.default.createElement("li", {

package/lib/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","getIcon","icon","Icon","style","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","map","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","PropTypes","shape","string","propTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAOA;;;;AAEA,MAAMA,KAAK,GAAG;AACZC,EAAAA,MAAM,EAAEC,oDADI;AAEZC,EAAAA,SAAS,EAAEC,0DAFC;AAGZC,EAAAA,KAAK,EAAEC,wCAHK;AAIZC,EAAAA,QAAQ,EAAEC;AAJE,CAAd;;AAOA,MAAMC,OAAO,GAAGC,IAAI,IAAI;AACtB,QAAMC,IAAI,GAAG,kBAAID,IAAJ,EAAUV,KAAV,CAAb;AACA,sBAAO,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAEY,eAAMC;AAAvB,IAAP;AACD,CAHD;;AAKA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAmB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEH,eAAMI;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEJ,eAAMK;AAAtB,kBACE,6BAAC,qDAAD;AAAiB,IAAA,SAAS,EAAEL,eAAMM,eAAlC;AAAmD,IAAA,KAAK,EAAE,EAA1D;AAA8D,IAAA,MAAM,EAAE;AAAtE,IADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEN,eAAMO;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEP,eAAMG;AAAtB,KAAoCA,WAApC,CADF,CAJF,CADF;AAUD,CAXD;;AAaA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AAAC,kBAAcC,SAAf;AAA0BC,IAAAA,WAA1B;AAAuCC,IAAAA,UAAvC;AAAmDC,IAAAA;AAAnD,MAAiEJ,KAAvE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAET,eAAMc,aAAtB;AAAqC,kBAAYJ;AAAjD,kBACE;AACE,IAAA,SAAS,EAAEV,eAAMW,WADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACI,MAAAA,MAAM,EAAEJ;AAAT;AAH3B,IADF,eAME;AACE,IAAA,SAAS,EAAEX,eAAMY,UADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACG,MAAAA,MAAM,EAAEH;AAAT;AAH3B,IANF,eAWE,yCACGI,aAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzC,wBACE;AAAI,MAAA,GAAG,EAAG,QAAOA,GAAI,EAArB;AAAwB,MAAA,SAAS,EAAEpB,eAAMqB;AAAzC,oBACE;AAAK,MAAA,SAAS,EAAErB,eAAMsB,qBAAtB;AAA6C,sBAA7C;AAAsD,kBAAS;AAA/D,oBACE;AAAK,MAAA,SAAS,EAAEtB,eAAMuB;AAAtB,OACG1B,OAAO,CAACuB,GAAD,CADV,OACkBD,KAAK,CAACK,IADxB,CADF,eAIE,6BAAC,OAAD;AAAS,MAAA,WAAW,EAAEL,KAAK,CAAChB;AAA5B,MAJF,CADF,CADF;AAUD,GAXA,EAWEU,UAXF,CADH,CAXF,CADF;AA4BD,CA/BD;;AAiCA,MAAMY,SAAN,2CAAkBC,mBAAUC,KAAV,CAAgB;AAChCH,EAAAA,IAAI,EAAEE,mBAAUE,MADgB;AAEhCzB,EAAAA,WAAW,EAAEuB,mBAAUE;AAFS,CAAhB,CAAlB;AAKA1B,OAAO,CAAC2B,SAAR,2CAAoB;AAClB1B,EAAAA,WAAW,EAAEuB,mBAAUE;AADL,CAApB;AAIApB,kBAAkB,CAACqB,SAAnB,2CAA+B;AAC7B,gBAAcH,mBAAUE,MADK;AAE7BjB,EAAAA,WAAW,EAAEe,mBAAUE,MAFM;AAG7BhB,EAAAA,UAAU,EAAEc,mBAAUE,MAHO;AAI7Bf,EAAAA,UAAU,EAAEa,mBAAUC,KAAV,CAAgB;AAC1BtC,IAAAA,MAAM,EAAEoC,SADkB;AAE1BlC,IAAAA,SAAS,EAAEkC,SAFe;AAG1BhC,IAAAA,KAAK,EAAEgC,SAHmB;AAI1B9B,IAAAA,QAAQ,EAAE8B;AAJgB,GAAhB;AAJiB,CAA/B;eAYejB,kB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst getIcon = icon => {\n  const Icon = get(icon, ICONS);\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["ICONS","skills","TargetIcon","questions","QuestionIcon","lifes","HeartIcon","allright","CheckIcon","getIcon","icon","Icon","style","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","map","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","PropTypes","shape","string","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/fp/get';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst getIcon = icon => {\n  const Icon = get(icon, ICONS);\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({tooltipText}) => {\n  return (\n    <div className={style.tooltipContainer}>\n      <div className={style.tooltipIconContainer}>\n        <InformationIcon className={style.informationIcon} width={12} height={12} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{tooltipText}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\">\n                <div className={style.reviewListText}>\n                  {getIcon(key)} {label.text}\n                </div>\n                <ToolTip tooltipText={label.tooltipText} />\n              </div>\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nconst levelItem = PropTypes.shape({\n  text: PropTypes.string,\n  tooltipText: PropTypes.string\n});\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string\n};\n\nReviewPresentation.propTypes = {\n  'aria-label': PropTypes.string,\n  reviewTitle: PropTypes.string,\n  reviewText: PropTypes.string,\n  labelsList: PropTypes.shape({\n    skills: levelItem,\n    questions: levelItem,\n    lifes: levelItem,\n    allright: levelItem\n  })\n};\n\nexport default ReviewPresentation;\n"],"file":"index.js"}

package/lib/atom/review-presentation/style.css

@@ -14,13 +14,14 @@
   font-family: "Gilroy";
   font-style: normal;
   color: cm_blue_900;
+  user-select: none;
 }
 
 .reviewWrapper {
   width: 100%;
-  height: 598px;
   border-radius: 16px;
   background-color: xtraLightGrey;
+  padding-bottom: 40px;
 }
 
 .reviewTitle {
@@ -29,7 +30,6 @@
   font-size: 28px;
   line-height: 36px;
   padding: 40px 40px 16px;
-  height: 72px;
 }
 
 .reviewText {
@@ -39,7 +39,6 @@
   line-height: 22px;
   margin-bottom: 32px;
   padding: 0 40px;
-  height: 198px;
   opacity: 0.7;
   overflow: hidden;
 }
@@ -48,12 +47,16 @@
   list-style: none;
 }
 
+.reviewListWrapper {
+  margin-bottom: 0;
+}
+
 .reviewListItemWrapper {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 16px;
-  margin: 16px 40px 16px 0px;
+  margin: 16px 40px 0 0;
   background: cm_grey_75;
   border-radius: 8px;
 }

package/lib/molecule/course-section/style.css

@@ -19,7 +19,7 @@
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    width: 83%;
+    width: calc(100% - 175px);
 }
 
 .containerInfos {

package/lib/molecule/draggable/style.css

@@ -24,7 +24,8 @@
   content: '.';
   position: absolute;
   left: 23px;
-  top: 5px;
+  top: 50%;
+  transform: translateY(-100%);
   width: 12px;
   font-size: 25px;
   color: medium;

package/lib/molecule/skill-card/style.css

@@ -13,15 +13,15 @@
   display: flex;
   flex-direction: column;
   max-width: 353px;
-  min-width: 245px;
-  height: 242px;
-  box-shadow: 0px 4px 16px box_shadow_light_dark;
+  width: 100%;
+  min-height: 242px;
+  box-shadow: 0 4px 16px box_shadow_light_dark;
   transition: box-shadow 0.15s ease-in-out;
   border-radius: 8px 8px 12px 12px;
 }
 
 .skillCardWrapper:hover {
-  box-shadow: 0px 4px 48px box_shadow_medium_dark;
+  box-shadow: 0 4px 48px box_shadow_medium_dark;
 }
 
 .skillTitle {
@@ -32,9 +32,9 @@
   display: flex;
   align-items: center;
   height: 112px;
-  border-radius: 8px 8px 0px 0px;
+  border-radius: 8px 8px 0 0;
   color: white;
-  padding: 0px 24px;
+  padding: 0 24px;
   user-select: none;
 }
 
@@ -52,9 +52,8 @@
   color: cm_grey_400;
   padding: 16px 24px 24px;
   user-select: none;
-
 }
 
 .buttonWrapper {
-  padding: 0px 24px;
+  padding: 0 24px 24px;
 }

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

@@ -108,7 +108,8 @@ function BrandForm(props, context) {
   }, [onReset]);
   return /*#__PURE__*/_react.default.createElement("div", null, backView, /*#__PURE__*/_react.default.createElement("form", {
     onSubmit: handleSubmit,
-    onReset: handleReset
+    onReset: handleReset,
+    className: _style.default.form
   }, brandGroups, buttonSection));
 }
 

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

@@ -1 +1 @@
-{"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"}
+{"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","form","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} className={style.form}>\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

@@ -12,6 +12,10 @@
   margin: 0 0 32px 0;
 }
 
+.form {
+  margin: 0 0 48px 0;
+}
+
 .group:last-child {
   margin: 0;
 }

package/lib/organism/review-skills/style.css

@@ -37,8 +37,11 @@
 }
 
 .skillCardContainer {
-  margin: 0px 16px 16px 0px;
-  width: 298px;
+  margin: 0 16px 16px 0;
+  max-width: 298px;
+  min-width: 205px;
+  width: 100%;    
+  flex: 1 0 33%;
 }
 
 .noSkillsContainer {
@@ -70,9 +73,9 @@
 }
 
 .imgNoSkills {
-  width: 361px;
   height: 361px;
   margin-top: 48px;
+  width: 361px;
 }
 
 .loaderContainer {
@@ -89,15 +92,25 @@
 }
 
 @media tablet {
-  .skillCardContainer {
-    width: 257px;
+  .titleNoSkills, .textNoSkills {
+    width: 90%;
+  }
+
+  .imgNoSkills {
+    max-width: 361px;
+    max-height: 361px;
+    width: 100%;
+    height: 100%;
   }
 }
 
-@media mobile {
+@media mobile {  
   .skillCardContainer {
-    width: 100%;
-    margin-right: 0px;
+    display: flex;
+    flex: 1 0 100%;
+    justify-content: center;
+    margin-right: 0;
+    max-width: 100%;
   }
 
   .titleNoSkills,

package/lib/organism/review-skills/test/fixtures/many-skills.js

@@ -24,6 +24,45 @@ const listSkills = [_extends(_extends({}, _default2.default.props), {}, {
 }), _extends(_extends({}, _default2.default.props), {}, {
   skillTitle: 'Critical thinking and analysis',
   isCustom: true
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Negotiation and powers of persuasion',
+  isCustom: true
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Digital communication',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Creativity and innovation',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Agility',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Sustainable thinking',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Critical thinking and analysis',
+  isCustom: true
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Negotiation and powers of persuasion',
+  isCustom: true
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Digital communication',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Creativity and innovation',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Agility',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Sustainable thinking',
+  isCustom: false
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Critical thinking and analysis',
+  isCustom: true
+}), _extends(_extends({}, _default2.default.props), {}, {
+  skillTitle: 'Negotiation and powers of persuasion',
+  isCustom: true
 })];
 var _default = {
   props: {

package/lib/organism/review-skills/test/fixtures/many-skills.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["listSkills","cardDefault","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,UAAU,GAAG,uBACbC,kBAAYC,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbH,kBAAYC,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbH,kBAAYC,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbH,kBAAYC,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbH,kBAAYC,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,GAAnB;eAQe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLL,IAAAA,UAHK;AAILM,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,C","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true}\n];\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Container',\n    title: 'Skills you can revise',\n    listSkills,\n    titleNoSkills: undefined,\n    textNoSkills: undefined,\n    iconSkillAriaLabel: undefined\n  }\n};\n"],"file":"many-skills.js"}
+{"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["listSkills","cardDefault","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAMA,UAAU,GAAG,uBACbC,kBAAYC,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbH,kBAAYC,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbH,kBAAYC,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbH,kBAAYC,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbH,kBAAYC,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,0BAMbH,kBAAYC,KANC;AAMMC,EAAAA,UAAU,EAAE,sCANlB;AAM0DC,EAAAA,QAAQ,EAAE;AANpE,0BAObH,kBAAYC,KAPC;AAOMC,EAAAA,UAAU,EAAE,uBAPlB;AAO2CC,EAAAA,QAAQ,EAAE;AAPrD,0BAQbH,kBAAYC,KARC;AAQMC,EAAAA,UAAU,EAAE,2BARlB;AAQ+CC,EAAAA,QAAQ,EAAE;AARzD,0BASbH,kBAAYC,KATC;AASMC,EAAAA,UAAU,EAAE,SATlB;AAS6BC,EAAAA,QAAQ,EAAE;AATvC,0BAUbH,kBAAYC,KAVC;AAUMC,EAAAA,UAAU,EAAE,sBAVlB;AAU0CC,EAAAA,QAAQ,EAAE;AAVpD,0BAWbH,kBAAYC,KAXC;AAWMC,EAAAA,UAAU,EAAE,gCAXlB;AAWoDC,EAAAA,QAAQ,EAAE;AAX9D,0BAYbH,kBAAYC,KAZC;AAYMC,EAAAA,UAAU,EAAE,sCAZlB;AAY0DC,EAAAA,QAAQ,EAAE;AAZpE,0BAabH,kBAAYC,KAbC;AAaMC,EAAAA,UAAU,EAAE,uBAblB;AAa2CC,EAAAA,QAAQ,EAAE;AAbrD,0BAcbH,kBAAYC,KAdC;AAcMC,EAAAA,UAAU,EAAE,2BAdlB;AAc+CC,EAAAA,QAAQ,EAAE;AAdzD,0BAebH,kBAAYC,KAfC;AAeMC,EAAAA,UAAU,EAAE,SAflB;AAe6BC,EAAAA,QAAQ,EAAE;AAfvC,0BAgBbH,kBAAYC,KAhBC;AAgBMC,EAAAA,UAAU,EAAE,sBAhBlB;AAgB0CC,EAAAA,QAAQ,EAAE;AAhBpD,0BAiBbH,kBAAYC,KAjBC;AAiBMC,EAAAA,UAAU,EAAE,gCAjBlB;AAiBoDC,EAAAA,QAAQ,EAAE;AAjB9D,0BAkBbH,kBAAYC,KAlBC;AAkBMC,EAAAA,UAAU,EAAE,sCAlBlB;AAkB0DC,EAAAA,QAAQ,EAAE;AAlBpE,GAAnB;eAqBe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLL,IAAAA,UAHK;AAILM,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,C","sourcesContent":["import cardDefault from '../../../../molecule/skill-card/test/fixtures/default';\n\nconst listSkills = [\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Digital communication', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Creativity and innovation', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Agility', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Sustainable thinking', isCustom: false},\n  {...cardDefault.props, skillTitle: 'Critical thinking and analysis', isCustom: true},\n  {...cardDefault.props, skillTitle: 'Negotiation and powers of persuasion', isCustom: true}\n];\n\nexport default {\n  props: {\n    'aria-label': 'Review Skills Container',\n    title: 'Skills you can revise',\n    listSkills,\n    titleNoSkills: undefined,\n    textNoSkills: undefined,\n    iconSkillAriaLabel: undefined\n  }\n};\n"],"file":"many-skills.js"}