@coorpacademy/components 11.32.42 → 11.32.44-alpha.55

package/lib/atom/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Link","props","legacyContext","skin","GetSkinFromContext","hovered","setHovered","useState","history","createHref","skinHover","hoverColor","dataName","ariaLabel","useButtonTag","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","disabled","handleMouseEnter","useCallback","handleMouseLeave","navigate","useMemo","pushToHistory","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","_props","undefined","propTypes","PropTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    useButtonTag = false,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download,\n    disabled\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style = useMemo(\n    () =>\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          },\n    [href, onClick]\n  );\n\n  const _hoverStyle = useMemo(\n    () =>\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null,\n    [hoverColor, hovered, skinHover]\n  );\n\n  const _props = useMemo(\n    () => ({\n      ...linKElementProps,\n      'data-name': dataName,\n      'aria-label': ariaLabel,\n      href: disabled || !href ? undefined : createHref(href),\n      onClick: disabled ? noop : handleOnClick,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      className,\n      style: {\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }\n    }),\n    [\n      _hoverStyle,\n      _style,\n      ariaLabel,\n      className,\n      dataName,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleOnClick,\n      href,\n      disabled,\n      createHref,\n      linKElementProps,\n      propsStyle\n    ]\n  );\n\n  return useButtonTag ? (\n    <button {..._props} type=\"button\">\n      {children}\n    </button>\n  ) : (\n    <a {..._props}>{children}</a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Link","props","legacyContext","hovered","setHovered","useState","history","createHref","hoverColor","hoverBackgroundColor","dataName","useButtonTag","href","onClick","style","customStyle","children","onMouseOver","onMouseLeave","download","disabled","restProps","navigate","useMemo","pushToHistory","handleMouseOver","useCallback","handleMouseLeave","handleOnClick","e","backgroundColor","undefined","color","pointerEvents","propTypes","PropTypes","node","className","string","title","target","oneOf","bool","func","shape","contextTypes","skin","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, noop} from 'lodash/fp';\nimport Provider from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n\n  const {\n    hoverColor,\n    hoverBackgroundColor,\n    'data-name': dataName = 'link',\n    useButtonTag = false,\n    href,\n    onClick = noop,\n    style: customStyle,\n    children,\n    onMouseOver = noop,\n    onMouseLeave = noop,\n    download,\n    disabled,\n    ...restProps\n  } = props;\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n    onMouseOver();\n  }, [onMouseOver]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n      if (!download) navigate(e);\n    },\n    [download, navigate, onClick]\n  );\n\n  const style = {\n    ...customStyle,\n    ...(hovered && hoverBackgroundColor ? {backgroundColor: hoverBackgroundColor} : undefined),\n    ...(hovered && hoverColor ? {color: hoverColor} : undefined),\n    pointerEvents: disabled || !href ? 'none' : undefined\n  };\n\n  return useButtonTag ? (\n    <button\n      {...restProps}\n      data-name={dataName}\n      type=\"button\"\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </button>\n  ) : (\n    <a\n      {...restProps}\n      data-name={dataName}\n      href={disabled || !href ? undefined : createHref(href)}\n      onClick={disabled ? noop : handleOnClick}\n      style={style}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  hoverColor: PropTypes.string,\n  hoverBackgroundColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({}),\n  disabled: PropTypes.bool\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/lib/atom/select-icon/index.d.ts

@@ -0,0 +1,17 @@
+export default SelectIcon;
+declare function SelectIcon(props: any): JSX.Element;
+declare namespace SelectIcon {
+    const propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        faIcon: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        options: PropTypes.Requireable<PropTypes.InferProps<{
+            selectionMode: PropTypes.Requireable<string>;
+            isSelected: PropTypes.Requireable<boolean>;
+            iconColor: PropTypes.Requireable<string>;
+        }>>;
+    };
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/atom/select-icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select-icon/index.js"],"names":[],"mappings":";AAgDA,qDA0BC"}

package/lib/atom/select-icon/index.js

@@ -0,0 +1,111 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _icon = _interopRequireDefault(require("../icon"));
+
+var _colors = require("../../variables/colors");
+
+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 ICON_COLOR = _colors.COLORS.cm_primary_blue;
+const BACKGROUND_COLOR = _colors.COLORS.white;
+const CHECK_ICON_NAME_MAP = {
+  single: 'circle-check',
+  multi: 'square-check'
+};
+
+const getButtonContent = (faIcon, options = {}) => {
+  const {
+    selectionMode = 'single',
+    isSelected = false,
+    iconColor = ICON_COLOR
+  } = options;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.contentWrapper
+  }, isSelected ?
+  /*#__PURE__*/
+
+  /* checkbox icon */
+  _react.default.createElement("div", {
+    className: _style.default.checkIcon
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: CHECK_ICON_NAME_MAP[selectionMode],
+    iconColor: iconColor,
+    backgroundColor: BACKGROUND_COLOR,
+    size: {
+      faSize: 16,
+      wrapperSize: 16
+    }
+  })) : null,
+  /*#__PURE__*/
+
+  /* selection tick (L18) / icon */
+  _react.default.createElement("div", {
+    className: _style.default.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.icon
+  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+    iconName: faIcon,
+    iconColor: isSelected ? iconColor : '',
+    size: {
+      faSize: 32,
+      wrapperSize: 32
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.iconText
+  }, faIcon)));
+};
+
+const SelectIcon = props => {
+  const {
+    faIcon,
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    onClick,
+    options = {}
+  } = props;
+  const {
+    isSelected = false
+  } = options;
+  const contentView = getButtonContent(faIcon, options);
+  const styleButton = (0, _classnames.default)(_style.default.default, isSelected && _style.default.selected);
+  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
+  const IconButton = (0, _react.useCallback)(() => /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "aria-label": ariaLabel,
+    "data-name": dataName,
+    "data-testid": `button-${dataName}`,
+    className: styleButton,
+    onClick: handleOnClick
+  }, contentView), [ariaLabel, contentView, dataName, handleOnClick, styleButton]);
+  return /*#__PURE__*/_react.default.createElement(IconButton, null);
+};
+
+SelectIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  'aria-label': _propTypes.default.string,
+  'data-name': _propTypes.default.string,
+  faIcon: _propTypes.default.string,
+  onClick: _propTypes.default.func,
+  options: _propTypes.default.shape({
+    selectionMode: _propTypes.default.oneOf(['single', 'multi']),
+    isSelected: _propTypes.default.bool,
+    iconColor: _propTypes.default.string
+  })
+} : {};
+var _default = SelectIcon;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/atom/select-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ICON_COLOR","COLORS","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","style","contentWrapper","checkIcon","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","classnames","default","selected","handleOnClick","useCallback","IconButton","propTypes","PropTypes","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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"}

