@coorpacademy/components 11.32.21 → 11.32.23-alpha.2

package/lib/molecule/learning-priority-modal/style.css

@@ -0,0 +1,70 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+
+.LearningPriorityContainer {
+  height: 485px;
+  width: calc(71vw - 68px);
+  max-width: 660px;
+  overflow-y: auto;
+}
+
+.loaderContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+}
+
+.loader {
+  width: 40px; 
+  height: 40px;
+}
+
+.searchWrapper {
+  border-radius: 12px;
+  width: 300px;
+  background-color: cm_grey_100;
+  margin-bottom: 20px;
+}
+
+.filterWrapper {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 32px;
+  overflow-x: auto;
+}
+
+.filterButtonWrapper {
+  display: flex;
+  align-items: center;
+}
+
+.skillFilterNumber,
+.skillFilterNumberInActive {
+  border-radius: 50%;
+  background-color: #D6E6FF;
+  color: #0061FF;
+  padding: 2px 4px;
+  margin-left: 8px;
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 12px;
+}
+
+.skillFilterNumberInActive {
+  background-color: #EAEAEB;
+  color: #515161;
+}
+
+.priorityListWrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+@media mobile {
+  .LearningPriorityContainer {
+    width: 100%;
+  }
+}

package/lib/molecule/learning-priority-setup-item/index.d.ts

