@coorpacademy/components 10.13.3 → 10.13.6

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 (123) hide show
  1. package/es/atom/button-link-icon-only/index.js +19 -4
  2. package/es/atom/button-link-icon-only/index.js.map +1 -1
  3. package/es/atom/button-link-icon-only/style.css +29 -0
  4. package/es/atom/button-link-icon-only/test/button-link-icon-only.js +15 -0
  5. package/es/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -1
  6. package/es/atom/button-link-icon-only/test/fixtures/review-header.js +10 -0
  7. package/es/atom/button-link-icon-only/test/fixtures/review-header.js.map +1 -0
  8. package/es/atom/button-link-icon-only/test/fixtures.js +2 -0
  9. package/es/atom/button-link-icon-only/test/fixtures.js.map +1 -1
  10. package/es/atom/checkbox-with-title/test/fixtures.js +15 -0
  11. package/es/atom/checkbox-with-title/test/fixtures.js.map +1 -0
  12. package/es/atom/input-text/style.css +1 -1
  13. package/es/atom/input-text-with-title/index.js +4 -2
  14. package/es/atom/input-text-with-title/index.js.map +1 -1
  15. package/es/atom/input-text-with-title/style.css +6 -2
  16. package/es/atom/input-text-with-title/test/fixtures/error.js +3 -1
  17. package/es/atom/input-text-with-title/test/fixtures/error.js.map +1 -1
  18. package/es/atom/input-text-with-title/test/fixtures.js +15 -0
  19. package/es/atom/input-text-with-title/test/fixtures.js.map +1 -0
  20. package/es/atom/review-header-step-item/index.js +3 -3
  21. package/es/atom/review-header-step-item/index.js.map +1 -1
  22. package/es/atom/review-header-step-item/style.css +4 -3
  23. package/es/atom/review-header-step-item/test/fixtures.js +19 -0
  24. package/es/atom/review-header-step-item/test/fixtures.js.map +1 -0
  25. package/es/molecule/course-sections/style.css +1 -1
  26. package/es/molecule/course-sections/test/fixtures.js +2 -0
  27. package/es/molecule/course-sections/test/fixtures.js.map +1 -1
  28. package/es/molecule/dashboard/review-banner/test/fixtures.js +13 -0
  29. package/es/molecule/dashboard/review-banner/test/fixtures.js.map +1 -0
  30. package/es/molecule/drag-and-drop-wrapper/index.js +39 -0
  31. package/es/molecule/drag-and-drop-wrapper/index.js.map +1 -0
  32. package/es/molecule/drag-and-drop-wrapper/style.css +15 -0
  33. package/es/molecule/drag-and-drop-wrapper/test/fixtures/default.js +9 -0
  34. package/es/molecule/drag-and-drop-wrapper/test/fixtures/default.js.map +1 -0
  35. package/es/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js +10 -0
  36. package/es/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js.map +1 -0
  37. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures.js +15 -0
  38. package/es/molecule/input-text-with-titeled-checkbox/test/fixtures.js.map +1 -0
  39. package/es/molecule/review-correction-popin/test/fixtures.js +15 -0
  40. package/es/molecule/review-correction-popin/test/fixtures.js.map +1 -0
  41. package/es/molecule/review-header-steps/test/fixtures.js +23 -0
  42. package/es/molecule/review-header-steps/test/fixtures.js.map +1 -0
  43. package/es/organism/review-header/index.js +68 -0
  44. package/es/organism/review-header/index.js.map +1 -0
  45. package/es/organism/review-header/style.css +138 -0
  46. package/es/organism/review-header/test/fixtures/all-questions-ok.js +16 -0
  47. package/es/organism/review-header/test/fixtures/all-questions-ok.js.map +1 -0
  48. package/es/organism/review-header/test/fixtures/current-question-no-answered.js +12 -0
  49. package/es/organism/review-header/test/fixtures/current-question-no-answered.js.map +1 -0
  50. package/es/organism/review-header/test/fixtures/current-question-wrong.js +10 -0
  51. package/es/organism/review-header/test/fixtures/current-question-wrong.js.map +1 -0
  52. package/es/organism/review-header/test/fixtures/first-question-current-right.js +10 -0
  53. package/es/organism/review-header/test/fixtures/first-question-current-right.js.map +1 -0
  54. package/es/organism/review-header/test/fixtures/no-answered-question.js +10 -0
  55. package/es/organism/review-header/test/fixtures/no-answered-question.js.map +1 -0
  56. package/es/organism/review-header/test/fixtures/question-to-repeat.js +10 -0
  57. package/es/organism/review-header/test/fixtures/question-to-repeat.js.map +1 -0
  58. package/es/organism/review-header/test/fixtures.js +23 -0
  59. package/es/organism/review-header/test/fixtures.js.map +1 -0
  60. package/es/organism/review-header/test/review-header.js +40 -0
  61. package/es/organism/review-header/test/review-header.js.map +1 -0
  62. package/lib/atom/button-link-icon-only/index.js +19 -4
  63. package/lib/atom/button-link-icon-only/index.js.map +1 -1
  64. package/lib/atom/button-link-icon-only/style.css +29 -0
  65. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js +14 -0
  66. package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map +1 -1
  67. package/lib/atom/button-link-icon-only/test/fixtures/review-header.js +15 -0
  68. package/lib/atom/button-link-icon-only/test/fixtures/review-header.js.map +1 -0
  69. package/lib/atom/button-link-icon-only/test/fixtures.js +3 -0
  70. package/lib/atom/button-link-icon-only/test/fixtures.js.map +1 -1
  71. package/lib/atom/checkbox-with-title/test/fixtures.js +25 -0
  72. package/lib/atom/checkbox-with-title/test/fixtures.js.map +1 -0
  73. package/lib/atom/input-text/style.css +1 -1
  74. package/lib/atom/input-text-with-title/index.js +4 -2
  75. package/lib/atom/input-text-with-title/index.js.map +1 -1
  76. package/lib/atom/input-text-with-title/style.css +6 -2
  77. package/lib/atom/input-text-with-title/test/fixtures/error.js +3 -1
  78. package/lib/atom/input-text-with-title/test/fixtures/error.js.map +1 -1
  79. package/lib/atom/input-text-with-title/test/fixtures.js +25 -0
  80. package/lib/atom/input-text-with-title/test/fixtures.js.map +1 -0
  81. package/lib/atom/review-header-step-item/index.js +3 -3
  82. package/lib/atom/review-header-step-item/index.js.map +1 -1
  83. package/lib/atom/review-header-step-item/style.css +4 -3
  84. package/lib/atom/review-header-step-item/test/fixtures.js +31 -0
  85. package/lib/atom/review-header-step-item/test/fixtures.js.map +1 -0
  86. package/lib/molecule/course-sections/style.css +1 -1
  87. package/lib/molecule/course-sections/test/fixtures.js +3 -0
  88. package/lib/molecule/course-sections/test/fixtures.js.map +1 -1
  89. package/lib/molecule/dashboard/review-banner/test/fixtures.js +22 -0
  90. package/lib/molecule/dashboard/review-banner/test/fixtures.js.map +1 -0
  91. package/lib/molecule/drag-and-drop-wrapper/index.js +49 -0
  92. package/lib/molecule/drag-and-drop-wrapper/index.js.map +1 -0
  93. package/lib/molecule/drag-and-drop-wrapper/style.css +15 -0
  94. package/lib/molecule/drag-and-drop-wrapper/test/fixtures/default.js +19 -0
  95. package/lib/molecule/drag-and-drop-wrapper/test/fixtures/default.js.map +1 -0
  96. package/lib/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js +21 -0
  97. package/lib/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js.map +1 -0
  98. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js +25 -0
  99. package/lib/molecule/input-text-with-titeled-checkbox/test/fixtures.js.map +1 -0
  100. package/lib/molecule/review-correction-popin/test/fixtures.js +25 -0
  101. package/lib/molecule/review-correction-popin/test/fixtures.js.map +1 -0
  102. package/lib/molecule/review-header-steps/test/fixtures.js +37 -0
  103. package/lib/molecule/review-header-steps/test/fixtures.js.map +1 -0
  104. package/lib/organism/review-header/index.js +81 -0
  105. package/lib/organism/review-header/index.js.map +1 -0
  106. package/lib/organism/review-header/style.css +138 -0
  107. package/lib/organism/review-header/test/fixtures/all-questions-ok.js +26 -0
  108. package/lib/organism/review-header/test/fixtures/all-questions-ok.js.map +1 -0
  109. package/lib/organism/review-header/test/fixtures/current-question-no-answered.js +22 -0
  110. package/lib/organism/review-header/test/fixtures/current-question-no-answered.js.map +1 -0
  111. package/lib/organism/review-header/test/fixtures/current-question-wrong.js +20 -0
  112. package/lib/organism/review-header/test/fixtures/current-question-wrong.js.map +1 -0
  113. package/lib/organism/review-header/test/fixtures/first-question-current-right.js +20 -0
  114. package/lib/organism/review-header/test/fixtures/first-question-current-right.js.map +1 -0
  115. package/lib/organism/review-header/test/fixtures/no-answered-question.js +20 -0
  116. package/lib/organism/review-header/test/fixtures/no-answered-question.js.map +1 -0
  117. package/lib/organism/review-header/test/fixtures/question-to-repeat.js +20 -0
  118. package/lib/organism/review-header/test/fixtures/question-to-repeat.js.map +1 -0
  119. package/lib/organism/review-header/test/fixtures.js +37 -0
  120. package/lib/organism/review-header/test/fixtures.js.map +1 -0
  121. package/lib/organism/review-header/test/review-header.js +51 -0
  122. package/lib/organism/review-header/test/review-header.js.map +1 -0
  123. package/package.json +2 -2
