@coorpacademy/components 11.32.24-alpha.6 → 11.32.25

package/lib/molecule/playlist-detail-cover/style.css

@@ -0,0 +1,17 @@
+.container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.imagesWrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.image {
+  flex: 1;
+}

package/lib/molecule/setup-section/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AAsCA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7CD,mFAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/setup-section/index.js"],"names":[],"mappings":";AA0CA,qEAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhDD,mFAqBC"}

package/lib/molecule/setup-section/index.js

@@ -15,6 +15,8 @@ var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 
 var _radioGroup = _interopRequireDefault(require("../../atom/radio-group"));
 
+var _colors = require("../../variables/colors");
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,7 +43,8 @@ const ContentTypesToggler = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement(_radioGroup.default, _extends({}, contentTypes, {
     style: {
       color: contentTypesColor
-    }
+    },
+    color: _colors.COLORS.cm_primary_blue
   })));
 };
 

package/lib/molecule/setup-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} style={{color: contentTypesColor}} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;EACA,MAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;EACA,MAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,mBAAD,eAAgBL,YAAhB;IAA8B,KAAK,EAAE;MAACM,KAAK,EAAEH;IAAR;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACW,YAApB,GAAmC;EACjCR,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV;AADA,CAAnC;AAIAH,mBAAmB,CAACc,SAApB,2CAAgC;EAC9BV,YAAY,EAAEW,kBAAA,CAAUC,KAAV,cACTC,mBAAA,CAAWH,SADF;IAEZI,QAAQ,EAAEH,kBAAA,CAAUI;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACnB,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACmB;EAAD,IAAcnB,OAApB;EAEA,MAAM;IAACoB,KAAD;IAAQC,OAAR;IAAiBnB;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,cAAA,CAAMc;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEd,cAAA,CAAMiB;EAAtB,gBACE,6BAAC,mBAAD;IAAqB,YAAY,EAAErB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMkB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;EAC1BU,SAAS,EAAET,iBAAA,CAASC,iBAAT,CAA2BQ,SADZ;EAE1BlB,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV;AAFP,CAA5B;AAKAiB,YAAY,CAACN,SAAb,2CAAyB;EACvBQ,KAAK,EAAEP,kBAAA,CAAUY,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAEd,kBAAA,CAAUe,IAFO;EAGvBC,MAAM,EAAEhB,kBAAA,CAAUe,IAHK;EAIvBP,OAAO,EAAER,kBAAA,CAAUC,KAAV,CAAgBgB,oBAAA,CAAYlB,SAA5B,CAJc;EAKvBV,YAAY,EAAEJ,mBAAmB,CAACc,SAApB,CAA8BV;AALrB,CAAzB;eAQegB,Y"}
+{"version":3,"file":"index.js","names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","color","COLORS","cm_primary_blue","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup\n        {...contentTypes}\n        style={{color: contentTypesColor}}\n        color={COLORS.cm_primary_blue}\n      />\n    </div>\n  );\n};\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;EACA,MAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;EACA,MAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,mBAAD,eACML,YADN;IAEE,KAAK,EAAE;MAACM,KAAK,EAAEH;IAAR,CAFT;IAGE,KAAK,EAAEI,cAAA,CAAOC;EAHhB,GADF,CADF;AASD,CArBD;;AAsBAZ,mBAAmB,CAACa,YAApB,GAAmC;EACjCV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADA,CAAnC;AAIAH,mBAAmB,CAACgB,SAApB,2CAAgC;EAC9BZ,YAAY,EAAEa,kBAAA,CAAUC,KAAV,cACTC,mBAAA,CAAWH,SADF;IAEZI,QAAQ,EAAEH,kBAAA,CAAUI;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACrB,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACqB;EAAD,IAAcrB,OAApB;EAEA,MAAM;IAACsB,KAAD;IAAQC,OAAR;IAAiBrB;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMkB;EAAtB,gBACE;IAAK,SAAS,EAAElB,cAAA,CAAMgB;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEhB,cAAA,CAAMmB;EAAtB,gBACE,6BAAC,mBAAD;IAAqB,YAAY,EAAEvB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMoB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;EAC1BU,SAAS,EAAET,iBAAA,CAASC,iBAAT,CAA2BQ,SADZ;EAE1BpB,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AAFP,CAA5B;AAKAmB,YAAY,CAACN,SAAb,2CAAyB;EACvBQ,KAAK,EAAEP,kBAAA,CAAUY,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAEd,kBAAA,CAAUe,IAFO;EAGvBC,MAAM,EAAEhB,kBAAA,CAAUe,IAHK;EAIvBP,OAAO,EAAER,kBAAA,CAAUC,KAAV,CAAgBgB,oBAAA,CAAYlB,SAA5B,CAJc;EAKvBZ,YAAY,EAAEJ,mBAAmB,CAACgB,SAApB,CAA8BZ;AALrB,CAAzB;eAQekB,Y"}

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