package/lib/atom/select-icon/style.css

@@ -0,0 +1,73 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_75 from colors;
+@value cm_grey_50 from colors;
+@value cm_primary_blue from colors;
+@value white from colors;
+
+.button {
+  font-family: Gilroy;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 16px;
+  color: cm_grey_400;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  background-color: white;
+}
+
+.button:hover {
+  background-color: cm_grey_100;
+}
+
+.selected {
+  background-color: cm_grey_50;
+  border: 2px solid cm_primary_blue;
+}
+
+.selected:hover {
+  background-color: cm_grey_75;
+  color: cm_grey_500;
+}
+
+.default {
+  composes: button;
+  width: 144px;
+  height: 120px;
+  border-radius: 12px;
+  position: relative;
+}
+
+.contentWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.checkIcon {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+}
+
+.iconWrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.icon {
+  margin-bottom: 8px;
+}
+
+.iconText {
+  font-size: 12px;
+}

package/lib/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CADG;EAEZC,KAAK,EAAEC,0DAFK;EAGZC,OAAO,EAAED;AAHG,CAAd;AAMA,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAA,CAAMN,OADF;EAEbE,KAAK,EAAEI,cAAA,CAAMJ,KAFA;EAGbE,OAAO,EAAEE,cAAA,CAAMF;AAHF,CAAf;;AAMA,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IADI;IAEJC,OAFI;IAGJC,QAHI;IAIJC,aAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,SAPI;IAQJC,SARI;IASJC;EATI,IAUFT,KAVJ;EAWA,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAD,CAAlB;EACA,oBACE;IACE,GAAG,EAAEO,SADP;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWb,cAAA,CAAMc,MAAjB,EAAyBf,MAAM,CAACI,IAAD,CAA/B,EAAuCM,SAAS,IAAIT,cAAA,CAAMe,eAA1D,CAFb;IAGE,cAAc,EAAEJ,KAHlB;IAIE,KAAK,EAAEP;EAJT,gBAME;IAAK,aAAY,GAAED,IAAK,iBAAxB;IAA0C,SAAS,EAAEH,cAAA,CAAMI;EAA3D,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAS,mBAAA,EAAWb,cAAA,CAAMgB,IAAjB,EAAuBP,SAAS,IAAIT,cAAA,CAAMiB,aAA1C;EAAjB,EADF,EAEGb,OAFH,CANF,EAUGE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,kBADZ;IAEE,cAAYG,aAFd;IAGE,KAAK,EAAEA,aAHT;IAIE,OAAO,EAAED,QAJX;IAKE,IAAI,EAAC;EALP,EADF,CADY,GAUV,IApBN,EAqBGC,aAAa,IAAIC,cAAjB,gBACC;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMmB,UAAjB,EAA6BpB,MAAM,CAACI,IAAD,CAAnC;EAAhB,EADD,GAEG,IAvBN,EAwBGI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEK,SAFX;IAGE,cAAYD,cAHd;IAIE,KAAK,EAAEA,cAJT;IAKE,IAAI,EAAC;EALP,EADF,CADa,GAUX,IAlCN,CADF;AAsCD,CAnDD;;AAqDAN,MAAM,CAACmB,SAAP,2CAAmB;EACjBV,SAAS,EAAEW,kBAAA,CAAUC,MADJ;EAEjBnB,IAAI,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,oBAAK9B,KAAL,CAAhB,CAFW;EAGjBW,OAAO,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBE,UAHT;EAIjBnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAJH;EAKjBnB,aAAa,EAAEe,kBAAA,CAAUC,MALR;EAMjBf,cAAc,EAAEc,kBAAA,CAAUC,MANT;EAOjBd,SAAS,EAAEa,kBAAA,CAAUI,IAPJ;EAQjBhB,SAAS,EAAEY,kBAAA,CAAUK,IARJ;EASjBf,KAAK,EAAEU,kBAAA,CAAUI;AATA,CAAnB;eAYexB,M"}
+{"version":3,"file":"index.js","names":["ICONS","success","ValidateIcon","error","QuestionIcon","warning","STYLES","style","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","classnames","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","PropTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <ButtonLink\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <ButtonLink\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAIA;;AACA;;;;AAEA,MAAMA,KAAK,GAAG;EACZC,OAAO,EAAEC,8CADG;EAEZC,KAAK,EAAEC,0DAFK;EAGZC,OAAO,EAAED;AAHG,CAAd;AAMA,MAAME,MAAM,GAAG;EACbL,OAAO,EAAEM,cAAA,CAAMN,OADF;EAEbE,KAAK,EAAEI,cAAA,CAAMJ,KAFA;EAGbE,OAAO,EAAEE,cAAA,CAAMF;AAHF,CAAf;;AAMA,MAAMG,MAAM,GAAGC,KAAK,IAAI;EACtB,MAAM;IACJC,IADI;IAEJC,OAFI;IAGJC,QAHI;IAIJC,aAJI;IAKJC,cALI;IAMJC,SANI;IAOJC,SAPI;IAQJC,SARI;IASJC;EATI,IAUFT,KAVJ;EAWA,MAAMU,IAAI,GAAGnB,KAAK,CAACU,IAAD,CAAlB;EACA,oBACE;IACE,GAAG,EAAEO,SADP;IAEE,SAAS,EAAE,IAAAG,mBAAA,EAAWb,cAAA,CAAMc,MAAjB,EAAyBf,MAAM,CAACI,IAAD,CAA/B,EAAuCM,SAAS,IAAIT,cAAA,CAAMe,eAA1D,CAFb;IAGE,cAAc,EAAEJ,KAHlB;IAIE,KAAK,EAAEP;EAJT,gBAME;IAAK,aAAY,GAAED,IAAK,iBAAxB;IAA0C,SAAS,EAAEH,cAAA,CAAMI;EAA3D,gBACE,6BAAC,IAAD;IAAM,SAAS,EAAE,IAAAS,mBAAA,EAAWb,cAAA,CAAMgB,IAAjB,EAAuBP,SAAS,IAAIT,cAAA,CAAMiB,aAA1C;EAAjB,EADF,EAEGb,OAFH,CANF,EAUGE,aAAa,gBACZ;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,kBADZ;IAEE,cAAYG,aAFd;IAGE,KAAK,EAAEA,aAHT;IAIE,OAAO,EAAED,QAJX;IAKE,IAAI,EAAC;EALP,EADF,CADY,GAUV,IApBN,EAqBGC,aAAa,IAAIC,cAAjB,gBACC;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMmB,UAAjB,EAA6BpB,MAAM,CAACI,IAAD,CAAnC;EAAhB,EADD,GAEG,IAvBN,EAwBGI,cAAc,gBACb;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWb,cAAA,CAAMkB,MAAjB,EAAyBnB,MAAM,CAACI,IAAD,CAA/B;EAAhB,gBACE,6BAAC,mBAAD;IACE,aAAU,mBADZ;IAEE,OAAO,EAAEK,SAFX;IAGE,cAAYD,cAHd;IAIE,KAAK,EAAEA,cAJT;IAKE,IAAI,EAAC;EALP,EADF,CADa,GAUX,IAlCN,CADF;AAsCD,CAnDD;;AAqDAN,MAAM,CAACmB,SAAP,2CAAmB;EACjBV,SAAS,EAAEW,kBAAA,CAAUC,MADJ;EAEjBnB,IAAI,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,oBAAK9B,KAAL,CAAhB,CAFW;EAGjBW,OAAO,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBE,UAHT;EAIjBnB,QAAQ,EAAEgB,kBAAA,CAAUI,IAJH;EAKjBnB,aAAa,EAAEe,kBAAA,CAAUC,MALR;EAMjBf,cAAc,EAAEc,kBAAA,CAAUC,MANT;EAOjBd,SAAS,EAAEa,kBAAA,CAAUI,IAPJ;EAQjBhB,SAAS,EAAEY,kBAAA,CAAUK,IARJ;EASjBf,KAAK,EAAEU,kBAAA,CAAUI;AATA,CAAnB;eAYexB,M"}

package/lib/molecule/certification-card/index.d.ts

@@ -15,6 +15,10 @@ declare namespace CertificationCard {
         const progress: PropTypes.Requireable<number>;
         const imgUrl: PropTypes.Requireable<string>;
         const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const tag: PropTypes.Requireable<string>;
+        const locales: PropTypes.Requireable<PropTypes.InferProps<{
+            conditionDescriptionProgress: PropTypes.Requireable<string>;
+        }>>;
     }
 }
 import PropTypes from "prop-types";