@@ -0,0 +1,18 @@
+export default LearningPrioritySetupItem;
+declare function LearningPrioritySetupItem(props: any, context: any): JSX.Element;
+declare namespace LearningPrioritySetupItem {
+    namespace contextTypes {
+        const translate: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+    const propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        priorityRef: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        courses: PropTypes.Requireable<number>;
+        type: PropTypes.Requireable<string>;
+        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/learning-priority-setup-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"names":[],"mappings":";AAOA,kFAsDC"}

package/lib/molecule/learning-priority-setup-item/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _provider = _interopRequireDefault(require("../../atom/provider"));
+
+var _tag = _interopRequireDefault(require("../../atom/tag"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+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; }
+
+const LearningPrioritySetupItem = (props, context) => {
+  const {
+    priorityRef,
+    id,
+    title,
+    courses = null,
+    type,
+    'aria-label': ariaLabel,
+    onRemove
+  } = props;
+  const {
+    translate
+  } = context;
+  const handleRemovePriority = (0, _react.useCallback)(() => onRemove(priorityRef, type), [priorityRef, type]);
+
+  const handleTypeTranslate = itemType => {
+    switch (itemType) {
+      case 'skill':
+        return translate('skill');
+
+      case 'playlist':
+        return translate('playlist');
+
+      case 'certificate':
+        return translate('certificate');
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container,
+    "aria-label": ariaLabel,
+    "data-name": `learning-priority-setup-item-${id}`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.containerInfos
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_tag.default, {
+    label: handleTypeTranslate(type),
+    size: 'S'
+  }))), courses !== null ? /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.courses
+  }, `${courses} ${translate('courses')}`) : null), /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    type: "primary",
+    customStyle: {
+      width: 'fit-content',
+      backgroundColor: 'transparent'
+    },
+    hoverBackgroundColor: "#EAEAEB",
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: 'trash',
+        color: '#515161',
+        size: 16
+      }
+    },
+    onClick: handleRemovePriority
+  }));
+};
+
+LearningPrioritySetupItem.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
+LearningPrioritySetupItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string,
+  id: _propTypes.default.string,
+  priorityRef: _propTypes.default.string,
+  title: _propTypes.default.string,
+  courses: _propTypes.default.number,
+  type: _propTypes.default.oneOf(['skill', 'playlist', 'certificate']),
+  onRemove: _propTypes.default.func
+} : {};
+var _default = LearningPrioritySetupItem;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/learning-priority-setup-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LearningPrioritySetupItem","props","context","priorityRef","id","title","courses","type","ariaLabel","onRemove","translate","handleRemovePriority","useCallback","handleTypeTranslate","itemType","style","container","containerInfos","titleWrapper","width","backgroundColor","position","faIcon","name","color","size","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","number","oneOf","func"],"sources":["../../../src/molecule/learning-priority-setup-item/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst LearningPrioritySetupItem = (props, context) => {\n  const {priorityRef, id, title, courses = null, type, 'aria-label': ariaLabel, onRemove} = props;\n\n  const {translate} = context;\n\n  const handleRemovePriority = useCallback(() => onRemove(priorityRef, type), [priorityRef, type]);\n\n  const handleTypeTranslate = itemType => {\n    switch (itemType) {\n      case 'skill':\n        return translate('skill');\n      case 'playlist':\n        return translate('playlist');\n      case 'certificate':\n        return translate('certificate');\n    }\n  };\n\n  return (\n    <div\n      className={style.container}\n      aria-label={ariaLabel}\n      data-name={`learning-priority-setup-item-${id}`}\n    >\n      <div className={style.containerInfos}>\n        <div className={style.titleWrapper}>\n          <div className={style.title}>{title}</div>\n          <div>\n            <Tag label={handleTypeTranslate(type)} size={'S'} />\n          </div>\n        </div>\n        {courses !== null ? (\n          <span className={style.courses}>{`${courses} ${translate('courses')}`}</span>\n        ) : null}\n      </div>\n      <ButtonLink\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          backgroundColor: 'transparent'\n        }}\n        hoverBackgroundColor=\"#EAEAEB\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'trash',\n            color: '#515161',\n            size: 16\n          }\n        }}\n        onClick={handleRemovePriority}\n      />\n    </div>\n  );\n};\n\nLearningPrioritySetupItem.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nLearningPrioritySetupItem.propTypes = {\n  'aria-label': PropTypes.string,\n  id: PropTypes.string,\n  priorityRef: PropTypes.string,\n  title: PropTypes.string,\n  courses: PropTypes.number,\n  type: PropTypes.oneOf(['skill', 'playlist', 'certificate']),\n  onRemove: PropTypes.func\n};\n\nexport default LearningPrioritySetupItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,yBAAyB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpD,MAAM;IAACC,WAAD;IAAcC,EAAd;IAAkBC,KAAlB;IAAyBC,OAAO,GAAG,IAAnC;IAAyCC,IAAzC;IAA+C,cAAcC,SAA7D;IAAwEC;EAAxE,IAAoFR,KAA1F;EAEA,MAAM;IAACS;EAAD,IAAcR,OAApB;EAEA,MAAMS,oBAAoB,GAAG,IAAAC,kBAAA,EAAY,MAAMH,QAAQ,CAACN,WAAD,EAAcI,IAAd,CAA1B,EAA+C,CAACJ,WAAD,EAAcI,IAAd,CAA/C,CAA7B;;EAEA,MAAMM,mBAAmB,GAAGC,QAAQ,IAAI;IACtC,QAAQA,QAAR;MACE,KAAK,OAAL;QACE,OAAOJ,SAAS,CAAC,OAAD,CAAhB;;MACF,KAAK,UAAL;QACE,OAAOA,SAAS,CAAC,UAAD,CAAhB;;MACF,KAAK,aAAL;QACE,OAAOA,SAAS,CAAC,aAAD,CAAhB;IANJ;EAQD,CATD;;EAWA,oBACE;IACE,SAAS,EAAEK,cAAA,CAAMC,SADnB;IAEE,cAAYR,SAFd;IAGE,aAAY,gCAA+BJ,EAAG;EAHhD,gBAKE;IAAK,SAAS,EAAEW,cAAA,CAAME;EAAtB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMV;EAAtB,GAA8BA,KAA9B,CADF,eAEE,uDACE,6BAAC,YAAD;IAAK,KAAK,EAAEQ,mBAAmB,CAACN,IAAD,CAA/B;IAAuC,IAAI,EAAE;EAA7C,EADF,CAFF,CADF,EAOGD,OAAO,KAAK,IAAZ,gBACC;IAAM,SAAS,EAAES,cAAA,CAAMT;EAAvB,GAAkC,GAAEA,OAAQ,IAAGI,SAAS,CAAC,SAAD,CAAY,EAApE,CADD,GAEG,IATN,CALF,eAgBE,6BAAC,mBAAD;IACE,IAAI,EAAC,SADP;IAEE,WAAW,EAAE;MACXS,KAAK,EAAE,aADI;MAEXC,eAAe,EAAE;IAFN,CAFf;IAME,oBAAoB,EAAC,SANvB;IAOE,IAAI,EAAE;MACJC,QAAQ,EAAE,MADN;MAEJC,MAAM,EAAE;QACNC,IAAI,EAAE,OADA;QAENC,KAAK,EAAE,SAFD;QAGNC,IAAI,EAAE;MAHA;IAFJ,CAPR;IAeE,OAAO,EAAEd;EAfX,EAhBF,CADF;AAoCD,CAtDD;;AAwDAX,yBAAyB,CAAC0B,YAA1B,GAAyC;EACvChB,SAAS,EAAEiB,iBAAA,CAASC,iBAAT,CAA2BlB;AADC,CAAzC;AAIAV,yBAAyB,CAAC6B,SAA1B,2CAAsC;EACpC,cAAcC,kBAAA,CAAUC,MADY;EAEpC3B,EAAE,EAAE0B,kBAAA,CAAUC,MAFsB;EAGpC5B,WAAW,EAAE2B,kBAAA,CAAUC,MAHa;EAIpC1B,KAAK,EAAEyB,kBAAA,CAAUC,MAJmB;EAKpCzB,OAAO,EAAEwB,kBAAA,CAAUE,MALiB;EAMpCzB,IAAI,EAAEuB,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,EAAU,UAAV,EAAsB,aAAtB,CAAhB,CAN8B;EAOpCxB,QAAQ,EAAEqB,kBAAA,CAAUI;AAPgB,CAAtC;eAUelC,yB"}

