@coorpacademy/components 10.14.5 → 10.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/es/atom/drag-and-drop/index.js +3 -2
  2. package/es/atom/drag-and-drop/index.js.map +1 -1
  3. package/es/atom/drag-and-drop/test/fixtures/with-image.js +2 -1
  4. package/es/atom/drag-and-drop/test/fixtures/with-image.js.map +1 -1
  5. package/es/atom/drag-and-drop/test/fixtures.js +0 -2
  6. package/es/atom/drag-and-drop/test/fixtures.js.map +1 -1
  7. package/es/atom/review-presentation/index.js +3 -1
  8. package/es/atom/review-presentation/index.js.map +1 -1
  9. package/es/atom/review-presentation/style.css +7 -4
  10. package/es/molecule/course-section/style.css +1 -1
  11. package/es/molecule/draggable/style.css +2 -1
  12. package/es/molecule/skill-card/style.css +7 -8
  13. package/es/organism/brand-form/index.js +2 -1
  14. package/es/organism/brand-form/index.js.map +1 -1
  15. package/es/organism/brand-form/style.css +4 -0
  16. package/es/organism/review-skills/style.css +21 -8
  17. package/es/organism/review-skills/test/fixtures/many-skills.js +39 -0
  18. package/es/organism/review-skills/test/fixtures/many-skills.js.map +1 -1
  19. package/es/organism/review-skills/test/fixtures.js +17 -0
  20. package/es/organism/review-skills/test/fixtures.js.map +1 -0
  21. package/es/template/external-course/test/fixtures.js +4 -0
  22. package/es/template/external-course/test/fixtures.js.map +1 -1
  23. package/es/template/review-dashboard-skills/index.js +29 -0
  24. package/es/template/review-dashboard-skills/index.js.map +1 -0
  25. package/es/template/review-dashboard-skills/style.css +60 -0
  26. package/es/template/review-dashboard-skills/test/fixtures/loading.js +10 -0
  27. package/es/template/review-dashboard-skills/test/fixtures/loading.js.map +1 -0
  28. package/es/template/review-dashboard-skills/test/fixtures/many-skills.js +10 -0
  29. package/es/template/review-dashboard-skills/test/fixtures/many-skills.js.map +1 -0
  30. package/es/template/review-dashboard-skills/test/fixtures/no-skills.js +10 -0
  31. package/es/template/review-dashboard-skills/test/fixtures/no-skills.js.map +1 -0
  32. package/es/template/review-dashboard-skills/test/fixtures.js +17 -0
  33. package/es/template/review-dashboard-skills/test/fixtures.js.map +1 -0
  34. package/lib/atom/drag-and-drop/index.js +3 -2
  35. package/lib/atom/drag-and-drop/index.js.map +1 -1
  36. package/lib/atom/drag-and-drop/test/fixtures/with-image.js +2 -1
  37. package/lib/atom/drag-and-drop/test/fixtures/with-image.js.map +1 -1
  38. package/lib/atom/drag-and-drop/test/fixtures.js +0 -3
  39. package/lib/atom/drag-and-drop/test/fixtures.js.map +1 -1
  40. package/lib/atom/review-presentation/index.js +3 -1
  41. package/lib/atom/review-presentation/index.js.map +1 -1
  42. package/lib/atom/review-presentation/style.css +7 -4
  43. package/lib/molecule/course-section/style.css +1 -1
  44. package/lib/molecule/draggable/style.css +2 -1
  45. package/lib/molecule/skill-card/style.css +7 -8
  46. package/lib/organism/brand-form/index.js +2 -1
  47. package/lib/organism/brand-form/index.js.map +1 -1
  48. package/lib/organism/brand-form/style.css +4 -0
  49. package/lib/organism/review-skills/style.css +21 -8
  50. package/lib/organism/review-skills/test/fixtures/many-skills.js +39 -0
  51. package/lib/organism/review-skills/test/fixtures/many-skills.js.map +1 -1
  52. package/lib/organism/review-skills/test/fixtures.js +28 -0
  53. package/lib/organism/review-skills/test/fixtures.js.map +1 -0
  54. package/lib/template/external-course/test/fixtures.js +6 -0
  55. package/lib/template/external-course/test/fixtures.js.map +1 -1
  56. package/lib/template/review-dashboard-skills/index.js +41 -0
  57. package/lib/template/review-dashboard-skills/index.js.map +1 -0
  58. package/lib/template/review-dashboard-skills/style.css +60 -0
  59. package/lib/template/review-dashboard-skills/test/fixtures/loading.js +20 -0
  60. package/lib/template/review-dashboard-skills/test/fixtures/loading.js.map +1 -0
  61. package/lib/template/review-dashboard-skills/test/fixtures/many-skills.js +20 -0
  62. package/lib/template/review-dashboard-skills/test/fixtures/many-skills.js.map +1 -0
  63. package/lib/template/review-dashboard-skills/test/fixtures/no-skills.js +20 -0
  64. package/lib/template/review-dashboard-skills/test/fixtures/no-skills.js.map +1 -0
  65. package/lib/template/review-dashboard-skills/test/fixtures.js +28 -0
  66. package/lib/template/review-dashboard-skills/test/fixtures.js.map +1 -0
  67. package/package.json +2 -2
  68. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures.js +0 -15
  69. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures.js.map +0 -1
  70. package/es/molecule/search/test/fixtures.js +0 -15
  71. package/es/molecule/search/test/fixtures.js.map +0 -1
  72. package/es/organism/playlist-translation/test/fixtures.js +0 -15
  73. package/es/organism/playlist-translation/test/fixtures.js.map +0 -1
  74. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js +0 -25
  75. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js.map +0 -1
  76. package/lib/molecule/search/test/fixtures.js +0 -25
  77. package/lib/molecule/search/test/fixtures.js.map +0 -1
  78. package/lib/organism/playlist-translation/test/fixtures.js +0 -25
  79. package/lib/organism/playlist-translation/test/fixtures.js.map +0 -1