package/lib/molecule/certification-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,0EAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/certification-card/index.js"],"names":[],"mappings":";AAQA,0EA4DC"}

package/lib/molecule/certification-card/index.js

@@ -22,17 +22,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const CertificationCard = (props, context) => {
   const {
     label,
-    goal,
+    locales: {
+      conditionDescriptionProgress
+    },
+    tag,
+    goal: {
+      title
+    },
     progress,
     imgUrl,
     onClick
   } = props;
-  const {
-    title,
-    condition: {
-      nbDone
-    }
-  } = goal;
   const {
     translate
   } = context;
@@ -66,22 +66,24 @@ const CertificationCard = (props, context) => {
     },
     icon: progressIconProps
   }) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.imageWrapper
+    className: _style.default.imageSection
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.imageContainer
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: imgUrl
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.detailWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement(_tag.default, {
-    label: translate('certification'),
+    label: tag,
     size: "S"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.title,
     "data-name": "certification-title"
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.moduleCount
-  }, /*#__PURE__*/_react.default.createElement("span", null, nbDone), ` ${translate('certification_module')}`)), /*#__PURE__*/_react.default.createElement(_progressBar.default, {
+  }, conditionDescriptionProgress)), /*#__PURE__*/_react.default.createElement(_progressBar.default, {
     className: _style.default.customProgressBar,
     style: {
       backgroundColor: _colors.COLORS.positive
@@ -105,7 +107,11 @@ CertificationCard.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   progress: _propTypes.default.number,
   imgUrl: _propTypes.default.string,
-  onClick: _propTypes.default.func
+  onClick: _propTypes.default.func,
+  tag: _propTypes.default.string,
+  locales: _propTypes.default.shape({
+    conditionDescriptionProgress: _propTypes.default.string
+  })
 } : {};
 var _default = CertificationCard;
 exports.default = _default;

package/lib/molecule/certification-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CertificationCard","props","context","label","goal","progress","imgUrl","onClick","title","condition","nbDone","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","style","container","top","right","imageWrapper","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {label, goal, progress, imgUrl, onClick} = props;\n  const {\n    title,\n    condition: {nbDone}\n  } = goal;\n  const {translate} = context;\n\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageWrapper}>\n        <img src={imgUrl} />\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={translate('certification')} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>\n            <span>{nbDone}</span>\n            {` ${translate('certification_module')}`}\n          </div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default CertificationCard;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,QAAd;IAAwBC,MAAxB;IAAgCC;EAAhC,IAA2CN,KAAjD;EACA,MAAM;IACJO,KADI;IAEJC,SAAS,EAAE;MAACC;IAAD;EAFP,IAGFN,IAHJ;EAIA,MAAM;IAACO;EAAD,IAAcT,OAApB;EAEA,MAAMU,YAAY,GAAGP,QAAQ,GAAG,GAAhC;EACA,MAAMQ,aAAa,GAAGD,YAAY,GAAGD,SAAS,CAAC,aAAD,CAAZ,GAA8BA,SAAS,CAAC,WAAD,CAAzE;EACA,MAAMG,eAAe,GAAGF,YAAY,GAAG,UAAH,GAAgB,SAApD;EACA,MAAMG,iBAAiB,GAAG;IACxBC,QAAQ,EAAE,MADc;IAExBC,QAAQ,EAAEL,YAAY,GAAG,OAAH,GAAa,cAFX;IAGxBM,SAAS,EAAEN,YAAY,GAAG,SAAH,GAAe,SAHd;IAIxBO,eAAe,EAAEP,YAAY,GAAG,SAAH,GAAe,SAJpB;IAKxBQ,IAAI,EAAE;MACJC,MAAM,EAAE,EADJ;MAEJC,WAAW,EAAE;IAFT,CALkB;IASxBC,WAAW,EAAE;MAACC,OAAO,EAAE;IAAV;EATW,CAA1B;EAWA,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAMC,SAAtB;IAAiC,aAAY,sBAAqBvB,KAAM,EAAxE;IAA2E,OAAO,EAAEI;EAApF,GACGF,QAAQ,GAAG,CAAX,gBACC,6BAAC,YAAD;IACE,KAAK,EAAEQ,aADT;IAEE,IAAI,EAAEC,eAFR;IAGE,WAAW,EAAE;MAACE,QAAQ,EAAE,UAAX;MAAuBW,GAAG,EAAE,MAA5B;MAAoCC,KAAK,EAAE;IAA3C,CAHf;IAIE,IAAI,EAAEb;EAJR,EADD,GAOG,IARN,eASE;IAAK,SAAS,EAAEU,cAAA,CAAMI;EAAtB,gBACE;IAAK,GAAG,EAAEvB;EAAV,EADF,CATF,eAYE;IAAK,SAAS,EAAEmB,cAAA,CAAMK;EAAtB,gBACE;IAAK,SAAS,EAAEL,cAAA,CAAMM;EAAtB,gBACE,6BAAC,YAAD;IAAK,KAAK,EAAEpB,SAAS,CAAC,eAAD,CAArB;IAAwC,IAAI,EAAC;EAA7C,EADF,eAEE;IAAK,SAAS,EAAEc,cAAA,CAAMjB,KAAtB;IAA6B,aAAU;EAAvC,GACGA,KADH,CAFF,eAKE;IAAK,SAAS,EAAEiB,cAAA,CAAMO;EAAtB,gBACE,2CAAOtB,MAAP,CADF,EAEI,IAAGC,SAAS,CAAC,sBAAD,CAAyB,EAFzC,CALF,CADF,eAWE,6BAAC,oBAAD;IACE,SAAS,EAAEc,cAAA,CAAMQ,iBADnB;IAEE,KAAK,EAAE;MAACd,eAAe,EAAEe,cAAA,CAAOC;IAAzB,CAFT;IAGE,WAAW,EAAE,KAHf;IAIE,KAAK,EAAE9B,QAJT;IAKE,GAAG,EAAE;EALP,EAXF,CAZF,CADF;AAkCD,CAxDD;;AA0DAL,iBAAiB,CAACoC,YAAlB,GAAiC;EAC/BzB,SAAS,EAAE0B,iBAAA,CAASC,iBAAT,CAA2B3B;AADP,CAAjC;AAIAX,iBAAiB,CAACuC,SAAlB,2CAA8B;EAC5BpC,KAAK,EAAEqC,kBAAA,CAAUC,MADW;EAE5BrC,IAAI,EAAEoC,kBAAA,CAAUE,KAAV,CAAgB;IACpBlC,KAAK,EAAEgC,kBAAA,CAAUC,MADG;IAEpBhC,SAAS,EAAE+B,kBAAA,CAAUE,KAAV,CAAgB;MACzBhC,MAAM,EAAE8B,kBAAA,CAAUG;IADO,CAAhB;EAFS,CAAhB,CAFsB;EAQ5BtC,QAAQ,EAAEmC,kBAAA,CAAUG,MARQ;EAS5BrC,MAAM,EAAEkC,kBAAA,CAAUC,MATU;EAU5BlC,OAAO,EAAEiC,kBAAA,CAAUI;AAVS,CAA9B;eAae5C,iB"}
+{"version":3,"file":"index.js","names":["CertificationCard","props","context","label","locales","conditionDescriptionProgress","tag","goal","title","progress","imgUrl","onClick","translate","isInprogress","progressLabel","progressTagType","progressIconProps","position","iconName","iconColor","backgroundColor","size","faSize","wrapperSize","customStyle","padding","style","container","top","right","imageSection","imageContainer","detailWrapper","titleWrapper","moduleCount","customProgressBar","COLORS","positive","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","shape","condition","nbDone","number","func"],"sources":["../../../src/molecule/certification-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {COLORS} from '../../variables/colors';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport ProgressBar from '../progress-bar';\nimport style from './style.css';\n\nconst CertificationCard = (props, context) => {\n  const {\n    label,\n    locales: {conditionDescriptionProgress},\n    tag,\n    goal: {title},\n    progress,\n    imgUrl,\n    onClick\n  } = props;\n  const {translate} = context;\n  const isInprogress = progress < 100;\n  const progressLabel = isInprogress ? translate('in_progress') : translate('completed');\n  const progressTagType = isInprogress ? 'progress' : 'success';\n\n  const progressIconProps = {\n    position: 'left',\n    iconName: isInprogress ? 'clock' : 'circle-check',\n    iconColor: isInprogress ? '#B87A00' : '#05944F',\n    backgroundColor: isInprogress ? '#FFEECC' : '#D6F5E5',\n    size: {\n      faSize: 10,\n      wrapperSize: 10\n    },\n    customStyle: {padding: 0}\n  };\n\n  return (\n    <div className={style.container} data-name={`certification-card-${label}`} onClick={onClick}>\n      {progress > 0 ? (\n        <Tag\n          label={progressLabel}\n          type={progressTagType}\n          customStyle={{position: 'absolute', top: '12px', right: '12px'}}\n          icon={progressIconProps}\n        />\n      ) : null}\n      <div className={style.imageSection}>\n        <div className={style.imageContainer}>\n          <img src={imgUrl} />\n        </div>\n      </div>\n      <div className={style.detailWrapper}>\n        <div className={style.titleWrapper}>\n          <Tag label={tag} size=\"S\" />\n          <div className={style.title} data-name=\"certification-title\">\n            {title}\n          </div>\n          <div className={style.moduleCount}>{conditionDescriptionProgress}</div>\n        </div>\n        <ProgressBar\n          className={style.customProgressBar}\n          style={{backgroundColor: COLORS.positive}}\n          displayInfo={false}\n          value={progress}\n          max={100}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationCard.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationCard.propTypes = {\n  label: PropTypes.string,\n  goal: PropTypes.shape({\n    title: PropTypes.string,\n    condition: PropTypes.shape({\n      nbDone: PropTypes.number\n    })\n  }),\n  progress: PropTypes.number,\n  imgUrl: PropTypes.string,\n  onClick: PropTypes.func,\n  tag: PropTypes.string,\n  locales: PropTypes.shape({\n    conditionDescriptionProgress: PropTypes.string\n  })\n};\n\nexport default CertificationCard;\n"],"mappings":"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"}

package/lib/molecule/certification-card/style.css

@@ -22,7 +22,7 @@
   transition: all 0.5s ease-out;
 }
 