package/lib/molecule/learning-priority-setup-item/style.css

@@ -0,0 +1,47 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_50 from colors;
+@value cm_grey_700 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_400 from colors;
+
+.container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: cm_grey_50;
+    font-size: 14px;
+    margin-top: 8px;
+    padding: 8px 16px;
+    border-radius: 7px;
+}
+
+.containerInfos {
+    margin-left: 32px;
+    overflow: hidden;
+    flex-grow: 1;
+}
+
+.titleWrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.title {
+    color: cm_grey_700;
+    line-height: 22px;
+    font-family: Gilroy;
+    font-size: 16px;
+    font-weight: bold;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    text-overflow: ellipsis;
+}
+
+.courses {
+    color: cm_grey_500;
+    display: block;
+    font-family: Gilroy;
+    line-height: 20px;
+}

package/lib/molecule/playlist-detail-cover/index.d.ts

@@ -0,0 +1,14 @@
+export default PlaylistDetailCover;
+declare function PlaylistDetailCover({ images }: {
+    images: any;
+}): JSX.Element;
+declare namespace PlaylistDetailCover {
+    namespace propTypes {
+        const images: PropTypes.Requireable<(PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            url: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/playlist-detail-cover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/playlist-detail-cover/index.js"],"names":[],"mappings":";AAQA;;gBAoCC"}

package/lib/molecule/playlist-detail-cover/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _courses = require("../../variables/courses");
+
+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; }
+
+const FALLBACK_PATH = 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';
+
+const PlaylistDetailCover = ({
+  images
+}) => {
+  const [firstColumnImages, secondColumnImages] = (0, _react.useMemo)(() => {
+    const imagesClone = [...images];
+    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];
+  }, [images]);
+  const buildImageStyle = (0, _react.useCallback)(({
+    type,
+    url
+  }) => {
+    const imageUrl = url || FALLBACK_PATH.replace('$TYPE', type);
+    return {
+      backgroundImage: `url(${imageUrl})`,
+      backgroundSize: 'cover',
+      backgroundPosition: 'center'
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, images.length === 1 ? /*#__PURE__*/_react.default.createElement("img", {
+    className: _style.default.image,
+    style: buildImageStyle(images[0])
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.imagesWrapper
+  }, firstColumnImages.map((image, index) => /*#__PURE__*/_react.default.createElement("img", {
+    key: index,
+    className: _style.default.image,
+    style: buildImageStyle(image)
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.imagesWrapper
+  }, secondColumnImages.map((image, index) => /*#__PURE__*/_react.default.createElement("img", {
+    key: index,
+    className: _style.default.image,
+    style: buildImageStyle(image)
+  })))));
+};
+
+PlaylistDetailCover.propTypes = process.env.NODE_ENV !== "production" ? {
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    type: _propTypes.default.oneOf(_courses.COURSE_TYPES),
+    url: _propTypes.default.string
+  }))
+} : {};
+var _default = PlaylistDetailCover;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/playlist-detail-cover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FALLBACK_PATH","PlaylistDetailCover","images","firstColumnImages","secondColumnImages","useMemo","imagesClone","splice","length","buildImageStyle","useCallback","type","url","imageUrl","replace","backgroundImage","backgroundSize","backgroundPosition","style","container","image","imagesWrapper","map","index","propTypes","PropTypes","arrayOf","shape","oneOf","COURSE_TYPES","string"],"sources":["../../../src/molecule/playlist-detail-cover/index.js"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {COURSE_TYPES} from '../../variables/courses';\nimport style from './style.css';\n\nconst FALLBACK_PATH =\n  'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/cover-fallback-external-$TYPE.png';\n\nconst PlaylistDetailCover = ({images}) => {\n  const [firstColumnImages, secondColumnImages] = useMemo(() => {\n    const imagesClone = [...images];\n    return [imagesClone.splice(0, imagesClone.length / 2), imagesClone];\n  }, [images]);\n\n  const buildImageStyle = useCallback(({type, url}) => {\n    const imageUrl = url || FALLBACK_PATH.replace('$TYPE', type);\n\n    return {\n      backgroundImage: `url(${imageUrl})`,\n      backgroundSize: 'cover',\n      backgroundPosition: 'center'\n    };\n  });\n\n  return (\n    <div className={style.container}>\n      {images.length === 1 ? (\n        <img className={style.image} style={buildImageStyle(images[0])} />\n      ) : (\n        <>\n          <div className={style.imagesWrapper}>\n            {firstColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n          <div className={style.imagesWrapper}>\n            {secondColumnImages.map((image, index) => (\n              <img key={index} className={style.image} style={buildImageStyle(image)} />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nPlaylistDetailCover.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf(COURSE_TYPES),\n      url: PropTypes.string\n    })\n  )\n};\n\nexport default PlaylistDetailCover;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GACjB,4GADF;;AAGA,MAAMC,mBAAmB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAc;EACxC,MAAM,CAACC,iBAAD,EAAoBC,kBAApB,IAA0C,IAAAC,cAAA,EAAQ,MAAM;IAC5D,MAAMC,WAAW,GAAG,CAAC,GAAGJ,MAAJ,CAApB;IACA,OAAO,CAACI,WAAW,CAACC,MAAZ,CAAmB,CAAnB,EAAsBD,WAAW,CAACE,MAAZ,GAAqB,CAA3C,CAAD,EAAgDF,WAAhD,CAAP;EACD,CAH+C,EAG7C,CAACJ,MAAD,CAH6C,CAAhD;EAKA,MAAMO,eAAe,GAAG,IAAAC,kBAAA,EAAY,CAAC;IAACC,IAAD;IAAOC;EAAP,CAAD,KAAiB;IACnD,MAAMC,QAAQ,GAAGD,GAAG,IAAIZ,aAAa,CAACc,OAAd,CAAsB,OAAtB,EAA+BH,IAA/B,CAAxB;IAEA,OAAO;MACLI,eAAe,EAAG,OAAMF,QAAS,GAD5B;MAELG,cAAc,EAAE,OAFX;MAGLC,kBAAkB,EAAE;IAHf,CAAP;EAKD,CARuB,CAAxB;EAUA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC;EAAtB,GACGjB,MAAM,CAACM,MAAP,KAAkB,CAAlB,gBACC;IAAK,SAAS,EAAEU,cAAA,CAAME,KAAtB;IAA6B,KAAK,EAAEX,eAAe,CAACP,MAAM,CAAC,CAAD,CAAP;EAAnD,EADD,gBAGC,yEACE;IAAK,SAAS,EAAEgB,cAAA,CAAMG;EAAtB,GACGlB,iBAAiB,CAACmB,GAAlB,CAAsB,CAACF,KAAD,EAAQG,KAAR,kBACrB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEL,cAAA,CAAME,KAAlC;IAAyC,KAAK,EAAEX,eAAe,CAACW,KAAD;EAA/D,EADD,CADH,CADF,eAME;IAAK,SAAS,EAAEF,cAAA,CAAMG;EAAtB,GACGjB,kBAAkB,CAACkB,GAAnB,CAAuB,CAACF,KAAD,EAAQG,KAAR,kBACtB;IAAK,GAAG,EAAEA,KAAV;IAAiB,SAAS,EAAEL,cAAA,CAAME,KAAlC;IAAyC,KAAK,EAAEX,eAAe,CAACW,KAAD;EAA/D,EADD,CADH,CANF,CAJJ,CADF;AAoBD,CApCD;;AAsCAnB,mBAAmB,CAACuB,SAApB,2CAAgC;EAC9BtB,MAAM,EAAEuB,kBAAA,CAAUC,OAAV,CACND,kBAAA,CAAUE,KAAV,CAAgB;IACdhB,IAAI,EAAEc,kBAAA,CAAUG,KAAV,CAAgBC,qBAAhB,CADQ;IAEdjB,GAAG,EAAEa,kBAAA,CAAUK;EAFD,CAAhB,CADM;AADsB,CAAhC;eASe7B,mB"}

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/title-and-checkbox-wrapper/index.d.ts