@@ -1,6 +1,9 @@
1
+ @value breakpoints: "../../variables/breakpoints.css";
2
+ @value tablet from breakpoints;
1
3
  @value colors: "../../variables/colors.css";
2
4
  @value cm_grey_100 from colors;
3
5
  @value cm_grey_200 from colors;
6
+ @value white from colors;
4
7
 
5
8
  .button {
6
9
  font-family: Gilroy;
@@ -46,6 +49,18 @@
46
49
  border-radius: 7px;
47
50
  }
48
51
 
52
+ .responsive {
53
+ composes: button;
54
+ width: 44px;
55
+ height: 44px;
56
+ border-radius: 7px;
57
+ }
58
+
59
+ .responsive .icon {
60
+ width: 14px;
61
+ height: 14px;
62
+ }
63
+
49
64
  .small {
50
65
  composes: button;
51
66
  width: 32px;
@@ -53,6 +68,20 @@
53
68
  border-radius: 5px;
54
69
  }
55
70
 
71
+ @media tablet {
72
+ .responsive {
73
+ composes: button;
74
+ width: 32px;
75
+ height: 32px;
76
+ border-radius: 5px;
77
+ }
78
+
79
+ .responsive .icon {
80
+ width: 12px;
81
+ height: 12px;
82
+ }
83
+ }
84
+
56
85
  .default .icon {
57
86
  width: 14px;
58
87
  height: 14px;
@@ -18,6 +18,8 @@ var _buttonIconBullet = _interopRequireDefault(require("./fixtures/button-icon-b
18
18
 
19
19
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
20
 
21
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
22
+
21
23
  (0, _browserEnv.default)();
22
24
  (0, _enzyme.configure)({
23
25
  adapter: new _enzymeAdapterReact.default()
@@ -34,4 +36,16 @@ const translate = _identity2.default;
34
36
  button.first().simulate('click', {});
35
37
  t.pass();
36
38
  });
39
+ (0, _ava.default)('should mount ButtonLinkIconOnly even if the className does not exist', t => {
40
+ const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _extends({}, _buttonIconBullet.default.props, {
41
+ className: 'noClass'
42
+ })), {
43
+ context: {
44
+ translate
45
+ }
46
+ });
47
+ const button = wrapper.find('[data-name="bullet-button"]');
48
+ t.true(button.exists());
49
+ t.pass();
50
+ });
37
51
  //# sourceMappingURL=button-link-icon-only.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAwBC,0BAAeC,KAAvC,CAAR,EAA0D;AACxEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AAD+D,GAA1D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n context: {translate}\n });\n const button = wrapper.find('[data-name=\"bullet-button\"]');\n t.true(button.exists());\n button.first().simulate('click', {});\n t.pass();\n});\n"],"file":"button-link-icon-only.js"}
1
+ {"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAwBC,0BAAeC,KAAvC,CAAR,EAA0D;AACxEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AAD+D,GAA1D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD;AAUA,kBAAK,sEAAL,EAA6EX,CAAC,IAAI;AAChF,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,eAAwBC,0BAAeC,KAAvC;AAA8C,IAAA,SAAS,EAAE;AAAzD,KAAR,EAAgF;AAC9FC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADqF,GAAhF,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAR,EAAAA,CAAC,CAACW,IAAF;AACD,CAPD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n context: {translate}\n });\n const button = wrapper.find('[data-name=\"bullet-button\"]');\n t.true(button.exists());\n button.first().simulate('click', {});\n t.pass();\n});\n\ntest('should mount ButtonLinkIconOnly even if the className does not exist', t => {\n const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} className={'noClass'} />, {\n context: {translate}\n });\n const button = wrapper.find('[data-name=\"bullet-button\"]');\n t.true(button.exists());\n t.pass();\n});\n"],"file":"button-link-icon-only.js"}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ var _default = {
6
+ props: {
7
+ size: 'responsive',
8
+ 'data-name': 'default-button',
9
+ 'aria-label': 'aria button',
10
+ icon: 'close',
11
+ onClick: () => console.log('click')
12
+ }
13
+ };
14
+ exports.default = _default;
15
+ //# sourceMappingURL=review-header.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/review-header.js"],"names":["props","size","icon","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,YADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE,OAJD;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n props: {\n size: 'responsive',\n 'data-name': 'default-button',\n 'aria-label': 'aria button',\n icon: 'close',\n onClick: () => console.log('click')\n }\n};\n"],"file":"review-header.js"}
@@ -14,6 +14,8 @@ var _default = _interopRequireDefault(require("./fixtures/default"));
14
14
 
