@coorpacademy/components 10.21.0 → 10.21.1

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.
@@ -23,7 +23,8 @@ const CourseSections = ({
23
23
  isLoading,
24
24
  title,
25
25
  mandatoryCoursesInput,
26
- inputTitle
26
+ inputTitle,
27
+ totalCourses
27
28
  }) => {
28
29
  if (isLoading) return /*#__PURE__*/React.createElement(Loading, null);
29
30
 
@@ -44,7 +45,11 @@ const CourseSections = ({
44
45
  title: title,
45
46
  type: 'form-group',
46
47
  "data-name": 'course-sections-title'
47
- })) : null, /*#__PURE__*/React.createElement(DraggableList, {
48
+ }), totalCourses ? /*#__PURE__*/React.createElement(Title, {
49
+ title: totalCourses,
50
+ type: 'form-group',
51
+ "data-name": 'course-sections-total-courses'
52
+ }) : null) : null, /*#__PURE__*/React.createElement(DraggableList, {
48
53
  itemType: "course-section",
49
54
  items: sections,
50
55
  onDrop: onDrop
@@ -54,6 +59,7 @@ const CourseSections = ({
54
59
  CourseSections.propTypes = process.env.NODE_ENV !== "production" ? {
55
60
  inputTitle: PropTypes.string,
56
61
  title: PropTypes.string,
62
+ totalCourses: PropTypes.string,
57
63
  sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),
58
64
  onDrop: PropTypes.func,
59
65
  isLoading: PropTypes.bool,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["React","PropTypes","InputTextWithTitle","CourseSection","DraggableList","Loader","Title","TitleAndCheckBoxWrapper","style","Loading","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","child","childType","sectionTitle","propTypes","string","arrayOf","shape","func","bool"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD;AAAQ,EAAA,SAAS,EAAEF,KAAK,CAACG,MAAzB;AAAiC,EAAA,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA;AANsB,CAAD,KAOjB;AACJ,MAAIH,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;;AAEf,QAAMI,KAAK,yBAAOF,qBAAP;AAA8BG,IAAAA,SAAS,EAAE;AAAzC,IAAX;;AACA,QAAMC,YAAY,GAAG;AAACL,IAAAA,KAAK,EAAEE,UAAR;AAAoB,iBAAa;AAAjC,GAArB;AACA,sBACE,iCACGD,qBAAqB,IAAII,YAAzB,gBACC,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAEF,KAAhC;AAAuC,IAAA,YAAY,EAAEE;AAArD,IADD,GAEG,IAHN,EAIGL,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAER,KAAK,CAACQ;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IARN,eASE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IATF,CADF;AAaD,CAzBD;;AA2BAF,cAAc,CAACU,SAAf,2CAA2B;AACzBJ,EAAAA,UAAU,EAAEjB,SAAS,CAACsB,MADG;AAEzBP,EAAAA,KAAK,EAAEf,SAAS,CAACsB,MAFQ;AAGzBV,EAAAA,QAAQ,EAAEZ,SAAS,CAACuB,OAAV,CAAkBvB,SAAS,CAACwB,KAAV,CAAgBtB,aAAa,CAACmB,SAA9B,CAAlB,CAHe;AAIzBR,EAAAA,MAAM,EAAEb,SAAS,CAACyB,IAJO;AAKzBX,EAAAA,SAAS,EAAEd,SAAS,CAAC0B,IALI;AAMzBV,EAAAA,qBAAqB,EAAEhB,SAAS,CAACwB,KAAV,CAAgBvB,kBAAkB,CAACoB,SAAnC;AANE,CAA3B;AASA,eAAeV,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n);\n\nconst CourseSections = ({\n sections,\n onDrop,\n isLoading,\n title,\n mandatoryCoursesInput,\n inputTitle\n}) => {\n if (isLoading) return <Loading />;\n\n const child = {...mandatoryCoursesInput, childType: 'input-text'};\n const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n return (\n <div>\n {mandatoryCoursesInput && sectionTitle ? (\n <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n ) : null}\n {title ? (\n <div className={style.title}>\n <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n </div>\n ) : null}\n <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n </div>\n );\n};\n\nCourseSections.propTypes = {\n inputTitle: PropTypes.string,\n title: PropTypes.string,\n sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n onDrop: PropTypes.func,\n isLoading: PropTypes.bool,\n mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["React","PropTypes","InputTextWithTitle","CourseSection","DraggableList","Loader","Title","TitleAndCheckBoxWrapper","style","Loading","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","totalCourses","child","childType","sectionTitle","propTypes","string","arrayOf","shape","func","bool"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,gBACE,oBAAC,MAAD;AAAQ,EAAA,SAAS,EAAEF,KAAK,CAACG,MAAzB;AAAiC,EAAA,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA,UANsB;AAOtBC,EAAAA;AAPsB,CAAD,KAQjB;AACJ,MAAIJ,SAAJ,EAAe,oBAAO,oBAAC,OAAD,OAAP;;AAEf,QAAMK,KAAK,yBAAOH,qBAAP;AAA8BI,IAAAA,SAAS,EAAE;AAAzC,IAAX;;AACA,QAAMC,YAAY,GAAG;AAACN,IAAAA,KAAK,EAAEE,UAAR;AAAoB,iBAAa;AAAjC,GAArB;AACA,sBACE,iCACGD,qBAAqB,IAAIK,YAAzB,gBACC,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAEF,KAAhC;AAAuC,IAAA,YAAY,EAAEE;AAArD,IADD,GAEG,IAHN,EAIGN,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAER,KAAK,CAACQ;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,EAEGG,YAAY,gBACX,oBAAC,KAAD;AACE,IAAA,KAAK,EAAEA,YADT;AAEE,IAAA,IAAI,EAAE,YAFR;AAGE,iBAAW;AAHb,IADW,GAMT,IARN,CADI,GAWF,IAfN,eAgBE,oBAAC,aAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEN,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IAhBF,CADF;AAoBD,CAjCD;;AAmCAF,cAAc,CAACW,SAAf,2CAA2B;AACzBL,EAAAA,UAAU,EAAEjB,SAAS,CAACuB,MADG;AAEzBR,EAAAA,KAAK,EAAEf,SAAS,CAACuB,MAFQ;AAGzBL,EAAAA,YAAY,EAAElB,SAAS,CAACuB,MAHC;AAIzBX,EAAAA,QAAQ,EAAEZ,SAAS,CAACwB,OAAV,CAAkBxB,SAAS,CAACyB,KAAV,CAAgBvB,aAAa,CAACoB,SAA9B,CAAlB,CAJe;AAKzBT,EAAAA,MAAM,EAAEb,SAAS,CAAC0B,IALO;AAMzBZ,EAAAA,SAAS,EAAEd,SAAS,CAAC2B,IANI;AAOzBX,EAAAA,qBAAqB,EAAEhB,SAAS,CAACyB,KAAV,CAAgBxB,kBAAkB,CAACqB,SAAnC;AAPE,CAA3B;AAUA,eAAeX,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n);\n\nconst CourseSections = ({\n sections,\n onDrop,\n isLoading,\n title,\n mandatoryCoursesInput,\n inputTitle,\n totalCourses\n}) => {\n if (isLoading) return <Loading />;\n\n const child = {...mandatoryCoursesInput, childType: 'input-text'};\n const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n return (\n <div>\n {mandatoryCoursesInput && sectionTitle ? (\n <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n ) : null}\n {title ? (\n <div className={style.title}>\n <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n {totalCourses ? (\n <Title\n title={totalCourses}\n type={'form-group'}\n data-name={'course-sections-total-courses'}\n />\n ) : null}\n </div>\n ) : null}\n <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n </div>\n );\n};\n\nCourseSections.propTypes = {\n inputTitle: PropTypes.string,\n title: PropTypes.string,\n totalCourses: PropTypes.string,\n sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n onDrop: PropTypes.func,\n isLoading: PropTypes.bool,\n mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}
@@ -1,5 +1,7 @@
1
1
  .title {
2
2
  margin-bottom: 16px;
3
+ display: flex;
4
+ justify-content: space-between;
3
5
  }
4
6
 
5
7
  .loader {
@@ -38,7 +38,8 @@ const CourseSections = ({
38
38
  isLoading,
39
39
  title,
40
40
  mandatoryCoursesInput,
41
- inputTitle
41
+ inputTitle,
42
+ totalCourses
42
43
  }) => {
43
44
  if (isLoading) return /*#__PURE__*/_react.default.createElement(Loading, null);
44
45
 
@@ -59,7 +60,11 @@ const CourseSections = ({
59
60
  title: title,
60
61
  type: 'form-group',
61
62
  "data-name": 'course-sections-title'
62
- })) : null, /*#__PURE__*/_react.default.createElement(_draggableList.default, {
63
+ }), totalCourses ? /*#__PURE__*/_react.default.createElement(_title.default, {
64
+ title: totalCourses,
65
+ type: 'form-group',
66
+ "data-name": 'course-sections-total-courses'
67
+ }) : null) : null, /*#__PURE__*/_react.default.createElement(_draggableList.default, {
63
68
  itemType: "course-section",
64
69
  items: sections,
65
70
  onDrop: onDrop
@@ -69,6 +74,7 @@ const CourseSections = ({
69
74
  CourseSections.propTypes = process.env.NODE_ENV !== "production" ? {
70
75
  inputTitle: _propTypes.default.string,
71
76
  title: _propTypes.default.string,
77
+ totalCourses: _propTypes.default.string,
72
78
  sections: _propTypes.default.arrayOf(_propTypes.default.shape(_courseSection.default.propTypes)),
73
79
  onDrop: _propTypes.default.func,
74
80
  isLoading: _propTypes.default.bool,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["Loading","style","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","child","childType","sectionTitle","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool","InputTextWithTitle"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAEC,eAAMC;AAAtB,gBACE,6BAAC,eAAD;AAAQ,EAAA,SAAS,EAAED,eAAME,MAAzB;AAAiC,EAAA,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA;AANsB,CAAD,KAOjB;AACJ,MAAIH,SAAJ,EAAe,oBAAO,6BAAC,OAAD,OAAP;;AAEf,QAAMI,KAAK,yBAAOF,qBAAP;AAA8BG,IAAAA,SAAS,EAAE;AAAzC,IAAX;;AACA,QAAMC,YAAY,GAAG;AAACL,IAAAA,KAAK,EAAEE,UAAR;AAAoB,iBAAa;AAAjC,GAArB;AACA,sBACE,0CACGD,qBAAqB,IAAII,YAAzB,gBACC,6BAAC,gCAAD;AAAyB,IAAA,KAAK,EAAEF,KAAhC;AAAuC,IAAA,YAAY,EAAEE;AAArD,IADD,GAEG,IAHN,EAIGL,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEP,eAAMO;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,CADI,GAIF,IARN,eASE,6BAAC,sBAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEH,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IATF,CADF;AAaD,CAzBD;;AA2BAF,cAAc,CAACU,SAAf,2CAA2B;AACzBJ,EAAAA,UAAU,EAAEK,mBAAUC,MADG;AAEzBR,EAAAA,KAAK,EAAEO,mBAAUC,MAFQ;AAGzBX,EAAAA,QAAQ,EAAEU,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,uBAAcL,SAA9B,CAAlB,CAHe;AAIzBR,EAAAA,MAAM,EAAES,mBAAUK,IAJO;AAKzBb,EAAAA,SAAS,EAAEQ,mBAAUM,IALI;AAMzBZ,EAAAA,qBAAqB,EAAEM,mBAAUG,KAAV,CAAgBI,4BAAmBR,SAAnC;AANE,CAA3B;eASeV,c","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n);\n\nconst CourseSections = ({\n sections,\n onDrop,\n isLoading,\n title,\n mandatoryCoursesInput,\n inputTitle\n}) => {\n if (isLoading) return <Loading />;\n\n const child = {...mandatoryCoursesInput, childType: 'input-text'};\n const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n return (\n <div>\n {mandatoryCoursesInput && sectionTitle ? (\n <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n ) : null}\n {title ? (\n <div className={style.title}>\n <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n </div>\n ) : null}\n <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n </div>\n );\n};\n\nCourseSections.propTypes = {\n inputTitle: PropTypes.string,\n title: PropTypes.string,\n sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n onDrop: PropTypes.func,\n isLoading: PropTypes.bool,\n mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/molecule/course-sections/index.js"],"names":["Loading","style","loaderContainer","loader","CourseSections","sections","onDrop","isLoading","title","mandatoryCoursesInput","inputTitle","totalCourses","child","childType","sectionTitle","propTypes","PropTypes","string","arrayOf","shape","CourseSection","func","bool","InputTextWithTitle"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAG,mBACd;AAAK,EAAA,SAAS,EAAEC,eAAMC;AAAtB,gBACE,6BAAC,eAAD;AAAQ,EAAA,SAAS,EAAED,eAAME,MAAzB;AAAiC,EAAA,KAAK,EAAC;AAAvC,EADF,CADF;;AAMA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,MAFsB;AAGtBC,EAAAA,SAHsB;AAItBC,EAAAA,KAJsB;AAKtBC,EAAAA,qBALsB;AAMtBC,EAAAA,UANsB;AAOtBC,EAAAA;AAPsB,CAAD,KAQjB;AACJ,MAAIJ,SAAJ,EAAe,oBAAO,6BAAC,OAAD,OAAP;;AAEf,QAAMK,KAAK,yBAAOH,qBAAP;AAA8BI,IAAAA,SAAS,EAAE;AAAzC,IAAX;;AACA,QAAMC,YAAY,GAAG;AAACN,IAAAA,KAAK,EAAEE,UAAR;AAAoB,iBAAa;AAAjC,GAArB;AACA,sBACE,0CACGD,qBAAqB,IAAIK,YAAzB,gBACC,6BAAC,gCAAD;AAAyB,IAAA,KAAK,EAAEF,KAAhC;AAAuC,IAAA,YAAY,EAAEE;AAArD,IADD,GAEG,IAHN,EAIGN,KAAK,gBACJ;AAAK,IAAA,SAAS,EAAEP,eAAMO;AAAtB,kBACE,6BAAC,cAAD;AAAO,IAAA,KAAK,EAAEA,KAAd;AAAqB,IAAA,IAAI,EAAE,YAA3B;AAAyC,iBAAW;AAApD,IADF,EAEGG,YAAY,gBACX,6BAAC,cAAD;AACE,IAAA,KAAK,EAAEA,YADT;AAEE,IAAA,IAAI,EAAE,YAFR;AAGE,iBAAW;AAHb,IADW,GAMT,IARN,CADI,GAWF,IAfN,eAgBE,6BAAC,sBAAD;AAAe,IAAA,QAAQ,EAAC,gBAAxB;AAAyC,IAAA,KAAK,EAAEN,QAAhD;AAA0D,IAAA,MAAM,EAAEC;AAAlE,IAhBF,CADF;AAoBD,CAjCD;;AAmCAF,cAAc,CAACW,SAAf,2CAA2B;AACzBL,EAAAA,UAAU,EAAEM,mBAAUC,MADG;AAEzBT,EAAAA,KAAK,EAAEQ,mBAAUC,MAFQ;AAGzBN,EAAAA,YAAY,EAAEK,mBAAUC,MAHC;AAIzBZ,EAAAA,QAAQ,EAAEW,mBAAUE,OAAV,CAAkBF,mBAAUG,KAAV,CAAgBC,uBAAcL,SAA9B,CAAlB,CAJe;AAKzBT,EAAAA,MAAM,EAAEU,mBAAUK,IALO;AAMzBd,EAAAA,SAAS,EAAES,mBAAUM,IANI;AAOzBb,EAAAA,qBAAqB,EAAEO,mBAAUG,KAAV,CAAgBI,4BAAmBR,SAAnC;AAPE,CAA3B;eAUeX,c","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputTextWithTitle from '../../atom/input-text-with-title';\nimport CourseSection from '../course-section';\nimport DraggableList from '../draggable-list';\nimport Loader from '../../atom/loader';\nimport Title from '../../atom/title';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport style from './style.css';\n\nconst Loading = () => (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"coorpmanager\" />\n </div>\n);\n\nconst CourseSections = ({\n sections,\n onDrop,\n isLoading,\n title,\n mandatoryCoursesInput,\n inputTitle,\n totalCourses\n}) => {\n if (isLoading) return <Loading />;\n\n const child = {...mandatoryCoursesInput, childType: 'input-text'};\n const sectionTitle = {title: inputTitle, 'data-name': 'mandatory-courses-input-title'};\n return (\n <div>\n {mandatoryCoursesInput && sectionTitle ? (\n <TitleAndCheckBoxWrapper child={child} sectionTitle={sectionTitle} />\n ) : null}\n {title ? (\n <div className={style.title}>\n <Title title={title} type={'form-group'} data-name={'course-sections-title'} />\n {totalCourses ? (\n <Title\n title={totalCourses}\n type={'form-group'}\n data-name={'course-sections-total-courses'}\n />\n ) : null}\n </div>\n ) : null}\n <DraggableList itemType=\"course-section\" items={sections} onDrop={onDrop} />\n </div>\n );\n};\n\nCourseSections.propTypes = {\n inputTitle: PropTypes.string,\n title: PropTypes.string,\n totalCourses: PropTypes.string,\n sections: PropTypes.arrayOf(PropTypes.shape(CourseSection.propTypes)),\n onDrop: PropTypes.func,\n isLoading: PropTypes.bool,\n mandatoryCoursesInput: PropTypes.shape(InputTextWithTitle.propTypes)\n};\n\nexport default CourseSections;\n"],"file":"index.js"}
@@ -1,5 +1,7 @@
1
1
  .title {
2
2
  margin-bottom: 16px;
3
+ display: flex;
4
+ justify-content: space-between;
3
5
  }
4
6
 
5
7
  .loader {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.21.0",
3
+ "version": "10.21.1",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -130,5 +130,5 @@
130
130
  "webpack": "^4.43.0"
131
131
  },
132
132
  "author": "CoorpAcademy",
133
- "gitHead": "fd256574b0fba67126be17e1498830eac1278c32"
133
+ "gitHead": "9b67197b24c5d84d7bc7c412b6af19d2d8ca7d7b"
134
134
  }