@@ -2,7 +2,7 @@
 @value mobile from breakpoints;
 @value colors: "../../variables/colors.css";
 @value xtraLightGrey from colors;
-@value brand from colors;
+@value cm_primary_blue from colors;
 @value primaryAdd1 from colors;
 
 .wrapper {
@@ -20,7 +20,7 @@
 .title {
   font-family: 'Gilroy';
   font-size: 14px;
-  color: brand;
+  color: cm_primary_blue;
   font-weight: 700;
 }
 

package/lib/molecule/skill-picker-modal/index.js

@@ -59,7 +59,7 @@ const SkillPickerModal = (props, context) => {
       };
     });
   }, [skills, selectedSkillList, skillsLocales]);
-  const isError = (0, _react.useMemo)(() => selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills, [selectedSkillList, maxSelectedSkills]);
+  const isError = (0, _react.useMemo)(() => selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills, [selectedSkillList, maxSelectedSkills, minSelectedSkills]);
   const footer = (0, _react.useMemo)(() => {
     const footerDescription = selectedSkillList.length > maxSelectedSkills ? translate('skill_focus_footer_error_description', {
       skillNumber: selectedSkillList.length - maxSelectedSkills

package/lib/molecule/skill-picker-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","selectedSkillList","setSelectedSkillList","useState","handleCancel","useCallback","handleClose","skillList","useMemo","map","skill","skillTitle","skillRef","focus","includes","isError","length","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","name","backgroundColor","style","skillPickerContainer","loaderContainer","loader","marginBottom","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","filter","selectedSkill","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","string","objectOf","bool","number","func"],"sources":["../../../src/molecule/skill-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport filter from 'lodash/fp/filter';\nimport BaseModal from '../base-modal';\nimport Chip from '../../atom/chip';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SkillPickerModal = (props, context) => {\n  const {\n    skills,\n    selectedSkills,\n    skillsLocales,\n    isOpen,\n    isLoading,\n    maxSelectedSkills = 6,\n    minSelectedSkills = 3,\n    onCancel,\n    onConfirm,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const [selectedSkillList, setSelectedSkillList] = useState(selectedSkills);\n\n  const handleCancel = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onCancel();\n  }, [setSelectedSkillList, selectedSkills, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onClose();\n  }, [setSelectedSkillList, selectedSkills, onClose]);\n\n  const skillList = useMemo(() => {\n    return skills.map(skill => {\n      return {\n        skillTitle: skillsLocales[skill],\n        skillRef: skill,\n        focus: selectedSkillList.includes(skill)\n      };\n    });\n  }, [skills, selectedSkillList, skillsLocales]);\n\n  const isError = useMemo(\n    () =>\n      selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills,\n    [selectedSkillList, maxSelectedSkills]\n  );\n\n  const footer = useMemo(() => {\n    const footerDescription =\n      selectedSkillList.length > maxSelectedSkills\n        ? translate('skill_focus_footer_error_description', {\n            skillNumber: selectedSkillList.length - maxSelectedSkills\n          })\n        : translate('skill_focus_footer_description', {\n            skillNumber: minSelectedSkills - selectedSkillList.length\n          });\n    return {\n      text: isLoading || !isError ? '' : footerDescription,\n      isError,\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel'),\n        disabled: isLoading || isError\n      },\n      confirmButton: {\n        onConfirm: () => onConfirm(selectedSkillList),\n        label: translate('confirm'),\n        iconName: 'circle-check',\n        disabled: isLoading || isError\n      }\n    };\n  }, [\n    isError,\n    handleCancel,\n    onConfirm,\n    translate,\n    selectedSkillList,\n    isLoading,\n    maxSelectedSkills,\n    minSelectedSkills\n  ]);\n\n  if ((!isLoading && !skills) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('skill_focus')}\n      description={translate('skill_focus_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'bullseye-arrow',\n        backgroundColor: '#DDD1FF'\n      }}\n    >\n      <div className={style.skillPickerContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div style={{marginBottom: '16px'}}>\n              {`${selectedSkillList.length} ${translate('selected')}`}\n            </div>\n            <div style={{display: 'flex', gap: '16px', flexWrap: 'wrap'}}>\n              {skillList.map((skill, index) => {\n                const {skillTitle, skillRef, focus} = skill;\n                function handleChipClick() {\n                  const newSelectedSkillList = focus\n                    ? filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList)\n                    : [...selectedSkillList, skill.skillRef];\n                  setSelectedSkillList(newSelectedSkillList);\n                }\n\n                return (\n                  <Chip\n                    text={skillTitle}\n                    selected={focus}\n                    onClick={handleChipClick}\n                    key={index}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nSkillPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSkillPickerModal.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  minSelectedSkills: PropTypes.number,\n  maxSelectedSkills: PropTypes.number,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default SkillPickerModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SkillPickerModal","props","context","skills","selectedSkills","skillsLocales","isOpen","isLoading","maxSelectedSkills","minSelectedSkills","onCancel","onConfirm","onClose","translate","selectedSkillList","setSelectedSkillList","useState","handleCancel","useCallback","handleClose","skillList","useMemo","map","skill","skillTitle","skillRef","focus","includes","isError","length","footer","footerDescription","skillNumber","text","cancelButton","label","disabled","confirmButton","iconName","name","backgroundColor","style","skillPickerContainer","loaderContainer","loader","marginBottom","display","gap","flexWrap","index","handleChipClick","newSelectedSkillList","filter","selectedSkill","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","string","objectOf","bool","number","func"],"sources":["../../../src/molecule/skill-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport filter from 'lodash/fp/filter';\nimport BaseModal from '../base-modal';\nimport Chip from '../../atom/chip';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst SkillPickerModal = (props, context) => {\n  const {\n    skills,\n    selectedSkills,\n    skillsLocales,\n    isOpen,\n    isLoading,\n    maxSelectedSkills = 6,\n    minSelectedSkills = 3,\n    onCancel,\n    onConfirm,\n    onClose\n  } = props;\n  const {translate} = context;\n\n  const [selectedSkillList, setSelectedSkillList] = useState(selectedSkills);\n\n  const handleCancel = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onCancel();\n  }, [setSelectedSkillList, selectedSkills, onCancel]);\n\n  const handleClose = useCallback(() => {\n    setSelectedSkillList(selectedSkills);\n    onClose();\n  }, [setSelectedSkillList, selectedSkills, onClose]);\n\n  const skillList = useMemo(() => {\n    return skills.map(skill => {\n      return {\n        skillTitle: skillsLocales[skill],\n        skillRef: skill,\n        focus: selectedSkillList.includes(skill)\n      };\n    });\n  }, [skills, selectedSkillList, skillsLocales]);\n\n  const isError = useMemo(\n    () =>\n      selectedSkillList.length > maxSelectedSkills || selectedSkillList.length < minSelectedSkills,\n    [selectedSkillList, maxSelectedSkills, minSelectedSkills]\n  );\n\n  const footer = useMemo(() => {\n    const footerDescription =\n      selectedSkillList.length > maxSelectedSkills\n        ? translate('skill_focus_footer_error_description', {\n            skillNumber: selectedSkillList.length - maxSelectedSkills\n          })\n        : translate('skill_focus_footer_description', {\n            skillNumber: minSelectedSkills - selectedSkillList.length\n          });\n    return {\n      text: isLoading || !isError ? '' : footerDescription,\n      isError,\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel'),\n        disabled: isLoading || isError\n      },\n      confirmButton: {\n        onConfirm: () => onConfirm(selectedSkillList),\n        label: translate('confirm'),\n        iconName: 'circle-check',\n        disabled: isLoading || isError\n      }\n    };\n  }, [\n    isError,\n    handleCancel,\n    onConfirm,\n    translate,\n    selectedSkillList,\n    isLoading,\n    maxSelectedSkills,\n    minSelectedSkills\n  ]);\n\n  if ((!isLoading && !skills) || !isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('skill_focus')}\n      description={translate('skill_focus_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      footer={footer}\n      headerIcon={{\n        name: 'bullseye-arrow',\n        backgroundColor: '#DDD1FF'\n      }}\n    >\n      <div className={style.skillPickerContainer}>\n        {isLoading ? (\n          <div className={style.loaderContainer}>\n            <Loader className={style.loader} theme=\"coorpmanager\" />\n          </div>\n        ) : (\n          <>\n            <div style={{marginBottom: '16px'}}>\n              {`${selectedSkillList.length} ${translate('selected')}`}\n            </div>\n            <div style={{display: 'flex', gap: '16px', flexWrap: 'wrap'}}>\n              {skillList.map((skill, index) => {\n                const {skillTitle, skillRef, focus} = skill;\n                function handleChipClick() {\n                  const newSelectedSkillList = focus\n                    ? filter(selectedSkill => selectedSkill !== skillRef, selectedSkillList)\n                    : [...selectedSkillList, skill.skillRef];\n                  setSelectedSkillList(newSelectedSkillList);\n                }\n\n                return (\n                  <Chip\n                    text={skillTitle}\n                    selected={focus}\n                    onClick={handleChipClick}\n                    key={index}\n                    backgroundColor=\"skin\"\n                  />\n                );\n              })}\n            </div>\n          </>\n        )}\n      </div>\n    </BaseModal>\n  );\n};\n\nSkillPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nSkillPickerModal.propTypes = {\n  skills: PropTypes.arrayOf(PropTypes.string),\n  selectedSkills: PropTypes.arrayOf(PropTypes.string),\n  skillsLocales: PropTypes.objectOf(PropTypes.string),\n  isOpen: PropTypes.bool,\n  isLoading: PropTypes.bool,\n  minSelectedSkills: PropTypes.number,\n  maxSelectedSkills: PropTypes.number,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default SkillPickerModal;\n"],"mappings":"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"}

package/lib/organism/brand-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-form/index.js"],"names":[],"mappings":";AAkEA,kEAgFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-form/index.js"],"names":[],"mappings":";AA8EA,kEAgFC"}

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

@@ -31,7 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor, theme, massiveBattleForm) => {
+const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, massiveBattleForm) => {
   if (!onSubmit && !onReset) {
     return null;
   }
@@ -41,27 +41,36 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     "data-tip": tooltip.title,
     "data-for": "submitButton",
     className: massiveBattleForm ? _style.default.massiveBattleButton : _style.default.saveButton
-  }, theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
     type: "primary",
     label: submitValue,
     disabled: disabledSubmit,
     "data-testid": "submit-button",
-    buttonType: "submit",
-    onClick: onSubmit
-  }) : /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "submit",
-    disabled: disabledSubmit,
-    submitValue: submitValue
+    usage: "submit",
+    onClick: onSubmit,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'circle-check',
+        color: '#FFFFFF',
+        size: 16
+      }
+    }
   })) : null;
-  const cancelBackground = {
-    backgroundColor: darkColor
-  };
   const resetButton = onReset ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.resetButton
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "reset",
-    submitValue: resetValue,
-    style: cancelBackground
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    usage: "reset",
+    label: resetValue,
+    "data-testid": "reset-button",
+    onClick: onReset,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'trash',
+        size: 16
+      }
+    }
   })) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttons

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","theme","massiveBattleForm","disabledSubmit","submitButton","title","style","massiveBattleButton","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","fields","type","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"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 BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\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  theme,\n  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      {theme === 'coorpmanager' ? (\n        <ButtonLink\n          type=\"primary\"\n          label={submitValue}\n          disabled={disabledSubmit}\n          data-testid=\"submit-button\"\n          buttonType=\"submit\"\n          onClick={onSubmit}\n        />\n      ) : (\n        <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n      )}\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};\nconst 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    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{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    theme,\n    massiveBattleForm\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      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\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  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","massiveBattleForm","disabledSubmit","submitButton","title","style","massiveBattleButton","saveButton","position","faIcon","name","color","size","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","theme","skin","darkColor","fields","type","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"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 BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\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  massiveBattleForm\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div\n      data-tip={tooltip.title}\n      data-for=\"submitButton\"\n      className={massiveBattleForm ? style.massiveBattleButton : style.saveButton}\n    >\n      <ButtonLink\n        type=\"primary\"\n        label={submitValue}\n        disabled={disabledSubmit}\n        data-testid=\"submit-button\"\n        usage=\"submit\"\n        onClick={onSubmit}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'circle-check',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <ButtonLink\n        usage=\"reset\"\n        label={resetValue}\n        data-testid=\"reset-button\"\n        onClick={onReset}\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            size: 16\n          }\n        }}\n      />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst 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    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n  const massiveBattleForm = groups[0]?.fields?.[0]?.type === 'titleAndInput';\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{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    theme,\n    massiveBattleForm\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      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\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  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/lib/organism/brand-learning-priorities/index.d.ts