15
15
  var _noIcon = _interopRequireDefault(require("./fixtures/no-icon"));
16
16
 
17
+ var _reviewHeader = _interopRequireDefault(require("./fixtures/review-header"));
18
+
17
19
  var _smallButtonDisabled = _interopRequireDefault(require("./fixtures/small-button-disabled"));
18
20
 
19
21
  var _smallLinkDownload = _interopRequireDefault(require("./fixtures/small-link-download"));
@@ -29,6 +31,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
29
31
  (0, _ava.default)('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', _renderComponent.default, _.default, _buttonIconBullet.default);
30
32
  (0, _ava.default)('Atom › AtomButtonLinkIconOnly › Default › should be rendered', _renderComponent.default, _.default, _default.default);
31
33
  (0, _ava.default)('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', _renderComponent.default, _.default, _noIcon.default);
34
+ (0, _ava.default)('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', _renderComponent.default, _.default, _reviewHeader.default);
32
35
  (0, _ava.default)('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', _renderComponent.default, _.default, _smallButtonDisabled.default);
33
36
  (0, _ava.default)('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', _renderComponent.default, _.default, _smallLinkDownload.default);
34
37
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["t","pass","AtomButtonLinkIconOnly","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureSmallButtonDisabled","fixtureSmallLinkDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA4HO,yBAA5H;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAAmHQ,gBAAnH;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAAkHS,eAAlH;AACA,kBAAK,0EAAL,EAAiFH,wBAAjF,EAAuGN,SAAvG,EAA+HU,4BAA/H;AACA,kBAAK,wEAAL,EAA+EJ,wBAA/E,EAAqGN,SAArG,EAA6HW,0BAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n t.pass();\n forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["t","pass","AtomButtonLinkIconOnly","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureReviewHeader","fixtureSmallButtonDisabled","fixtureSmallLinkDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA4HO,yBAA5H;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAAmHQ,gBAAnH;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAAkHS,eAAlH;AACA,kBAAK,mEAAL,EAA0EH,wBAA1E,EAAgGN,SAAhG,EAAwHU,qBAAxH;AACA,kBAAK,0EAAL,EAAiFJ,wBAAjF,EAAuGN,SAAvG,EAA+HW,4BAA/H;AACA,kBAAK,wEAAL,EAA+EL,wBAA/E,EAAqGN,SAArG,EAA6HY,0BAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureReviewHeader from './fixtures/review-header';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n t.pass();\n forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › ReviewHeader › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureReviewHeader);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _checked = _interopRequireDefault(require("./fixtures/checked"));
12
+
13
+ var _unchecked = _interopRequireDefault(require("./fixtures/unchecked"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+
17
+ (0, _ava.default)('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {
18
+ t.pass();
19
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
20
+ t.not(value, undefined, `PropType for "Atom.AtomCheckboxWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
21
+ });
22
+ });
23
+ (0, _ava.default)('Atom › AtomCheckboxWithTitle › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
24
+ (0, _ava.default)('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', _renderComponent.default, _.default, _unchecked.default);
25
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/checkbox-with-title/test/fixtures.js"],"names":["t","pass","AtomCheckboxWithTitle","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureUnchecked"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAsBC,SAA9B,EAAyC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACvDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAAiHO,gBAAjH;AACA,kBAAK,+DAAL,EAAsED,wBAAtE,EAA4FN,SAA5F,EAAmHQ,kBAAnH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomCheckboxWithTitle from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureUnchecked from './fixtures/unchecked';\n\ntest('Atom › AtomCheckboxWithTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomCheckboxWithTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomCheckboxWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomCheckboxWithTitle › Checked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureChecked);\ntest('Atom › AtomCheckboxWithTitle › Unchecked › should be rendered', renderComponentMacro, AtomCheckboxWithTitle, fixtureUnchecked);\n"],"file":"fixtures.js"}
@@ -194,7 +194,7 @@
194
194
  flex-direction: column;
195
195
  align-items: flex-start;
196
196
  position: relative;
197
- height: 64px;
197
+ height: 100%;
198
198
  }
199
199
 
200
200
  .coorpmanager .title {
@@ -22,6 +22,7 @@ const InputTextWithTitle = props => {
22
22
  'data-name': dataName,
23
23
  'aria-label': ariaLabel
24
24
  } = props;
25
+ const inputTextClass = inputText.size === 'small' ? _style.default.smallInputText : _style.default.defaultInputText;
25
26
  return /*#__PURE__*/_react.default.createElement("div", {
26
27
  className: _style.default.container,
27
28
  "data-name": dataName,
@@ -29,13 +30,14 @@ const InputTextWithTitle = props => {
29
30
  }, /*#__PURE__*/_react.default.createElement("span", {
30
31
  className: _style.default.title
31
32
  }, title), /*#__PURE__*/_react.default.createElement("div", {
32
- className: _style.default.inputText
33
+ className: inputTextClass
33
34
  }, /*#__PURE__*/_react.default.createElement(_inputText.default, inputText)));
34
35
  };
35
36
 
36
37
  InputTextWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
37
38
  inputText: _propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
38
- theme: _propTypes.default.string
39
+ theme: _propTypes.default.string,
40
+ size: _propTypes.default.string
39
41
  })),
40
42
  title: _propTypes.default.string,
41
43
  'aria-label': _propTypes.default.string,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/input-text-with-title/index.js"],"names":["InputTextWithTitle","props","inputText","title","dataName","ariaLabel","style","container","propTypes","PropTypes","shape","InputText","theme","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA,KAAZ;AAAmB,iBAAaC,QAAhC;AAA0C,kBAAcC;AAAxD,MAAqEJ,KAA3E;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC,SAAtB;AAAiC,iBAAWH,QAA5C;AAAsD,kBAAYC;AAAlE,kBACE;AAAM,IAAA,SAAS,EAAEC,eAAMH;AAAvB,KAA+BA,KAA/B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEG,eAAMJ;AAAtB,kBACE,6BAAC,kBAAD,EAAeA,SAAf,CADF,CAFF,CADF;AAQD,CAXD;;AAaAF,kBAAkB,CAACQ,SAAnB,2CAA+B;AAC7BN,EAAAA,SAAS,EAAEO,mBAAUC,KAAV,uBAAoBC,mBAAUH,SAA9B;AAAyCI,IAAAA,KAAK,EAAEH,mBAAUI;AAA1D,KADkB;AAE7BV,EAAAA,KAAK,EAAEM,mBAAUI,MAFY;AAG7B,gBAAcJ,mBAAUI,MAHK;AAI7B,eAAaJ,mBAAUI;AAJM,CAA/B;eAMeb,kB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n\n return (\n <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n <span className={style.title}>{title}</span>\n <div className={style.inputText}>\n <InputText {...inputText} />\n </div>\n </div>\n );\n};\n\nInputTextWithTitle.propTypes = {\n inputText: PropTypes.shape({...InputText.propTypes, theme: PropTypes.string}),\n title: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/input-text-with-title/index.js"],"names":["InputTextWithTitle","props","inputText","title","dataName","ariaLabel","inputTextClass","size","style","smallInputText","defaultInputText","container","propTypes","PropTypes","shape","InputText","theme","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AAACC,IAAAA,SAAD;AAAYC,IAAAA,KAAZ;AAAmB,iBAAaC,QAAhC;AAA0C,kBAAcC;AAAxD,MAAqEJ,KAA3E;AACA,QAAMK,cAAc,GAAGJ,SAAS,CAACK,IAAV,KAAmB,OAAnB,GAA6BC,eAAMC,cAAnC,GAAoDD,eAAME,gBAAjF;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEF,eAAMG,SAAtB;AAAiC,iBAAWP,QAA5C;AAAsD,kBAAYC;AAAlE,kBACE;AAAM,IAAA,SAAS,EAAEG,eAAML;AAAvB,KAA+BA,KAA/B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEG;AAAhB,kBACE,6BAAC,kBAAD,EAAeJ,SAAf,CADF,CAFF,CADF;AAQD,CAZD;;AAcAF,kBAAkB,CAACY,SAAnB,2CAA+B;AAC7BV,EAAAA,SAAS,EAAEW,mBAAUC,KAAV,uBACNC,mBAAUH,SADJ;AAETI,IAAAA,KAAK,EAAEH,mBAAUI,MAFR;AAGTV,IAAAA,IAAI,EAAEM,mBAAUI;AAHP,KADkB;AAM7Bd,EAAAA,KAAK,EAAEU,mBAAUI,MANY;AAO7B,gBAAcJ,mBAAUI,MAPK;AAQ7B,eAAaJ,mBAAUI;AARM,CAA/B;eAUejB,kB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputText from '../input-text';\nimport style from './style.css';\n\nconst InputTextWithTitle = props => {\n const {inputText, title, 'data-name': dataName, 'aria-label': ariaLabel} = props;\n const inputTextClass = inputText.size === 'small' ? style.smallInputText : style.defaultInputText;\n\n return (\n <div className={style.container} data-name={dataName} aria-label={ariaLabel}>\n <span className={style.title}>{title}</span>\n <div className={inputTextClass}>\n <InputText {...inputText} />\n </div>\n </div>\n );\n};\n\nInputTextWithTitle.propTypes = {\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string,\n size: PropTypes.string\n }),\n title: PropTypes.string,\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string\n};\nexport default InputTextWithTitle;\n"],"file":"index.js"}
@@ -19,6 +19,10 @@
19
19
  font-style: normal;
20
20
  }
21
21
 
22
- .inputText {
23
- width: 173px;
22
+ .defaultInputText {
23
+ width: 100%;
24
+ }
25
+
26
+ .smallInputText {
27
+ width: 218px;
24
28
  }
@@ -13,8 +13,10 @@ var _default = {
13
13
  props: {
14
14
  title: 'Mandatory courses to complete certification',
15
15
  inputText: _extends(_extends({}, _cmDefault.default.props), {}, {
16
+ title: 'Amount (6 items max)',
16
17
  error: 'this is error',
17
- hint: ''
18
+ hint: '',
19
+ size: 'small'
18
20
  })
19
21
  }
20
22
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/atom/input-text-with-title/test/fixtures/error.js"],"names":["props","title","inputText","error","hint"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,6CADF;AAELC,IAAAA,SAAS,wBAAMA,mBAAUF,KAAhB;AAAuBG,MAAAA,KAAK,EAAE,eAA9B;AAA+CC,MAAAA,IAAI,EAAE;AAArD;AAFJ;AADM,C","sourcesContent":["import inputText from '../../../input-text/test/fixtures/cm-default';\n\nexport default {\n props: {\n title: 'Mandatory courses to complete certification',\n inputText: {...inputText.props, error: 'this is error', hint: ''}\n }\n};\n"],"file":"error.js"}
1
+ {"version":3,"sources":["../../../../../src/atom/input-text-with-title/test/fixtures/error.js"],"names":["props","title","inputText","error","hint","size"],"mappings":";;;;;AAAA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,6CADF;AAELC,IAAAA,SAAS,wBACJA,mBAAUF,KADN;AAEPC,MAAAA,KAAK,EAAE,sBAFA;AAGPE,MAAAA,KAAK,EAAE,eAHA;AAIPC,MAAAA,IAAI,EAAE,EAJC;AAKPC,MAAAA,IAAI,EAAE;AALC;AAFJ;AADM,C","sourcesContent":["import inputText from '../../../input-text/test/fixtures/cm-default';\n\nexport default {\n props: {\n title: 'Mandatory courses to complete certification',\n inputText: {\n ...inputText.props,\n title: 'Amount (6 items max)',\n error: 'this is error',\n hint: '',\n size: 'small'\n }\n }\n};\n"],"file":"error.js"}
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _default = _interopRequireDefault(require("./fixtures/default"));
12
+
13
+ var _error = _interopRequireDefault(require("./fixtures/error"));
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
+
17
+ (0, _ava.default)('Atom › AtomInputTextWithTitle > should have valid propTypes', t => {
18
+ t.pass();
19
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
20
+ t.not(value, undefined, `PropType for "Atom.AtomInputTextWithTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
21
+ });
22
+ });
23
+ (0, _ava.default)('Atom › AtomInputTextWithTitle › Default › should be rendered', _renderComponent.default, _.default, _default.default);
24
+ (0, _ava.default)('Atom › AtomInputTextWithTitle › Error › should be rendered', _renderComponent.default, _.default, _error.default);
25
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/input-text-with-title/test/fixtures.js"],"names":["t","pass","AtomInputTextWithTitle","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureError"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,8DAAL,EAAqEG,wBAArE,EAA2FN,SAA3F,EAAmHO,gBAAnH;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAAiHQ,cAAjH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputTextWithTitle from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureError from './fixtures/error';\n\ntest('Atom › AtomInputTextWithTitle > should have valid propTypes', t => {\n t.pass();\n forEach(AtomInputTextWithTitle.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomInputTextWithTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomInputTextWithTitle › Default › should be rendered', renderComponentMacro, AtomInputTextWithTitle, fixtureDefault);\ntest('Atom › AtomInputTextWithTitle › Error › should be rendered', renderComponentMacro, AtomInputTextWithTitle, fixtureError);\n"],"file":"fixtures.js"}
@@ -32,7 +32,7 @@ const Content = ({
32
32
  className: _style.default.value,
33
33
  "aria-label": `step ${value}`
34
34
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
35
- className: current ? _style.default.currentRightIcon : _style.default.rightIcon
35
+ className: (0, _classnames.default)(_style.default.rightIcon, current && _style.default.currentRightIcon)
36
36
  }));