@@ -98,7 +98,7 @@ class DragAndDrop extends React.Component {
98
98
  className: style.resetUploadWrapper
99
99
  }, /*#__PURE__*/React.createElement("div", {
100
100
  className: style.resetSrcLabel
101
- }, previewContent.src), onReset ? /*#__PURE__*/React.createElement(Close, {
101
+ }, previewContent.label ? previewContent.label : previewContent.src), onReset ? /*#__PURE__*/React.createElement(Close, {
102
102
  "data-name": "reset-content-icon",
103
103
  height: 12,
104
104
  width: 12,
@@ -166,7 +166,8 @@ DragAndDrop.propTypes = process.env.NODE_ENV !== "production" ? {
166
166
  previewLabel: PropTypes.string,
167
167
  previewContent: PropTypes.shape({
168
168
  type: PropTypes.string,
169
- src: PropTypes.string
169
+ src: PropTypes.string,
170
+ label: PropTypes.string
170
171
  }),
171
172
  loading: PropTypes.bool,
172
173
  modified: PropTypes.bool,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","Button","getClassState","style","constantNull","DragAndDrop","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","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","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"}
1
+ {"version":3,"sources":["../../../src/atom/drag-and-drop/index.js"],"names":["React","PropTypes","NovaSolidStatusClose","Close","NovaSolidFilesBasicFileUpload2","FileUploadIcon","NovaSolidFilesBasicFileBlock2","FileUploadBlockedIcon","Loader","Button","getClassState","style","constantNull","DragAndDrop","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","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","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"}
@@ -6,7 +6,8 @@ export default {
6
6
  previewLabel: 'File Preview',
7
7
  previewContent: {
8
8
  type: 'image',
9
- src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg'
9
+ src: 'https://static.coorpacademy.com/content/up/raw/logo_coorp-1491560495763.svg',
10
+ label: 'coorp image'
10
11
  }
11
12
  }
12
13
  };
@@ -1 +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":"AAAA,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,CAAf","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"}
1
+ {"version":3,"sources":["../../../../../src/atom/drag-and-drop/test/fixtures/with-image.js"],"names":["props","title","description","uploadLabel","previewLabel","previewContent","type","src","label"],"mappings":"AAAA,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,CAAf","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"}
@@ -11,7 +11,6 @@ import fixtureWithChildren from './fixtures/with-children';
11
11
  import fixtureWithImageReset from './fixtures/with-image-reset';
12
12
  import fixtureWithImage from './fixtures/with-image';
13
13
  import fixtureWithLongDescription from './fixtures/with-long-description';
14
- import fixtureWithSvg from './fixtures/with-svg';
15
14
  import fixtureWithVideo from './fixtures/with-video';
16
15
  test('Atom › AtomDragAndDrop > should have valid propTypes', t => {
17
16
  t.pass();
@@ -28,6 +27,5 @@ test('Atom › AtomDragAndDrop › WithChildren › should be rendered', renderC
28
27
  test('Atom › AtomDragAndDrop › WithImageReset › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImageReset);
29
28
  test('Atom › AtomDragAndDrop › WithImage › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithImage);
30
29
  test('Atom › AtomDragAndDrop › WithLongDescription › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithLongDescription);
31
- test('Atom › AtomDragAndDrop › WithSvg › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithSvg);
32
30
  test('Atom › AtomDragAndDrop › WithVideo › should be rendered', renderComponentMacro, AtomDragAndDrop, fixtureWithVideo);
33
31
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithSvg","fixtureWithVideo","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAd,IAAI,CAAC,sDAAD,EAAyDe,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAf,EAAAA,OAAO,CAACE,eAAe,CAACc,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAnB,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,eAAzF,EAA0GC,uBAA1G,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FG,YAA/F,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGK,eAAlG,CAAJ;AACAR,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGM,mBAAtG,CAAJ;AACAT,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGO,qBAAxG,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGQ,gBAAnG,CAAJ;AACAX,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,eAA5F,EAA6GS,0BAA7G,CAAJ;AACAZ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGU,cAAjG,CAAJ;AACAb,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGW,gBAAnG,CAAJ","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"}
1
+ {"version":3,"sources":["../../../../src/atom/drag-and-drop/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomDragAndDrop","fixtureCleanAndModified","fixtureDefault","fixtureError","fixtureLoading","fixtureModified","fixtureWithChildren","fixtureWithImageReset","fixtureWithImage","fixtureWithLongDescription","fixtureWithVideo","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,eAAP,MAA4B,IAA5B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAb,IAAI,CAAC,sDAAD,EAAyDc,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,eAAe,CAACa,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,eAAzF,EAA0GC,uBAA1G,CAAJ;AACAJ,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGE,cAAjG,CAAJ;AACAL,IAAI,CAAC,qDAAD,EAAwDE,oBAAxD,EAA8EC,eAA9E,EAA+FG,YAA/F,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,eAAhF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,eAAjF,EAAkGK,eAAlG,CAAJ;AACAR,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,eAArF,EAAsGM,mBAAtG,CAAJ;AACAT,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,eAAvF,EAAwGO,qBAAxG,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGQ,gBAAnG,CAAJ;AACAX,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,eAA5F,EAA6GS,0BAA7G,CAAJ;AACAZ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,eAAlF,EAAmGU,gBAAnG,CAAJ","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"}
@@ -58,7 +58,9 @@ const ReviewPresentation = props => {
58
58
  dangerouslySetInnerHTML: {
59
59
  __html: reviewText
60
60
  }
61
- }), /*#__PURE__*/React.createElement("ul", null, map.convert({
61
+ }), /*#__PURE__*/React.createElement("ul", {
62
+ className: style.reviewListWrapper
63
+ }, map.convert({
62
64
  cap: false
63
65
  })((label, key) => {
64
66
  return /*#__PURE__*/React.createElement("li", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","get","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","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>\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"}
1
+ {"version":3,"sources":["../../../src/atom/review-presentation/index.js"],"names":["React","PropTypes","get","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","ICONS","skills","questions","lifes","allright","getIcon","icon","Icon","labelIcon","ToolTip","tooltipText","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","label","key","reviewList","reviewListItemWrapper","reviewListText","text","levelItem","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"}
@@ -14,13 +14,14 @@
14
14
  font-family: "Gilroy";
15
15
  font-style: normal;
16
16
  color: cm_blue_900;
17
+ user-select: none;
17
18
  }
18
19
 
19
20
  .reviewWrapper {
20
21
  width: 100%;
21
- height: 598px;
22
22
  border-radius: 16px;
23
23
  background-color: xtraLightGrey;
24
+ padding-bottom: 40px;
24
25
  }
25
26
 
26
27
  .reviewTitle {
@@ -29,7 +30,6 @@
29
30
  font-size: 28px;
30
31
  line-height: 36px;
31
32
  padding: 40px 40px 16px;
32
- height: 72px;
33
33
  }
34
34
 
35
35
  .reviewText {
@@ -39,7 +39,6 @@
39
39
  line-height: 22px;
40
40
  margin-bottom: 32px;
41
41
  padding: 0 40px;
42
- height: 198px;
43
42
  opacity: 0.7;
44
43
  overflow: hidden;
45
44
  }
@@ -48,12 +47,16 @@
48
47
  list-style: none;
49
48
  }
50
49
 
50
+ .reviewListWrapper {
51
+ margin-bottom: 0;
52
+ }
53
+
51
54
  .reviewListItemWrapper {
52
55
  display: flex;
53
56
  justify-content: space-between;
54
57
  align-items: center;
55
58
  padding: 8px 16px;
56
- margin: 16px 40px 16px 0px;
59
+ margin: 16px 40px 0 0;
57
60
  background: cm_grey_75;
58
61
  border-radius: 8px;
59
62
  }
@@ -19,7 +19,7 @@
19
19
  display: flex;
20
20
  justify-content: flex-start;
21
21
  align-items: center;
22
- width: 83%;
22
+ width: calc(100% - 175px);
23
23
  }
24
24
 
25
25
  .containerInfos {
@@ -24,7 +24,8 @@
24
24
  content: '.';
25
25
  position: absolute;
26
26
  left: 23px;
27
- top: 5px;
27
+ top: 50%;
28
+ transform: translateY(-100%);
28
29
  width: 12px;
29
30
  font-size: 25px;
30
31
  color: medium;
@@ -13,15 +13,15 @@
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  max-width: 353px;
16
- min-width: 245px;
17
- height: 242px;
18
- box-shadow: 0px 4px 16px box_shadow_light_dark;
16
+ width: 100%;
17
+ min-height: 242px;
18
+ box-shadow: 0 4px 16px box_shadow_light_dark;
19
19
  transition: box-shadow 0.15s ease-in-out;
20
20
  border-radius: 8px 8px 12px 12px;
21
21
  }
22
22
 
23
23
  .skillCardWrapper:hover {
24
- box-shadow: 0px 4px 48px box_shadow_medium_dark;
24
+ box-shadow: 0 4px 48px box_shadow_medium_dark;
25
25
  }
26
26
 
27
27
  .skillTitle {
@@ -32,9 +32,9 @@
32
32
  display: flex;
33
33
  align-items: center;
34
34
  height: 112px;
35
- border-radius: 8px 8px 0px 0px;
35
+ border-radius: 8px 8px 0 0;
36
36
  color: white;
37
- padding: 0px 24px;
37
+ padding: 0 24px;
38
38
  user-select: none;
39
39
  }
40
40
 
@@ -52,9 +52,8 @@
52
52
  color: cm_grey_400;
53
53
  padding: 16px 24px 24px;
54
54
  user-select: none;
55
-
56
55
  }
57
56
 
58
57
  .buttonWrapper {
59
- padding: 0px 24px;
58
+ padding: 0 24px 24px;
60
59
  }
@@ -90,7 +90,8 @@ function BrandForm(props, context) {
90
90
  }, [onReset]);
91
91
  return /*#__PURE__*/React.createElement("div", null, backView, /*#__PURE__*/React.createElement("form", {
92
92
  onSubmit: handleSubmit,
93
- onReset: handleReset
93
+ onReset: handleReset,
94
+ className: style.form
94
95
  }, brandGroups, buttonSection));
95
96
  }
96
97
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","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","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","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"}
1
+ {"version":3,"sources":["../../../src/organism/brand-form/index.js"],"names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","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","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","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"}
@@ -12,6 +12,10 @@
12
12
  margin: 0 0 32px 0;
13
13
  }
14
14
 
15
+ .form {
16
+ margin: 0 0 48px 0;
17
+ }
18
+
15
19
  .group:last-child {
16
20
  margin: 0;
17
21
  }
@@ -37,8 +37,11 @@
37
37
  }
38
38
 
39
39
  .skillCardContainer {
40
- margin: 0px 16px 16px 0px;
41
- width: 298px;
40
+ margin: 0 16px 16px 0;
41
+ max-width: 298px;
42
+ min-width: 205px;
43
+ width: 100%;
44
+ flex: 1 0 33%;
42
45
  }
43
46
 
44
47
  .noSkillsContainer {
@@ -70,9 +73,9 @@
70
73
  }
71
74
 
72
75
  .imgNoSkills {
73
- width: 361px;
74
76
  height: 361px;
75
77
  margin-top: 48px;
78
+ width: 361px;
76
79
  }
77
80
 
78
81
  .loaderContainer {
@@ -89,15 +92,25 @@
89
92
  }
90
93
 
91
94
  @media tablet {
92
- .skillCardContainer {
93
- width: 257px;
95
+ .titleNoSkills, .textNoSkills {
96
+ width: 90%;
97
+ }
98
+
99
+ .imgNoSkills {
100
+ max-width: 361px;
101
+ max-height: 361px;
102
+ width: 100%;
103
+ height: 100%;
94
104
  }
95
105
  }
96
106
 
97
- @media mobile {
107
+ @media mobile {
98
108
  .skillCardContainer {
99
- width: 100%;
100
- margin-right: 0px;
109
+ display: flex;
110
+ flex: 1 0 100%;
111
+ justify-content: center;
112
+ margin-right: 0;
113
+ max-width: 100%;
101
114
  }
102
115
 
103
116
  .titleNoSkills,
@@ -16,6 +16,45 @@ const listSkills = [_extends(_extends({}, cardDefault.props), {}, {
16
16
  }), _extends(_extends({}, cardDefault.props), {}, {
17
17
  skillTitle: 'Critical thinking and analysis',
18
18
  isCustom: true
19
+ }), _extends(_extends({}, cardDefault.props), {}, {
20
+ skillTitle: 'Negotiation and powers of persuasion',
21
+ isCustom: true
22
+ }), _extends(_extends({}, cardDefault.props), {}, {
23
+ skillTitle: 'Digital communication',
24
+ isCustom: false
25
+ }), _extends(_extends({}, cardDefault.props), {}, {
26
+ skillTitle: 'Creativity and innovation',
27
+ isCustom: false
28
+ }), _extends(_extends({}, cardDefault.props), {}, {
29
+ skillTitle: 'Agility',
30
+ isCustom: false
31
+ }), _extends(_extends({}, cardDefault.props), {}, {
32
+ skillTitle: 'Sustainable thinking',
33
+ isCustom: false
34
+ }), _extends(_extends({}, cardDefault.props), {}, {
35
+ skillTitle: 'Critical thinking and analysis',
36
+ isCustom: true
37
+ }), _extends(_extends({}, cardDefault.props), {}, {
38
+ skillTitle: 'Negotiation and powers of persuasion',
39
+ isCustom: true
40
+ }), _extends(_extends({}, cardDefault.props), {}, {
41
+ skillTitle: 'Digital communication',
42
+ isCustom: false
43
+ }), _extends(_extends({}, cardDefault.props), {}, {
44
+ skillTitle: 'Creativity and innovation',
45
+ isCustom: false
46
+ }), _extends(_extends({}, cardDefault.props), {}, {
47
+ skillTitle: 'Agility',
48
+ isCustom: false
49
+ }), _extends(_extends({}, cardDefault.props), {}, {
50
+ skillTitle: 'Sustainable thinking',
51
+ isCustom: false
52
+ }), _extends(_extends({}, cardDefault.props), {}, {
53
+ skillTitle: 'Critical thinking and analysis',
54
+ isCustom: true
55
+ }), _extends(_extends({}, cardDefault.props), {}, {
56
+ skillTitle: 'Negotiation and powers of persuasion',
57
+ isCustom: true
19
58
  })];
20
59
  export default {
21
60
  props: {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["cardDefault","listSkills","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,uDAAxB;AAEA,MAAMC,UAAU,GAAG,uBACbD,WAAW,CAACE,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbJ,WAAW,CAACE,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbJ,WAAW,CAACE,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbJ,WAAW,CAACE,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbJ,WAAW,CAACE,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,GAAnB;AAQA,eAAe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLJ,IAAAA,UAHK;AAILK,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,CAAf","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"}
1
+ {"version":3,"sources":["../../../../../src/organism/review-skills/test/fixtures/many-skills.js"],"names":["cardDefault","listSkills","props","skillTitle","isCustom","title","titleNoSkills","undefined","textNoSkills","iconSkillAriaLabel"],"mappings":";;AAAA,OAAOA,WAAP,MAAwB,uDAAxB;AAEA,MAAMC,UAAU,GAAG,uBACbD,WAAW,CAACE,KADC;AACMC,EAAAA,UAAU,EAAE,uBADlB;AAC2CC,EAAAA,QAAQ,EAAE;AADrD,0BAEbJ,WAAW,CAACE,KAFC;AAEMC,EAAAA,UAAU,EAAE,2BAFlB;AAE+CC,EAAAA,QAAQ,EAAE;AAFzD,0BAGbJ,WAAW,CAACE,KAHC;AAGMC,EAAAA,UAAU,EAAE,SAHlB;AAG6BC,EAAAA,QAAQ,EAAE;AAHvC,0BAIbJ,WAAW,CAACE,KAJC;AAIMC,EAAAA,UAAU,EAAE,sBAJlB;AAI0CC,EAAAA,QAAQ,EAAE;AAJpD,0BAKbJ,WAAW,CAACE,KALC;AAKMC,EAAAA,UAAU,EAAE,gCALlB;AAKoDC,EAAAA,QAAQ,EAAE;AAL9D,0BAMbJ,WAAW,CAACE,KANC;AAMMC,EAAAA,UAAU,EAAE,sCANlB;AAM0DC,EAAAA,QAAQ,EAAE;AANpE,0BAObJ,WAAW,CAACE,KAPC;AAOMC,EAAAA,UAAU,EAAE,uBAPlB;AAO2CC,EAAAA,QAAQ,EAAE;AAPrD,0BAQbJ,WAAW,CAACE,KARC;AAQMC,EAAAA,UAAU,EAAE,2BARlB;AAQ+CC,EAAAA,QAAQ,EAAE;AARzD,0BASbJ,WAAW,CAACE,KATC;AASMC,EAAAA,UAAU,EAAE,SATlB;AAS6BC,EAAAA,QAAQ,EAAE;AATvC,0BAUbJ,WAAW,CAACE,KAVC;AAUMC,EAAAA,UAAU,EAAE,sBAVlB;AAU0CC,EAAAA,QAAQ,EAAE;AAVpD,0BAWbJ,WAAW,CAACE,KAXC;AAWMC,EAAAA,UAAU,EAAE,gCAXlB;AAWoDC,EAAAA,QAAQ,EAAE;AAX9D,0BAYbJ,WAAW,CAACE,KAZC;AAYMC,EAAAA,UAAU,EAAE,sCAZlB;AAY0DC,EAAAA,QAAQ,EAAE;AAZpE,0BAabJ,WAAW,CAACE,KAbC;AAaMC,EAAAA,UAAU,EAAE,uBAblB;AAa2CC,EAAAA,QAAQ,EAAE;AAbrD,0BAcbJ,WAAW,CAACE,KAdC;AAcMC,EAAAA,UAAU,EAAE,2BAdlB;AAc+CC,EAAAA,QAAQ,EAAE;AAdzD,0BAebJ,WAAW,CAACE,KAfC;AAeMC,EAAAA,UAAU,EAAE,SAflB;AAe6BC,EAAAA,QAAQ,EAAE;AAfvC,0BAgBbJ,WAAW,CAACE,KAhBC;AAgBMC,EAAAA,UAAU,EAAE,sBAhBlB;AAgB0CC,EAAAA,QAAQ,EAAE;AAhBpD,0BAiBbJ,WAAW,CAACE,KAjBC;AAiBMC,EAAAA,UAAU,EAAE,gCAjBlB;AAiBoDC,EAAAA,QAAQ,EAAE;AAjB9D,0BAkBbJ,WAAW,CAACE,KAlBC;AAkBMC,EAAAA,UAAU,EAAE,sCAlBlB;AAkB0DC,EAAAA,QAAQ,EAAE;AAlBpE,GAAnB;AAqBA,eAAe;AACbF,EAAAA,KAAK,EAAE;AACL,kBAAc,yBADT;AAELG,IAAAA,KAAK,EAAE,uBAFF;AAGLJ,IAAAA,UAHK;AAILK,IAAAA,aAAa,EAAEC,SAJV;AAKLC,IAAAA,YAAY,EAAED,SALT;AAMLE,IAAAA,kBAAkB,EAAEF;AANf;AADM,CAAf","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"}
@@ -0,0 +1,17 @@
1
+ import test from 'ava';
2
+ import forEach from 'lodash/forEach';
3
+ import renderComponentMacro from '../../../test/helpers/render-component';
4
+ import OrganismReviewSkills from '..';
5
+ import fixtureLoading from './fixtures/loading';
6
+ import fixtureManySkills from './fixtures/many-skills';
7
+ import fixtureNoSkills from './fixtures/no-skills';
8
+ test('Organism › OrganismReviewSkills > should have valid propTypes', t => {
9
+ t.pass();
10
+ forEach(OrganismReviewSkills.propTypes, (value, key) => {
11
+ t.not(value, undefined, `PropType for "Organism.OrganismReviewSkills.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
12
+ });
13
+ });
14
+ test('Organism › OrganismReviewSkills › Loading › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureLoading);
15
+ test('Organism › OrganismReviewSkills › ManySkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureManySkills);
16
+ test('Organism › OrganismReviewSkills › NoSkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureNoSkills);
17
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/organism/review-skills/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","OrganismReviewSkills","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,oBAAP,MAAiC,IAAjC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,eAAP,MAA4B,sBAA5B;AAEAN,IAAI,CAAC,+DAAD,EAAkEO,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,oBAAoB,CAACM,SAAtB,EAAiC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACtDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,oBAAzF,EAA+GC,cAA/G,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,oBAA5F,EAAkHE,iBAAlH,CAAJ;AACAL,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,oBAA1F,EAAgHG,eAAhH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport OrganismReviewSkills from '..';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureManySkills from './fixtures/many-skills';\nimport fixtureNoSkills from './fixtures/no-skills';\n\ntest('Organism › OrganismReviewSkills > should have valid propTypes', t => {\n t.pass();\n forEach(OrganismReviewSkills.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Organism.OrganismReviewSkills.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Organism › OrganismReviewSkills › Loading › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureLoading);\ntest('Organism › OrganismReviewSkills › ManySkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureManySkills);\ntest('Organism › OrganismReviewSkills › NoSkills › should be rendered', renderComponentMacro, OrganismReviewSkills, fixtureNoSkills);\n"],"file":"fixtures.js"}
@@ -7,6 +7,8 @@ import fixtureArticle from './fixtures/article';
7
7
  import fixtureDefault from './fixtures/default';
8
8
  import fixtureH5P from './fixtures/h5p';
9
9
  import fixtureLoading from './fixtures/loading';
10
+ import fixturePdfMobile from './fixtures/pdf-mobile';
11
+ import fixturePdfNoMobile from './fixtures/pdf-no-mobile';
10
12
  import fixturePodcastCockpitMode from './fixtures/podcast-cockpit-mode';
11
13
  import fixturePodcastNoBackground from './fixtures/podcast-no-background';
12
14
  import fixturePodcast from './fixtures/podcast';
@@ -23,6 +25,8 @@ test('Template › TemplateExternalCourse › Article › should be rendered', r
23
25
  test('Template › TemplateExternalCourse › Default › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureDefault);
24
26
  test('Template › TemplateExternalCourse › H5P › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureH5P);
25
27
  test('Template › TemplateExternalCourse › Loading › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureLoading);
28
+ test('Template › TemplateExternalCourse › PdfMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfMobile);
29
+ test('Template › TemplateExternalCourse › PdfNoMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfNoMobile);
26
30
  test('Template › TemplateExternalCourse › PodcastCockpitMode › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastCockpitMode);
27
31
  test('Template › TemplateExternalCourse › PodcastNoBackground › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastNoBackground);
28
32
  test('Template › TemplateExternalCourse › Podcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcast);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/external-course/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateExternalCourse","fixtureArabic","fixtureArticle","fixtureDefault","fixtureH5P","fixtureLoading","fixturePodcastCockpitMode","fixturePodcastNoBackground","fixturePodcast","fixtureVideo","fixtureYoutubePodcast","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,sBAAP,MAAmC,IAAnC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAb,IAAI,CAAC,iEAAD,EAAoEc,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAd,EAAAA,OAAO,CAACE,sBAAsB,CAACa,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAlB,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHC,aAAlH,CAAJ;AACAJ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHE,cAAnH,CAAJ;AACAL,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHG,cAAnH,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GI,UAA/G,CAAJ;AACAP,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHK,cAAnH,CAAJ;AACAR,IAAI,CAAC,6EAAD,EAAgFE,oBAAhF,EAAsGC,sBAAtG,EAA8HM,yBAA9H,CAAJ;AACAT,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HO,0BAA/H,CAAJ;AACAV,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHQ,cAAnH,CAAJ;AACAX,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,sBAAzF,EAAiHS,YAAjH,CAAJ;AACAZ,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,sBAAlG,EAA0HU,qBAA1H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateExternalCourse from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureDefault from './fixtures/default';\nimport fixtureH5P from './fixtures/h5p';\nimport fixtureLoading from './fixtures/loading';\nimport fixturePodcastCockpitMode from './fixtures/podcast-cockpit-mode';\nimport fixturePodcastNoBackground from './fixtures/podcast-no-background';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureVideo from './fixtures/video';\nimport fixtureYoutubePodcast from './fixtures/youtube-podcast';\n\ntest('Template › TemplateExternalCourse > should have valid propTypes', t => {\n t.pass();\n forEach(TemplateExternalCourse.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Template.TemplateExternalCourse.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Template › TemplateExternalCourse › Arabic › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArabic);\ntest('Template › TemplateExternalCourse › Article › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArticle);\ntest('Template › TemplateExternalCourse › Default › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureDefault);\ntest('Template › TemplateExternalCourse › H5P › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureH5P);\ntest('Template › TemplateExternalCourse › Loading › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureLoading);\ntest('Template › TemplateExternalCourse › PodcastCockpitMode › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastCockpitMode);\ntest('Template › TemplateExternalCourse › PodcastNoBackground › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastNoBackground);\ntest('Template › TemplateExternalCourse › Podcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcast);\ntest('Template › TemplateExternalCourse › Video › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureVideo);\ntest('Template › TemplateExternalCourse › YoutubePodcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureYoutubePodcast);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/template/external-course/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateExternalCourse","fixtureArabic","fixtureArticle","fixtureDefault","fixtureH5P","fixtureLoading","fixturePdfMobile","fixturePdfNoMobile","fixturePodcastCockpitMode","fixturePodcastNoBackground","fixturePodcast","fixtureVideo","fixtureYoutubePodcast","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,sBAAP,MAAmC,IAAnC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,kBAAP,MAA+B,0BAA/B;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAf,IAAI,CAAC,iEAAD,EAAoEgB,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAhB,EAAAA,OAAO,CAACE,sBAAsB,CAACe,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOApB,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHC,aAAlH,CAAJ;AACAJ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHE,cAAnH,CAAJ;AACAL,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHG,cAAnH,CAAJ;AACAN,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GI,UAA/G,CAAJ;AACAP,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHK,cAAnH,CAAJ;AACAR,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHM,gBAArH,CAAJ;AACAT,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,sBAA/F,EAAuHO,kBAAvH,CAAJ;AACAV,IAAI,CAAC,6EAAD,EAAgFE,oBAAhF,EAAsGC,sBAAtG,EAA8HQ,yBAA9H,CAAJ;AACAX,IAAI,CAAC,8EAAD,EAAiFE,oBAAjF,EAAuGC,sBAAvG,EAA+HS,0BAA/H,CAAJ;AACAZ,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHU,cAAnH,CAAJ;AACAb,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,sBAAzF,EAAiHW,YAAjH,CAAJ;AACAd,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,sBAAlG,EAA0HY,qBAA1H,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateExternalCourse from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureDefault from './fixtures/default';\nimport fixtureH5P from './fixtures/h5p';\nimport fixtureLoading from './fixtures/loading';\nimport fixturePdfMobile from './fixtures/pdf-mobile';\nimport fixturePdfNoMobile from './fixtures/pdf-no-mobile';\nimport fixturePodcastCockpitMode from './fixtures/podcast-cockpit-mode';\nimport fixturePodcastNoBackground from './fixtures/podcast-no-background';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureVideo from './fixtures/video';\nimport fixtureYoutubePodcast from './fixtures/youtube-podcast';\n\ntest('Template › TemplateExternalCourse > should have valid propTypes', t => {\n t.pass();\n forEach(TemplateExternalCourse.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Template.TemplateExternalCourse.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Template › TemplateExternalCourse › Arabic › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArabic);\ntest('Template › TemplateExternalCourse › Article › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureArticle);\ntest('Template › TemplateExternalCourse › Default › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureDefault);\ntest('Template › TemplateExternalCourse › H5P › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureH5P);\ntest('Template › TemplateExternalCourse › Loading › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureLoading);\ntest('Template › TemplateExternalCourse › PdfMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfMobile);\ntest('Template › TemplateExternalCourse › PdfNoMobile › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePdfNoMobile);\ntest('Template › TemplateExternalCourse › PodcastCockpitMode › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastCockpitMode);\ntest('Template › TemplateExternalCourse › PodcastNoBackground › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcastNoBackground);\ntest('Template › TemplateExternalCourse › Podcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixturePodcast);\ntest('Template › TemplateExternalCourse › Video › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureVideo);\ntest('Template › TemplateExternalCourse › YoutubePodcast › should be rendered', renderComponentMacro, TemplateExternalCourse, fixtureYoutubePodcast);\n"],"file":"fixtures.js"}
@@ -0,0 +1,29 @@
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import ReviewPresentation from '../../atom/review-presentation';
4
+ import ReviewSkills from '../../organism/review-skills';
5
+ import style from './style.css';
6
+
7
+ const ReviewDashboardSkills = props => {
8
+ const {
9
+ 'aria-label': ariaLabel,
10
+ reviewPresentation,
11
+ reviewSkills
12
+ } = props;
13
+ return /*#__PURE__*/React.createElement("div", {
14
+ className: style.reviewDashboardContainer,
15
+ "aria-label": ariaLabel
16
+ }, /*#__PURE__*/React.createElement("div", {
17
+ className: style.reviewPresentationContainer
18
+ }, /*#__PURE__*/React.createElement(ReviewPresentation, reviewPresentation)), /*#__PURE__*/React.createElement("div", {
19
+ className: style.reviewSkillsContainer
20
+ }, /*#__PURE__*/React.createElement(ReviewSkills, reviewSkills)));
21
+ };
22
+
23
+ ReviewDashboardSkills.propTypes = process.env.NODE_ENV !== "production" ? {
24
+ 'aria-label': PropTypes.string,
25
+ reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),
26
+ reviewSkills: PropTypes.shape(ReviewSkills.propTypes)
27
+ } : {};
28
+ export default ReviewDashboardSkills;
29
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/template/review-dashboard-skills/index.js"],"names":["React","PropTypes","ReviewPresentation","ReviewSkills","style","ReviewDashboardSkills","props","ariaLabel","reviewPresentation","reviewSkills","reviewDashboardContainer","reviewPresentationContainer","reviewSkillsContainer","propTypes","string","shape"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,gCAA/B;AACA,OAAOC,YAAP,MAAyB,8BAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAAC,kBAAcC,SAAf;AAA0BC,IAAAA,kBAA1B;AAA8CC,IAAAA;AAA9C,MAA8DH,KAApE;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACM,wBAAtB;AAAgD,kBAAYH;AAA5D,kBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACO;AAAtB,kBACE,oBAAC,kBAAD,EAAwBH,kBAAxB,CADF,CADF,eAIE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACQ;AAAtB,kBACE,oBAAC,YAAD,EAAkBH,YAAlB,CADF,CAJF,CADF;AAUD,CAbD;;AAeAJ,qBAAqB,CAACQ,SAAtB,2CAAkC;AAChC,gBAAcZ,SAAS,CAACa,MADQ;AAEhCN,EAAAA,kBAAkB,EAAEP,SAAS,CAACc,KAAV,CAAgBb,kBAAkB,CAACW,SAAnC,CAFY;AAGhCJ,EAAAA,YAAY,EAAER,SAAS,CAACc,KAAV,CAAgBZ,YAAY,CAACU,SAA7B;AAHkB,CAAlC;AAKA,eAAeR,qBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReviewPresentation from '../../atom/review-presentation';\nimport ReviewSkills from '../../organism/review-skills';\nimport style from './style.css';\n\nconst ReviewDashboardSkills = props => {\n const {'aria-label': ariaLabel, reviewPresentation, reviewSkills} = props;\n\n return (\n <div className={style.reviewDashboardContainer} aria-label={ariaLabel}>\n <div className={style.reviewPresentationContainer}>\n <ReviewPresentation {...reviewPresentation} />\n </div>\n <div className={style.reviewSkillsContainer}>\n <ReviewSkills {...reviewSkills} />\n </div>\n </div>\n );\n};\n\nReviewDashboardSkills.propTypes = {\n 'aria-label': PropTypes.string,\n reviewPresentation: PropTypes.shape(ReviewPresentation.propTypes),\n reviewSkills: PropTypes.shape(ReviewSkills.propTypes)\n};\nexport default ReviewDashboardSkills;\n"],"file":"index.js"}