@@ -2,27 +2,6 @@ export default BrandLearningPriorities;
 declare function BrandLearningPriorities(props: any, context: any): JSX.Element;
 declare namespace BrandLearningPriorities {
     namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            images: PropTypes.Requireable<PropTypes.InferProps<{
-                'logo-mobile': PropTypes.Requireable<any>;
-                logo: PropTypes.Requireable<any>;
-                'logo-email': PropTypes.Requireable<any>;
-                login: PropTypes.Requireable<any>;
-            }>>;
-            icons: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            mod: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-            courses: PropTypes.Requireable<any[]>;
-            texts: PropTypes.Requireable<{
-                [x: string]: any;
-            }>;
-        }>>;
         const translate: PropTypes.Requireable<(...args: any[]) => any>;
     }
     namespace propTypes {
@@ -84,6 +63,7 @@ declare namespace BrandLearningPriorities {
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
+                selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;

package/lib/organism/brand-learning-priorities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAYA,gFAiGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-learning-priorities/index.js"],"names":[],"mappings":";AAUA,gFA2FC"}

package/lib/organism/brand-learning-priorities/index.js

@@ -3,14 +3,10 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _cssColorFunction = require("css-color-function");
-
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 
 var _loader = _interopRequireDefault(require("../../atom/loader"));
@@ -25,12 +21,12 @@ var _learningPriorityModal = _interopRequireDefault(require("../../molecule/lear
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 const BrandLearningPriorities = (props, context) => {
@@ -49,10 +45,8 @@ const BrandLearningPriorities = (props, context) => {
   const [itemList, setItemList] = (0, _react.useState)([...items]);
   const [openModal, setOpenModal] = (0, _react.useState)(false);
   const {
-    skin,
     translate
   } = context;
-  const primarySkinColor = (0, _get2.default)('common.primary', skin);
   const selectedPriorities = (0, _react.useMemo)(() => items.map(priority => priority.priorityRef), [items]);
   const handleDropItem = (0, _react.useCallback)((dragRef, dropRef) => {
     const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);
@@ -100,14 +94,10 @@ const BrandLearningPriorities = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.priorityCount
   }, `${items.length} ${translate('items')}`), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    type: "primary",
     customStyle: {
-      backgroundColor: primarySkinColor,
-      color: '#FFFFFF',
-      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',
       width: 'fit-content'
     },
-    hoverBackgroundColor: (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`),
-    hoverColor: primarySkinColor,
     onClick: handleOpenModal,
     label: translate('add_learning_priority'),
     "data-name": "add-learning-priority",
@@ -115,7 +105,6 @@ const BrandLearningPriorities = (props, context) => {
       position: 'left',
       faIcon: {
         name: 'plus',
-        backgroundColor: primarySkinColor,
         color: '#FFFFFF',
         size: 16
       }
@@ -128,7 +117,6 @@ const BrandLearningPriorities = (props, context) => {
 };
 
 BrandLearningPriorities.contextTypes = {
-  skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
 BrandLearningPriorities.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/organism/brand-learning-priorities/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","useState","openModal","setOpenModal","skin","translate","primarySkinColor","selectedPriorities","useMemo","map","priority","priorityRef","handleDropItem","useCallback","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","style","loaderContainer","loader","useEffect","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","backgroundColor","color","transition","width","convert","position","faIcon","name","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","string","title","courses","number","SelectOptionPropTypes","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              customStyle={{\n                backgroundColor: primarySkinColor,\n                color: '#FFFFFF',\n                transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out',\n                width: 'fit-content'\n              }}\n              hoverBackgroundColor={convert(`color(${primarySkinColor} a(0.07))`)}\n              hoverColor={primarySkinColor}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  backgroundColor: primarySkinColor,\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["BrandLearningPriorities","props","context","content","priorities","filters","isLoading","onAdd","items","onDrop","itemType","itemList","setItemList","useState","openModal","setOpenModal","translate","selectedPriorities","useMemo","map","priority","priorityRef","handleDropItem","useCallback","dragRef","dropRef","dragIndex","findIndex","item","dropIndex","newItems","dragItem","splice","type","ref","Loading","style","loaderContainer","loader","useEffect","handleOpenModal","handleCloseModal","container","LPtitle","LPdescription","ctaWrapper","priorityCount","length","width","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","DraggableList","arrayOf","string","title","courses","number","SelectOptionPropTypes","count","bool","func"],"sources":["../../../src/organism/brand-learning-priorities/index.js"],"sourcesContent":["import React, {useState, useCallback, useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Loader from '../../atom/loader';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport DraggableList from '../../molecule/draggable-list';\nimport ButtonLink from '../../atom/button-link';\nimport LearningPriorityModal from '../../molecule/learning-priority-modal';\nimport style from './style.css';\n\nconst BrandLearningPriorities = (props, context) => {\n  const {content, priorities, filters, isLoading, onAdd} = props;\n  const {items, onDrop, itemType} = content;\n  const [itemList, setItemList] = useState([...items]);\n  const [openModal, setOpenModal] = useState(false);\n  const {translate} = context;\n\n  const selectedPriorities = useMemo(() => items.map(priority => priority.priorityRef), [items]);\n\n  const handleDropItem = useCallback(\n    (dragRef, dropRef) => {\n      const dragIndex = itemList.findIndex(item => item.priorityRef === dragRef);\n      const dropIndex = itemList.findIndex(item => item.priorityRef === dropRef);\n\n      if (dragIndex === dropIndex) return;\n\n      const newItems = [...itemList];\n      const [dragItem] = newItems.splice(dragIndex, 1);\n      newItems.splice(dropIndex, 0, dragItem);\n\n      setItemList(newItems);\n      onDrop(\n        newItems.map(item => {\n          return {type: item.type, ref: item.priorityRef};\n        })\n      );\n    },\n    [itemList, setItemList, onDrop]\n  );\n\n  const Loading = useCallback(\n    () => (\n      <div className={style.loaderContainer}>\n        <Loader className={style.loader} theme=\"coorpmanager\" />\n      </div>\n    ),\n    []\n  );\n\n  useEffect(() => {\n    setItemList(items);\n  }, [items]);\n\n  const handleOpenModal = useCallback(() => setOpenModal(true), [setOpenModal]);\n  const handleCloseModal = useCallback(() => setOpenModal(false), [setOpenModal]);\n  return (\n    <div className={style.container}>\n      <LearningPriorityModal\n        isLoading={isLoading}\n        isOpen={openModal}\n        onCancel={handleCloseModal}\n        onClose={handleCloseModal}\n        onAdd={onAdd}\n        priorities={priorities}\n        filters={filters}\n        preselected={selectedPriorities}\n      />\n      <div className={style.LPtitle}>{translate('learning_priorities')}</div>\n      <div className={style.LPdescription}>\n        {translate('learning_priorities_brand_description')}\n      </div>\n\n      {isLoading ? (\n        <Loading />\n      ) : (\n        <>\n          <div className={style.ctaWrapper}>\n            <div className={style.priorityCount}>{`${items.length} ${translate('items')}`}</div>\n            <ButtonLink\n              type=\"primary\"\n              customStyle={{\n                width: 'fit-content'\n              }}\n              onClick={handleOpenModal}\n              label={translate('add_learning_priority')}\n              data-name=\"add-learning-priority\"\n              icon={{\n                position: 'left',\n                faIcon: {\n                  name: 'plus',\n                  color: '#FFFFFF',\n                  size: 16\n                }\n              }}\n            />\n          </div>\n          <DraggableList itemType={itemType} items={itemList} onDrop={handleDropItem} />\n        </>\n      )}\n    </div>\n  );\n};\n\nBrandLearningPriorities.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandLearningPriorities.propTypes = {\n  content: PropTypes.shape(DraggableList.propTypes),\n  priorities: PropTypes.arrayOf(\n    PropTypes.shape({\n      ref: PropTypes.string,\n      title: PropTypes.string,\n      courses: PropTypes.number,\n      type: PropTypes.string\n    })\n  ),\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...SelectOptionPropTypes,\n      count: PropTypes.number\n    })\n  ),\n  isLoading: PropTypes.bool,\n  onAdd: PropTypes.func\n};\n\nexport default BrandLearningPriorities;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,uBAAuB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAClD,MAAM;IAACC,OAAD;IAAUC,UAAV;IAAsBC,OAAtB;IAA+BC,SAA/B;IAA0CC;EAA1C,IAAmDN,KAAzD;EACA,MAAM;IAACO,KAAD;IAAQC,MAAR;IAAgBC;EAAhB,IAA4BP,OAAlC;EACA,MAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,CAAC,GAAGL,KAAJ,CAAT,CAAhC;EACA,MAAM,CAACM,SAAD,EAAYC,YAAZ,IAA4B,IAAAF,eAAA,EAAS,KAAT,CAAlC;EACA,MAAM;IAACG;EAAD,IAAcd,OAApB;EAEA,MAAMe,kBAAkB,GAAG,IAAAC,cAAA,EAAQ,MAAMV,KAAK,CAACW,GAAN,CAAUC,QAAQ,IAAIA,QAAQ,CAACC,WAA/B,CAAd,EAA2D,CAACb,KAAD,CAA3D,CAA3B;EAEA,MAAMc,cAAc,GAAG,IAAAC,kBAAA,EACrB,CAACC,OAAD,EAAUC,OAAV,KAAsB;IACpB,MAAMC,SAAS,GAAGf,QAAQ,CAACgB,SAAT,CAAmBC,IAAI,IAAIA,IAAI,CAACP,WAAL,KAAqBG,OAAhD,CAAlB;IACA,MAAMK,SAAS,GAAGlB,QAAQ,CAACgB,SAAT,CAAmBC,IAAI,IAAIA,IAAI,CAACP,WAAL,KAAqBI,OAAhD,CAAlB;IAEA,IAAIC,SAAS,KAAKG,SAAlB,EAA6B;IAE7B,MAAMC,QAAQ,GAAG,CAAC,GAAGnB,QAAJ,CAAjB;IACA,MAAM,CAACoB,QAAD,IAAaD,QAAQ,CAACE,MAAT,CAAgBN,SAAhB,EAA2B,CAA3B,CAAnB;IACAI,QAAQ,CAACE,MAAT,CAAgBH,SAAhB,EAA2B,CAA3B,EAA8BE,QAA9B;IAEAnB,WAAW,CAACkB,QAAD,CAAX;IACArB,MAAM,CACJqB,QAAQ,CAACX,GAAT,CAAaS,IAAI,IAAI;MACnB,OAAO;QAACK,IAAI,EAAEL,IAAI,CAACK,IAAZ;QAAkBC,GAAG,EAAEN,IAAI,CAACP;MAA5B,CAAP;IACD,CAFD,CADI,CAAN;EAKD,CAjBoB,EAkBrB,CAACV,QAAD,EAAWC,WAAX,EAAwBH,MAAxB,CAlBqB,CAAvB;EAqBA,MAAM0B,OAAO,GAAG,IAAAZ,kBAAA,EACd,mBACE;IAAK,SAAS,EAAEa,cAAA,CAAMC;EAAtB,gBACE,6BAAC,eAAD;IAAQ,SAAS,EAAED,cAAA,CAAME,MAAzB;IAAiC,KAAK,EAAC;EAAvC,EADF,CAFY,EAMd,EANc,CAAhB;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd3B,WAAW,CAACJ,KAAD,CAAX;EACD,CAFD,EAEG,CAACA,KAAD,CAFH;EAIA,MAAMgC,eAAe,GAAG,IAAAjB,kBAAA,EAAY,MAAMR,YAAY,CAAC,IAAD,CAA9B,EAAsC,CAACA,YAAD,CAAtC,CAAxB;EACA,MAAM0B,gBAAgB,GAAG,IAAAlB,kBAAA,EAAY,MAAMR,YAAY,CAAC,KAAD,CAA9B,EAAuC,CAACA,YAAD,CAAvC,CAAzB;EACA,oBACE;IAAK,SAAS,EAAEqB,cAAA,CAAMM;EAAtB,gBACE,6BAAC,8BAAD;IACE,SAAS,EAAEpC,SADb;IAEE,MAAM,EAAEQ,SAFV;IAGE,QAAQ,EAAE2B,gBAHZ;IAIE,OAAO,EAAEA,gBAJX;IAKE,KAAK,EAAElC,KALT;IAME,UAAU,EAAEH,UANd;IAOE,OAAO,EAAEC,OAPX;IAQE,WAAW,EAAEY;EARf,EADF,eAWE;IAAK,SAAS,EAAEmB,cAAA,CAAMO;EAAtB,GAAgC3B,SAAS,CAAC,qBAAD,CAAzC,CAXF,eAYE;IAAK,SAAS,EAAEoB,cAAA,CAAMQ;EAAtB,GACG5B,SAAS,CAAC,uCAAD,CADZ,CAZF,EAgBGV,SAAS,gBACR,6BAAC,OAAD,OADQ,gBAGR,yEACE;IAAK,SAAS,EAAE8B,cAAA,CAAMS;EAAtB,gBACE;IAAK,SAAS,EAAET,cAAA,CAAMU;EAAtB,GAAuC,GAAEtC,KAAK,CAACuC,MAAO,IAAG/B,SAAS,CAAC,OAAD,CAAU,EAA5E,CADF,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,SADP;IAEE,WAAW,EAAE;MACXgC,KAAK,EAAE;IADI,CAFf;IAKE,OAAO,EAAER,eALX;IAME,KAAK,EAAExB,SAAS,CAAC,uBAAD,CANlB;IAOE,aAAU,uBAPZ;IAQE,IAAI,EAAE;MACJiC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,MADA;QAENC,KAAK,EAAE,SAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ;EARR,EAFF,CADF,eAqBE,6BAAC,sBAAD;IAAe,QAAQ,EAAE3C,QAAzB;IAAmC,KAAK,EAAEC,QAA1C;IAAoD,MAAM,EAAEW;EAA5D,EArBF,CAnBJ,CADF;AA8CD,CA3FD;;AA6FAtB,uBAAuB,CAACsD,YAAxB,GAAuC;EACrCtC,SAAS,EAAEuC,iBAAA,CAASC,iBAAT,CAA2BxC;AADD,CAAvC;AAIAhB,uBAAuB,CAACyD,SAAxB,2CAAoC;EAClCtD,OAAO,EAAEuD,kBAAA,CAAUC,KAAV,CAAgBC,sBAAA,CAAcH,SAA9B,CADyB;EAElCrD,UAAU,EAAEsD,kBAAA,CAAUG,OAAV,CACVH,kBAAA,CAAUC,KAAV,CAAgB;IACdzB,GAAG,EAAEwB,kBAAA,CAAUI,MADD;IAEdC,KAAK,EAAEL,kBAAA,CAAUI,MAFH;IAGdE,OAAO,EAAEN,kBAAA,CAAUO,MAHL;IAIdhC,IAAI,EAAEyB,kBAAA,CAAUI;EAJF,CAAhB,CADU,CAFsB;EAUlCzD,OAAO,EAAEqD,kBAAA,CAAUG,OAAV,CACPH,kBAAA,CAAUC,KAAV,cACKO,6BADL;IAEEC,KAAK,EAAET,kBAAA,CAAUO;EAFnB,GADO,CAVyB;EAgBlC3D,SAAS,EAAEoD,kBAAA,CAAUU,IAhBa;EAiBlC7D,KAAK,EAAEmD,kBAAA,CAAUW;AAjBiB,CAApC;eAoBerE,uB"}

package/lib/organism/brand-learning-priorities/style.css

@@ -4,6 +4,7 @@
 .container {
   font-family: "Gilroy";
   font-style: normal;
+  margin-bottom: 48px;
 }
 
 .LPtitle {
@@ -38,6 +39,7 @@
 .ctaWrapper {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   margin-bottom: 16px;
 }
 

package/lib/organism/list-item/index.d.ts

@@ -1,11 +1,12 @@
 export default ListItem;
-declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, selected, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
     tags: any;
     title: any;
     selected: any;
+    selectedColor: any;
     subtitle: any;
     dataColumns: any;
     order: any;
@@ -45,6 +46,7 @@ declare namespace ListItem {
         title: PropTypes.Validator<string>;
         subtitle: PropTypes.Requireable<string>;
         selected: PropTypes.Requireable<boolean>;
+        selectedColor: PropTypes.Requireable<string>;
         dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;

package/lib/organism/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;8BAuGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;8BAwGC"}

package/lib/organism/list-item/index.js

@@ -42,6 +42,7 @@ const ListItem = ({
   tags,
   title,
   selected,
+  selectedColor,
   subtitle,
   dataColumns,
   order,
@@ -55,7 +56,7 @@ const ListItem = ({
   const {
     skin
   } = context;
-  const primarySkinColor = (0, _get2.default)('common.primary', skin);
+  const primarySelectedColor = selectedColor || (0, _get2.default)('common.primary', skin);
 
   const mapUncapped = _map2.default.convert({
     cap: false
@@ -63,11 +64,11 @@ const ListItem = ({
 
   let isPublished = false;
   const selectedStyle = selected ? {
-    backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.07))`)
+    backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySelectedColor} a(0.07))`)
   } : {};
   const tagSelectedStyle = selected ? {
-    backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySkinColor} a(0.15))`),
-    color: primarySkinColor
+    backgroundColor: (0, _cssColorFunction.convert)(`color(${primarySelectedColor} a(0.15))`),
+    color: primarySelectedColor
   } : {};
   const tagsView = mapUncapped((tag, index) => {
     isPublished = tag.type === 'success';
@@ -103,7 +104,7 @@ const ListItem = ({
     className: _style.default.settings
   }, tagsView, selected ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: "circle-check",
-    iconColor: primarySkinColor,
+    iconColor: primarySelectedColor,
     backgroundColor: '#ffffff',
     size: {
       faSize: 16,
@@ -120,6 +121,7 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string.isRequired,
   subtitle: _propTypes.default.string,
   selected: _propTypes.default.bool,
+  selectedColor: _propTypes.default.string,
   dataColumns: _propTypes.default.arrayOf(_propTypes.default.shape({
     label: _propTypes.default.string,
     type: _propTypes.default.oneOf(['success', 'failure', 'warning', 'progress', 'default']),

package/lib/organism/list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","selected","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","context","skin","primarySkinColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","settings","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    selected,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySkinColor = get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySkinColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySkinColor} a(0.15))`),\n        color: primarySkinColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <Icon\n            iconName=\"circle-check\"\n            iconColor={primarySkinColor}\n            backgroundColor={'#ffffff'}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  selected: PropTypes.bool,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","context","skin","primarySelectedColor","mapUncapped","convert","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","style","dataColumnsView","dataColumn","className","label","orderView","undefined","classnames","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","settings","faSize","wrapperSize","contextTypes","Provider","childContextTypes","translate","propTypes","PropTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport Icon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.title} title={title}>\n          {title}\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <Icon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={'#ffffff'}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string\n};\n\nexport default ListItem;\n"],"mappings":"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"}

package/lib/organism/list-items/index.d.ts

@@ -12,6 +12,7 @@ declare namespace ListItems {
         'aria-label': PropTypes.Requireable<string>;
         buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
+            usage: PropTypes.Requireable<string>;
             label: PropTypes.Requireable<string>;
             content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             'aria-label': PropTypes.Requireable<string>;
@@ -56,6 +57,7 @@ declare namespace ListItems {
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
+                selectedColor: PropTypes.Requireable<string>;
                 dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
@@ -150,6 +152,7 @@ declare namespace ListItems {
             lastField: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 componentType: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
+                usage: PropTypes.Requireable<string>;
                 label: PropTypes.Requireable<string>;
                 content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 'aria-label': PropTypes.Requireable<string>;