37
37
  }
38
38
 
@@ -41,7 +41,7 @@ const Content = ({
41
41
  className: _style.default.value,
42
42
  "aria-label": `step ${value}`
43
43
  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
44
- className: current ? _style.default.currentWrongIcon : _style.default.wrongIcon
44
+ className: (0, _classnames.default)(_style.default.wrongIcon, current && _style.default.currentWrongIcon)
45
45
  }));
46
46
  }
47
47
  };
@@ -52,7 +52,7 @@ const ReviewHeaderStepItem = props => {
52
52
  current
53
53
  } = props;
54
54
  return /*#__PURE__*/_react.default.createElement("div", {
55
- className: (0, _classnames.default)(icon === 'right' ? _style.default.right : null, icon === 'wrong' ? _style.default.wrong : null, current ? _style.default.current : _style.default.default),
55
+ className: (0, _classnames.default)(_style.default.default, icon === 'right' && _style.default.right, icon === 'wrong' && _style.default.wrong, current && _style.default.current),
56
56
  "data-name": "header-step-item"
57
57
  }, /*#__PURE__*/_react.default.createElement(Content, props));
58
58
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["Content","icon","current","value","style","currentRightIcon","rightIcon","currentWrongIcon","wrongIcon","ReviewHeaderStepItem","props","right","wrong","default","propTypes","PropTypes","string","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAI,CAACF,IAAL,EAAW;AACT,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,2CAAD;AAAW,MAAA,SAAS,EAAED,OAAO,GAAGE,eAAMC,gBAAT,GAA4BD,eAAME;AAA/D,MADF,CADF;AAKD;;AAED,MAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,+BAAD;AAAW,MAAA,SAAS,EAAED,OAAO,GAAGE,eAAMG,gBAAT,GAA4BH,eAAMI;AAA/D,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTT,IAAI,KAAK,OAAT,GAAmBG,eAAMO,KAAzB,GAAiC,IADxB,EAETV,IAAI,KAAK,OAAT,GAAmBG,eAAMQ,KAAzB,GAAiC,IAFxB,EAGTV,OAAO,GAAGE,eAAMF,OAAT,GAAmBE,eAAMS,OAHvB,CADb;AAME,iBAAU;AANZ,kBAQE,6BAAC,OAAD,EAAaH,KAAb,CARF,CADF;AAYD,CAdD;;AAgBAD,oBAAoB,CAACK,SAArB,2CAAiC;AAC/Bb,EAAAA,IAAI,EAAEc,mBAAUC,MADe;AAE/Bd,EAAAA,OAAO,EAAEa,mBAAUE,IAFY;AAG/Bd,EAAAA,KAAK,EAAEY,mBAAUC;AAHc,CAAjC;eAMeP,oB","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Content = ({icon, current, value}) => {\n if (!icon) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n {value}\n </span>\n );\n }\n\n if (icon === 'right') {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <RightIcon className={current ? style.currentRightIcon : style.rightIcon} />\n </span>\n );\n }\n\n if (icon === 'wrong') {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <WrongIcon className={current ? style.currentWrongIcon : style.wrongIcon} />\n </span>\n );\n }\n};\n\nconst ReviewHeaderStepItem = props => {\n const {icon, current} = props;\n return (\n <div\n className={classnames(\n icon === 'right' ? style.right : null,\n icon === 'wrong' ? style.wrong : null,\n current ? style.current : style.default\n )}\n data-name=\"header-step-item\"\n >\n <Content {...props} />\n </div>\n );\n};\n\nReviewHeaderStepItem.propTypes = {\n icon: PropTypes.string,\n current: PropTypes.bool,\n value: PropTypes.string\n};\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/atom/review-header-step-item/index.js"],"names":["Content","icon","current","value","style","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","ReviewHeaderStepItem","props","default","right","wrong","propTypes","PropTypes","string","bool"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOC,EAAAA,OAAP;AAAgBC,EAAAA;AAAhB,CAAD,KAA4B;AAC1C,MAAI,CAACF,IAAL,EAAW;AACT,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,OACGA,KADH,CADF;AAKD;;AAED,MAAIF,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,2CAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMC,SAAjB,EAA4BH,OAAO,IAAIE,eAAME,gBAA7C;AAAtB,MADF,CADF;AAKD;;AAED,MAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,wBACE;AAAM,MAAA,SAAS,EAAEG,eAAMD,KAAvB;AAA8B,oBAAa,QAAOA,KAAM;AAAxD,oBACE,6BAAC,+BAAD;AAAW,MAAA,SAAS,EAAE,yBAAWC,eAAMG,SAAjB,EAA4BL,OAAO,IAAIE,eAAMI,gBAA7C;AAAtB,MADF,CADF;AAKD;AACF,CAxBD;;AA0BA,MAAMC,oBAAoB,GAAGC,KAAK,IAAI;AACpC,QAAM;AAACT,IAAAA,IAAD;AAAOC,IAAAA;AAAP,MAAkBQ,KAAxB;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTN,eAAMO,OADG,EAETV,IAAI,KAAK,OAAT,IAAoBG,eAAMQ,KAFjB,EAGTX,IAAI,KAAK,OAAT,IAAoBG,eAAMS,KAHjB,EAITX,OAAO,IAAIE,eAAMF,OAJR,CADb;AAOE,iBAAU;AAPZ,kBASE,6BAAC,OAAD,EAAaQ,KAAb,CATF,CADF;AAaD,CAfD;;AAiBAD,oBAAoB,CAACK,SAArB,2CAAiC;AAC/Bb,EAAAA,IAAI,EAAEc,mBAAUC,MADe;AAE/Bd,EAAAA,OAAO,EAAEa,mBAAUE,IAFY;AAG/Bd,EAAAA,KAAK,EAAEY,mBAAUC;AAHc,CAAjC;eAMeP,oB","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Content = ({icon, current, value}) => {\n if (!icon) {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n {value}\n </span>\n );\n }\n\n if (icon === 'right') {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <RightIcon className={classnames(style.rightIcon, current && style.currentRightIcon)} />\n </span>\n );\n }\n\n if (icon === 'wrong') {\n return (\n <span className={style.value} aria-label={`step ${value}`}>\n <WrongIcon className={classnames(style.wrongIcon, current && style.currentWrongIcon)} />\n </span>\n );\n }\n};\n\nconst ReviewHeaderStepItem = props => {\n const {icon, current} = props;\n return (\n <div\n className={classnames(\n style.default,\n icon === 'right' && style.right,\n icon === 'wrong' && style.wrong,\n current && style.current\n )}\n data-name=\"header-step-item\"\n >\n <Content {...props} />\n </div>\n );\n};\n\nReviewHeaderStepItem.propTypes = {\n icon: PropTypes.string,\n current: PropTypes.bool,\n value: PropTypes.string\n};\n\nexport default ReviewHeaderStepItem;\n"],"file":"index.js"}
@@ -17,10 +17,11 @@
17
17
  display: flex;