@@ -23,6 +23,9 @@ declare namespace TitleAndCheckBoxWrapper {
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: string | null | undefined;
+                }>;
             }>>;
         }>>;
         const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{

package/lib/molecule/title-radio-wrapper/index.d.ts

@@ -16,6 +16,9 @@ declare const TitleRadioWrapper: {
                     label: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<string>;
+                    customStyle: import("prop-types").Requireable<{
+                        [x: string]: string | null | undefined;
+                    }>;
                 }>>;
             }>>>;
             name: import("prop-types").Requireable<string>;

package/lib/molecule/title-radio-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/lib/molecule/title-radio-wrapper/types.d.ts

@@ -16,6 +16,9 @@ declare const propTypes: {
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<string>;
+                customStyle: PropTypes.Requireable<{
+                    [x: string]: string | null | undefined;
+                }>;
             }>>;
         }>>>;
         name: PropTypes.Requireable<string>;

package/lib/molecule/title-radio-wrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,167 @@
+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 {
+        const content: PropTypes.Requireable<PropTypes.InferProps<{
+            items: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                onUp: PropTypes.Requireable<(...args: any[]) => any>;
+                onDown: PropTypes.Requireable<(...args: any[]) => any>;
+                display: PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    name: PropTypes.Requireable<string>;
+                    id: PropTypes.Requireable<string>;
+                    value: PropTypes.Requireable<boolean>;
+                    disabled: PropTypes.Requireable<boolean>;
+                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                    description: PropTypes.Requireable<string>;
+                    'aria-labelledby': PropTypes.Requireable<string>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    modified: PropTypes.Requireable<boolean>;
+                    titlePosition: PropTypes.Requireable<string>;
+                    theme: PropTypes.Requireable<string>;
+                    details: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
+                    requiredSelection: PropTypes.Requireable<boolean>;
+                }>>;
+                contentTypes: PropTypes.Requireable<PropTypes.InferProps<{
+                    modified: PropTypes.Requireable<boolean>;
+                    color: PropTypes.Requireable<string>;
+                    theme: PropTypes.Requireable<string>;
+                    className: PropTypes.Requireable<string>;
+                    list: PropTypes.Requireable<(PropTypes.InferProps<{
+                        color: PropTypes.Requireable<string>;
+                        value: PropTypes.Validator<string>;
+                        name: PropTypes.Requireable<string>;
+                        theme: PropTypes.Requireable<string>;
+                        checked: PropTypes.Requireable<boolean>;
+                        label: PropTypes.Requireable<string>;
+                        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                    }> | null | undefined)[]>;
+                    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+            }> | PropTypes.InferProps<{
+                'aria-label': PropTypes.Requireable<PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    author: PropTypes.Requireable<string>;
+                    modules: PropTypes.Requireable<string>;
+                    position: PropTypes.Requireable<string>;
+                }>>;
+                image: PropTypes.Requireable<string>;
+                badgeList: PropTypes.Requireable<(PropTypes.InferProps<{
+                    category: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                title: PropTypes.Requireable<string>;
+                author: PropTypes.Requireable<string>;
+                position: PropTypes.Requireable<number>;
+                id: PropTypes.Requireable<string>;
+            }> | PropTypes.InferProps<{
+                title: PropTypes.Validator<string>;
+                subtitle: PropTypes.Requireable<string>;
+                selected: PropTypes.Requireable<boolean>;
+                dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
+                    label: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                    className: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    ariaLabel: PropTypes.Requireable<string>;
+                    dataName: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+                secondButtonLink: PropTypes.Requireable<PropTypes.InferProps<{
+                    type: PropTypes.Requireable<string>;
+                    label: PropTypes.Requireable<string>;
+                    ariaLabel: PropTypes.Requireable<string>;
+                    dataName: PropTypes.Requireable<string>;
+                    icon: PropTypes.Requireable<PropTypes.InferProps<{
+                        position: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                    }>>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+                bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+                    buttonAriaLabel: PropTypes.Requireable<string>;
+                    menuAriaLabel: PropTypes.Requireable<string>;
+                    buttons: PropTypes.Requireable<(PropTypes.InferProps<{
+                        'data-name': PropTypes.Requireable<string>;
+                        label: PropTypes.Requireable<string>;
+                        type: PropTypes.Requireable<string>;
+                        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    }> | null | undefined)[]>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                }>>;
+                tags: PropTypes.Requireable<(PropTypes.InferProps<{
+                    label: PropTypes.Requireable<string>;
+                    type: PropTypes.Requireable<string>;
+                }> | null | undefined)[]>;
+                disabled: PropTypes.Requireable<boolean>;
+                onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                isBulkStyle: PropTypes.Requireable<boolean>;
+                isOverflowHidden: PropTypes.Requireable<boolean>;
+                order: PropTypes.Requireable<number>;
+                'aria-label': PropTypes.Requireable<string>;
+                contentType: PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+            }> | PropTypes.InferProps<{
+                'aria-label': PropTypes.Requireable<string>;
+                id: PropTypes.Requireable<string>;
+                priorityRef: PropTypes.Requireable<string>;
+                title: PropTypes.Requireable<string>;
+                courses: PropTypes.Requireable<number>;
+                type: PropTypes.Requireable<string>;
+                onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+            }> | null | undefined> | null | undefined)[]>;
+            onDrop: PropTypes.Requireable<(...args: any[]) => any>;
+            itemType: PropTypes.Requireable<string>;
+        }>>;
+        const priorities: PropTypes.Requireable<(PropTypes.InferProps<{
+            ref: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            courses: PropTypes.Requireable<number>;
+            type: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        const filters: PropTypes.Requireable<(PropTypes.InferProps<{
+            count: PropTypes.Requireable<number>;
+            name: PropTypes.Validator<string>;
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            selected: PropTypes.Requireable<boolean>;
+            validOption: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+        const isLoading: PropTypes.Requireable<boolean>;
+        const onAdd: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

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

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