-.imageWrapper {
+.imageSection {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -30,22 +30,38 @@
   height: 160px;
   width: auto;
   transition: all 0.5s ease-out;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
   
-  img {
-    width: 100px;
+  .imageContainer {
     transition: all 0.5s ease-out;
   }
 }
 
+.imageContainer {
+  width: 202px;
+  height: 112px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}
+
 .container:hover {
   box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
 
+  .imageContainer {
+    width: 244px;
+    height: 136px;
+  }
+
   .imageWrapper {
     background-color: cm_grey_75;
-
-    img {
-      width: 115px;
-    }
   }
 }
 .detailWrapper {

package/lib/molecule/cm-popin/types.d.ts

@@ -136,6 +136,7 @@ declare const propTypes: {
                 items: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
                     subtitle: PropTypes.Requireable<string>;
+                    provider: PropTypes.Requireable<string>;
                     selected: PropTypes.Requireable<boolean>;
                     selectedColor: PropTypes.Requireable<string>;
                     dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -188,6 +189,17 @@ declare const propTypes: {
                     'aria-label': PropTypes.Requireable<string>;
                     contentType: PropTypes.Requireable<string>;
                     id: PropTypes.Requireable<string>;
+                    leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                        iconName: PropTypes.Requireable<string>;
+                        iconColor: PropTypes.Requireable<string>;
+                        backgroundColor: PropTypes.Requireable<string>;
+                        borderRadius: PropTypes.Requireable<string>;
+                        preset: PropTypes.Requireable<string>;
+                        gradientBackground: PropTypes.Requireable<boolean>;
+                        size: PropTypes.Requireable<number>;
+                        wrapperSize: PropTypes.Requireable<number>;
+                    }>>;
+                    editAsIcon: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
                 type: PropTypes.Requireable<string>;
                 itemType: PropTypes.Requireable<string>;
@@ -285,11 +297,11 @@ declare const propTypes: {
         'aria-label': PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
         target: PropTypes.Requireable<string>;
-        skinHover: PropTypes.Requireable<boolean>;
         hoverColor: PropTypes.Requireable<string>;
+        hoverBackgroundColor: PropTypes.Requireable<string>;
         download: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         useButtonTag: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;

package/lib/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/draggable-list/index.d.ts

@@ -62,6 +62,7 @@ declare namespace DraggableList {
         }> | PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             subtitle: PropTypes.Requireable<string>;
+            provider: PropTypes.Requireable<string>;
             selected: PropTypes.Requireable<boolean>;
             selectedColor: PropTypes.Requireable<string>;
             dataColumns: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -114,6 +115,17 @@ declare namespace DraggableList {
             'aria-label': PropTypes.Requireable<string>;
             contentType: PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;
+            leftIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                iconName: PropTypes.Requireable<string>;
+                iconColor: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                borderRadius: PropTypes.Requireable<string>;
+                preset: PropTypes.Requireable<string>;
+                gradientBackground: PropTypes.Requireable<boolean>;
+                size: PropTypes.Requireable<number>;
+                wrapperSize: PropTypes.Requireable<number>;
+            }>>;
+            editAsIcon: PropTypes.Requireable<boolean>;
         }> | PropTypes.InferProps<{
             'aria-label': PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;

package/lib/molecule/progress-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AAqGA;;;;;;;8BA8DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/progress-wrapper/index.js"],"names":[],"mappings":";AA+GA;;;;;;;8BA8DC"}