18
18
  justify-content: center;
19
19
  align-items: center;
20
+ transition: all 0.25s ease;
21
+ user-select: none;
20
22
  }
21
23
 
22
24
  .current {
23
- composes: default;
24
25
  width: 40px;
25
26
  height: 40px;
26
27
  opacity: 1;
@@ -45,10 +46,10 @@
45
46
  width: 12px;
46
47
  height: 10px;
47
48
  margin: 2px 0px 0px 1px;
49
+ transition: all 0.25s ease;
48
50
  }
49
51
 
50
52
  .currentRightIcon {
51
- composes: rightIcon;
52
53
  width: 16px;
53
54
  height: 14px;
54
55
  margin: 3px 0px 0px 1px;
@@ -59,10 +60,10 @@
59
60
  width: 10px;
60
61
  height: 10px;
61
62
  margin-top: 3px;
63
+ transition: all 0.25s ease;
62
64
  }
63
65
 
64
66
  .currentWrongIcon {
65
- composes: wrongIcon;
66
67
  width: 15px;
67
68
  height: 15px;
68
69
  margin-top: 5px;
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _current = _interopRequireDefault(require("./fixtures/current"));
12
+
13
+ var _default = _interopRequireDefault(require("./fixtures/default"));
14
+
15
+ var _right = _interopRequireDefault(require("./fixtures/right"));
16
+
17
+ var _wrong = _interopRequireDefault(require("./fixtures/wrong"));
18
+
19
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
20
+
21
+ (0, _ava.default)('Atom › AtomReviewHeaderStepItem > should have valid propTypes', t => {
22
+ t.pass();
23
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
24
+ t.not(value, undefined, `PropType for "Atom.AtomReviewHeaderStepItem.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
25
+ });
26
+ });
27
+ (0, _ava.default)('Atom › AtomReviewHeaderStepItem › Current › should be rendered', _renderComponent.default, _.default, _current.default);
28
+ (0, _ava.default)('Atom › AtomReviewHeaderStepItem › Default › should be rendered', _renderComponent.default, _.default, _default.default);
29
+ (0, _ava.default)('Atom › AtomReviewHeaderStepItem › Right › should be rendered', _renderComponent.default, _.default, _right.default);
30
+ (0, _ava.default)('Atom › AtomReviewHeaderStepItem › Wrong › should be rendered', _renderComponent.default, _.default, _wrong.default);
31
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/atom/review-header-step-item/test/fixtures.js"],"names":["t","pass","AtomReviewHeaderStepItem","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCurrent","fixtureDefault","fixtureRight","fixtureWrong"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,+DAAL,EAAsEA,CAAC,IAAI;AACzEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAyBC,SAAjC,EAA4C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC1DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,yDAAwDF,GAAI,mEAArF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gEAAL,EAAuEG,wBAAvE,EAA6FN,SAA7F,EAAuHO,gBAAvH;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAuHQ,gBAAvH;AACA,kBAAK,8DAAL,EAAqEF,wBAArE,EAA2FN,SAA3F,EAAqHS,cAArH;AACA,kBAAK,8DAAL,EAAqEH,wBAArE,EAA2FN,SAA3F,EAAqHU,cAArH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomReviewHeaderStepItem from '..';\nimport fixtureCurrent from './fixtures/current';\nimport fixtureDefault from './fixtures/default';\nimport fixtureRight from './fixtures/right';\nimport fixtureWrong from './fixtures/wrong';\n\ntest('Atom › AtomReviewHeaderStepItem > should have valid propTypes', t => {\n t.pass();\n forEach(AtomReviewHeaderStepItem.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Atom.AtomReviewHeaderStepItem.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Atom › AtomReviewHeaderStepItem › Current › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureCurrent);\ntest('Atom › AtomReviewHeaderStepItem › Default › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureDefault);\ntest('Atom › AtomReviewHeaderStepItem › Right › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureRight);\ntest('Atom › AtomReviewHeaderStepItem › Wrong › should be rendered', renderComponentMacro, AtomReviewHeaderStepItem, fixtureWrong);\n"],"file":"fixtures.js"}
@@ -3,5 +3,5 @@
3
3
  }
4
4
 
5
5
  .mandatoryCoursesInput {
6
- margin: 0 0 16px 16px;
6
+ margin: 0 0 32px 16px;
7
7
  }
@@ -12,6 +12,8 @@ var _default = _interopRequireDefault(require("./fixtures/default"));
12
12
 
13
13
  var _loading = _interopRequireDefault(require("./fixtures/loading"));
14
14
 
15
+ var _withMandatoryCoursesInput = _interopRequireDefault(require("./fixtures/with-mandatory-courses-input"));
16
+
15
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
18
 
17
19
  (0, _ava.default)('Molecule › MoleculeCourseSections > should have valid propTypes', t => {
@@ -22,4 +24,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
22
24
  });
23
25
  (0, _ava.default)('Molecule › MoleculeCourseSections › Default › should be rendered', _renderComponent.default, _.default, _default.default);
24
26
  (0, _ava.default)('Molecule › MoleculeCourseSections › Loading › should be rendered', _renderComponent.default, _.default, _loading.default);
27
+ (0, _ava.default)('Molecule › MoleculeCourseSections › WithMandatoryCoursesInput › should be rendered', _renderComponent.default, _.default, _withMandatoryCoursesInput.default);
25
28
  //# sourceMappingURL=fixtures.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/molecule/course-sections/test/fixtures.js"],"names":["t","pass","MoleculeCourseSections","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAuHO,gBAAvH;AACA,kBAAK,kEAAL,EAAyED,wBAAzE,EAA+FN,SAA/F,EAAuHQ,gBAAvH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSections from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\n\ntest('Molecule › MoleculeCourseSections > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeCourseSections.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSections.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeCourseSections › Default › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureDefault);\ntest('Molecule › MoleculeCourseSections › Loading › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureLoading);\n"],"file":"fixtures.js"}
1
+ {"version":3,"sources":["../../../../src/molecule/course-sections/test/fixtures.js"],"names":["t","pass","MoleculeCourseSections","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureLoading","fixtureWithMandatoryCoursesInput"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kEAAL,EAAyEG,wBAAzE,EAA+FN,SAA/F,EAAuHO,gBAAvH;AACA,kBAAK,kEAAL,EAAyED,wBAAzE,EAA+FN,SAA/F,EAAuHQ,gBAAvH;AACA,kBAAK,oFAAL,EAA2FF,wBAA3F,EAAiHN,SAAjH,EAAyIS,kCAAzI","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCourseSections from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureWithMandatoryCoursesInput from './fixtures/with-mandatory-courses-input';\n\ntest('Molecule › MoleculeCourseSections > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeCourseSections.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"Molecule.MoleculeCourseSections.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('Molecule › MoleculeCourseSections › Default › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureDefault);\ntest('Molecule › MoleculeCourseSections › Loading › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureLoading);\ntest('Molecule › MoleculeCourseSections › WithMandatoryCoursesInput › should be rendered', renderComponentMacro, MoleculeCourseSections, fixtureWithMandatoryCoursesInput);\n"],"file":"fixtures.js"}
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+
3
+ var _ava = _interopRequireDefault(require("ava"));
4
+
5
+ var _forEach = _interopRequireDefault(require("lodash/forEach"));
6
+
7
+ var _renderComponent = _interopRequireDefault(require("../../../../test/helpers/render-component"));
8
+
9
+ var _ = _interopRequireDefault(require(".."));
10
+
11
+ var _default = _interopRequireDefault(require("./fixtures/default"));
12
+
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+
15
+ (0, _ava.default)('MoleculeDashboard › MoleculeDashboardReviewBanner > should have valid propTypes', t => {
16
+ t.pass();
17
+ (0, _forEach.default)(_.default.propTypes, (value, key) => {
18
+ t.not(value, undefined, `PropType for "MoleculeDashboard.MoleculeDashboardReviewBanner.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
19
+ });
20
+ });
21
+ (0, _ava.default)('MoleculeDashboard › MoleculeDashboardReviewBanner › Default › should be rendered', _renderComponent.default, _.default, _default.default);
22
+ //# sourceMappingURL=fixtures.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/dashboard/review-banner/test/fixtures.js"],"names":["t","pass","MoleculeDashboardReviewBanner","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iFAAL,EAAwFA,CAAC,IAAI;AAC3FA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAA8BC,SAAtC,EAAiD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2EAA0EF,GAAI,mEAAvG;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kFAAL,EAAyFG,wBAAzF,EAA+GN,SAA/G,EAA8IO,gBAA9I","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../../test/helpers/render-component';\nimport MoleculeDashboardReviewBanner from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('MoleculeDashboard › MoleculeDashboardReviewBanner > should have valid propTypes', t => {\n t.pass();\n forEach(MoleculeDashboardReviewBanner.propTypes, (value, key) => {\n t.not(value, undefined, `PropType for \"MoleculeDashboard.MoleculeDashboardReviewBanner.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n });\n});\n\ntest('MoleculeDashboard › MoleculeDashboardReviewBanner › Default › should be rendered', renderComponentMacro, MoleculeDashboardReviewBanner, fixtureDefault);\n"],"file":"fixtures.js"}
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _map2 = _interopRequireDefault(require("lodash/fp/map"));
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
12
+ var _dragAndDrop = _interopRequireDefault(require("../../atom/drag-and-drop"));
13
+
14
+ var _checkboxWithTitle = _interopRequireDefault(require("../../atom/checkbox-with-title"));
15
+
16
+ var _style = _interopRequireDefault(require("./style.css"));
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+
20
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
+
22
+ const DragAndDropWrapper = props => {
23
+ const {
24
+ list = [],
25
+ checkBoxTitle,
26
+ 'data-name': dataName
27
+ } = props;
28
+ const dragAndDropList = (0, _map2.default)(dragAndDropProps => {
29
+ return /*#__PURE__*/_react.default.createElement("li", {
30
+ className: _style.default.dragAndDrop,
31
+ key: `dragAndDrop-${dragAndDropProps.title}`
32
+ }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.default, dragAndDropProps));
33
+ }, list);
34
+ return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
35
+ className: _style.default.title
36
+ }, /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, checkBoxTitle)), /*#__PURE__*/_react.default.createElement("ul", {
37
+ className: _style.default.group,
38
+ "data-name": dataName
39
+ }, dragAndDropList));
40
+ };
41
+
42
+ DragAndDropWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
43
+ list: _propTypes.default.arrayOf(_propTypes.default.shape(_dragAndDrop.default.propTypes)),
44
+ checkBoxTitle: _propTypes.default.shape(_extends({}, _checkboxWithTitle.default.propTypes)),
45
+ 'data-name': _propTypes.default.string
46
+ } : {};
47
+ var _default = DragAndDropWrapper;
48
+ exports.default = _default;
49
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/molecule/drag-and-drop-wrapper/index.js"],"names":["DragAndDropWrapper","props","list","checkBoxTitle","dataName","dragAndDropList","dragAndDropProps","style","dragAndDrop","title","group","propTypes","PropTypes","arrayOf","shape","DragAndDrop","CheckboxWithTitle","string"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,MAAMA,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AAACC,IAAAA,IAAI,GAAG,EAAR;AAAYC,IAAAA,aAAZ;AAA2B,iBAAaC;AAAxC,MAAoDH,KAA1D;AAEA,QAAMI,eAAe,GAAG,mBAAIC,gBAAgB,IAAI;AAC9C,wBACE;AAAI,MAAA,SAAS,EAAEC,eAAMC,WAArB;AAAkC,MAAA,GAAG,EAAG,eAAcF,gBAAgB,CAACG,KAAM;AAA7E,oBACE,6BAAC,oBAAD,EAAiBH,gBAAjB,CADF,CADF;AAKD,GANuB,EAMrBJ,IANqB,CAAxB;AAQA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAEK,eAAME;AAAtB,kBACE,6BAAC,0BAAD,EAAuBN,aAAvB,CADF,CADF,eAIE;AAAI,IAAA,SAAS,EAAEI,eAAMG,KAArB;AAA4B,iBAAWN;AAAvC,KACGC,eADH,CAJF,CADF;AAUD,CArBD;;AAuBAL,kBAAkB,CAACW,SAAnB,2CAA+B;AAC7BT,EAAAA,IAAI,EAAEU,mBAAUC,OAAV,CAAkBD,mBAAUE,KAAV,CAAgBC,qBAAYJ,SAA5B,CAAlB,CADuB;AAE7BR,EAAAA,aAAa,EAAES,mBAAUE,KAAV,cAAoBE,2BAAkBL,SAAtC,EAFc;AAG7B,eAAaC,mBAAUK;AAHM,CAA/B;eAMejB,kB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport DragAndDrop from '../../atom/drag-and-drop';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\nimport style from './style.css';\n\nconst DragAndDropWrapper = props => {\n const {list = [], checkBoxTitle, 'data-name': dataName} = props;\n\n const dragAndDropList = map(dragAndDropProps => {\n return (\n <li className={style.dragAndDrop} key={`dragAndDrop-${dragAndDropProps.title}`}>\n <DragAndDrop {...dragAndDropProps} />\n </li>\n );\n }, list);\n\n return (\n <div>\n <div className={style.title}>\n <CheckboxWithTitle {...checkBoxTitle} />\n </div>\n <ul className={style.group} data-name={dataName}>\n {dragAndDropList}\n </ul>\n </div>\n );\n};\n\nDragAndDropWrapper.propTypes = {\n list: PropTypes.arrayOf(PropTypes.shape(DragAndDrop.propTypes)),\n checkBoxTitle: PropTypes.shape({...CheckboxWithTitle.propTypes}),\n 'data-name': PropTypes.string\n};\n\nexport default DragAndDropWrapper;\n"],"file":"index.js"}
@@ -0,0 +1,15 @@
1
+ .title {
2
+ margin-bottom: 18px;
3
+ }
4
+ .group {
5
+ display: flex;
6
+ overflow-y: inherit;
7
+ align-content: flex-start;
8
+ flex-wrap: wrap;
9
+ margin-left: 31px;
10
+ list-style-type: none;
11
+ }
12
+
13
+ .dragAndDrop {
14
+ margin-right: 16px;
15
+ }
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _default2 = _interopRequireDefault(require("../../../../atom/drag-and-drop/test/fixtures/default"));
7
+
8
+ var _checked = _interopRequireDefault(require("../../../../atom/checkbox-with-title/test/fixtures/checked"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ var _default = {
13
+ props: {
14
+ checkBoxTitle: _checked.default.props,
15
+ list: [_default2.default.props]
16
+ }
17
+ };
18
+ exports.default = _default;
19
+ //# sourceMappingURL=default.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/default.js"],"names":["props","checkBoxTitle","list","firstdDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAEA,iBAAcD,KADxB;AAELE,IAAAA,IAAI,EAAE,CAACC,kBAAkBH,KAAnB;AAFD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/default';\nimport checkBoxTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\n\nexport default {\n props: {\n checkBoxTitle: checkBoxTitle.props,\n list: [firstdDragAndDrop.props]\n }\n};\n"],"file":"default.js"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+
6
+ var _default2 = _interopRequireDefault(require("../../../../atom/drag-and-drop/test/fixtures/default"));
7
+
8
+ var _withChildren = _interopRequireDefault(require("../../../../atom/drag-and-drop/test/fixtures/with-children"));
9
+
10
+ var _checked = _interopRequireDefault(require("../../../../atom/checkbox-with-title/test/fixtures/checked"));
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ var _default = {
15
+ props: {
16
+ checkBoxTitle: _checked.default.props,
17
+ list: [_default2.default.props, _withChildren.default.props]
18
+ }
19
+ };
20
+ exports.default = _default;
21
+ //# sourceMappingURL=two-drag-and-drops.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/molecule/drag-and-drop-wrapper/test/fixtures/two-drag-and-drops.js"],"names":["props","checkBoxTitle","list","firstdDragAndDrop","secondDragAndDrop"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAEA,iBAAcD,KADxB;AAELE,IAAAA,IAAI,EAAE,CAACC,kBAAkBH,KAAnB,EAA0BI,sBAAkBJ,KAA5C;AAFD;AADM,C","sourcesContent":["import firstdDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/default';\nimport secondDragAndDrop from '../../../../atom/drag-and-drop/test/fixtures/with-children';\nimport checkBoxTitle from '../../../../atom/checkbox-with-title/test/fixtures/checked';\n\nexport default {\n props: {\n checkBoxTitle: checkBoxTitle.props,\n list: [firstdDragAndDrop.props, secondDragAndDrop.props]\n }\n};\n"],"file":"two-drag-and-drops.js"}