@coorpacademy/components 11.33.1 → 11.33.2-alpha.0

package/lib/template/back-office/dashboard-preview/index.js

@@ -2,20 +2,35 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _kebabCase2 = _interopRequireDefault(require("lodash/fp/kebabCase"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _layout = _interopRequireDefault(require("../layout"));
+
 var _sidebar = _interopRequireDefault(require("../../../organism/sidebar"));
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _loading = _interopRequireDefault(require("../../app-player/loading"));
+
 var _dashboardPopin = _interopRequireDefault(require("./dashboard-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const currentDashboardSidebarSection = ({
   currentDashboard,
   onUpdateVersion,
@@ -47,6 +62,7 @@ const currentDashboardSidebarSection = ({
   }));
   return [dashboardDescription, ...paramInputs, dashboardVersion];
 };
+
 const Dashboard = (props, context) => {
   const {
     url,
@@ -57,6 +73,7 @@ const Dashboard = (props, context) => {
     skin,
     translate
   } = context;
+
   const body = () => {
     if (selected) {
       if (url) return /*#__PURE__*/_react.default.createElement("iframe", {
@@ -73,14 +90,17 @@ const Dashboard = (props, context) => {
         }
       }, translate('Select a dashboard in the Sidebar'));
     }
+
     return null;
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dashboardSelection
   }, /*#__PURE__*/_react.default.createElement("h1", {
     className: _style.default.dashboardTitle
   }, (0, _getOr2.default)(translate('No Selected Dashboard'), 'name', selected)), body());
 };
+
 Dashboard.propTypes = process.env.NODE_ENV !== "production" ? {
   url: _propTypes.default.string,
   error: _propTypes.default.string,
@@ -92,6 +112,7 @@ Dashboard.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
+
 const ErrorPopin = ({
   onErrorRedirect,
   ctaLabel,
@@ -106,6 +127,7 @@ const ErrorPopin = ({
     closeOnClick: onErrorRedirect
   }, /*#__PURE__*/_react.default.createElement("p", null, error)) : null;
 };
+
 ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func.isRequired,
   ctaLabel: _propTypes.default.string.isRequired,
@@ -114,6 +136,7 @@ ErrorPopin.propTypes = process.env.NODE_ENV !== "production" ? {
 ErrorPopin.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
+
 const DashboardPreview = (props, context) => {
   const {
     dashboards = [],
@@ -129,6 +152,7 @@ const DashboardPreview = (props, context) => {
   const {
     translate
   } = context;
+
   if (!dashboards || dashboards.length === 0) {
     if (error) return /*#__PURE__*/_react.default.createElement(ErrorPopin, {
       ctaLabel: translate('Reload'),
@@ -137,6 +161,7 @@ const DashboardPreview = (props, context) => {
     });
     return /*#__PURE__*/_react.default.createElement(_loading.default, null);
   }
+
   const dashboardList = dashboards.map(dashboard => ({
     title: dashboard.name,
     name: `${(0, _kebabCase2.default)(dashboard.name)}-link`,
@@ -146,6 +171,7 @@ const DashboardPreview = (props, context) => {
     selected: dashboard.name === (0, _get2.default)('name', currentDashboard)
   }));
   const sidebarItems = [dashboardList];
+
   if (currentDashboard) {
     sidebarItems.push(currentDashboardSidebarSection({
       currentDashboard,
@@ -154,6 +180,7 @@ const DashboardPreview = (props, context) => {
       inputParams
     }));
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -172,6 +199,7 @@ const DashboardPreview = (props, context) => {
     onErrorRedirect: onErrorRedirect
   })));
 };
+
 DashboardPreview.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -197,5 +225,8 @@ DashboardPreview.propTypes = process.env.NODE_ENV !== "production" ? {
   onErrorRedirect: _propTypes.default.func,
   inputParams: _propTypes.default.shape({})
 } : {};
-var _default = exports.default = (0, _layout.default)(DashboardPreview);
+
+var _default = (0, _layout.default)(DashboardPreview);
+
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/back-office/dashboard-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_layout","_sidebar","_provider","_loading","_dashboardPopin","_style","e","__esModule","default","currentDashboardSidebarSection","currentDashboard","onUpdateVersion","onUpdateField","inputParams","dashboardDescription","title","name","type","value","description","dashboardVersion","onChange","options","_keys2","versions","map","v","selected","currentVersion","paramInputs","schema","_kebabCase2","newValue","_getOr2","Dashboard","props","context","url","error","skin","translate","body","createElement","src","className","style","dashboardIframe","frameBorder","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","process","env","NODE_ENV","PropTypes","string","shape","contextTypes","Provider","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","header","ctaOnClick","closeOnClick","func","isRequired","DashboardPreview","dashboards","onSelectDashboard","_noop2","length","dashboardList","dashboard","href","onClick","_get2","sidebarItems","push","container","dashboardAside","items","dashboardContent","arrayOf","_default","exports","Layout"],"sources":["../../../../src/template/back-office/dashboard-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, get, getOr, kebabCase, keys} from 'lodash/fp';\nimport Layout from '../layout';\nimport Sidebar from '../../../organism/sidebar';\nimport Provider from '../../../atom/provider';\nimport Loader from '../../app-player/loading';\nimport DashboardPopin from './dashboard-popin';\nimport style from './style.css';\n\nconst currentDashboardSidebarSection = ({\n  currentDashboard,\n  onUpdateVersion,\n  onUpdateField,\n  inputParams\n}) => {\n  const dashboardDescription = {\n    title: currentDashboard.name,\n    type: 'info',\n    value: currentDashboard.description\n  };\n  const dashboardVersion = {\n    title: 'Version',\n    type: 'select',\n    name: 'version-field',\n    onChange: onUpdateVersion,\n    options: keys(currentDashboard.versions).map(v => ({\n      name: v,\n      value: v,\n      selected: v === currentDashboard.currentVersion\n    }))\n  };\n  const paramInputs = currentDashboard.schema.map(schema => ({\n    title: schema,\n    name: `${kebabCase(schema)}-field`,\n    type: 'inputtext',\n    onChange: newValue => onUpdateField(schema, newValue),\n    value: getOr('', schema, inputParams)\n  }));\n  return [dashboardDescription, ...paramInputs, dashboardVersion];\n};\n\nconst Dashboard = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nDashboard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <DashboardPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </DashboardPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst DashboardPreview = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onSelectDashboard = noop,\n    onUpdateVersion = noop,\n    onUpdateField = noop,\n    onErrorRedirect = noop,\n    inputParams = {},\n    url,\n    error\n  } = props;\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  const dashboardList = dashboards.map(dashboard => ({\n    title: dashboard.name,\n    name: `${kebabCase(dashboard.name)}-link`,\n    type: 'link',\n    href: dashboard.href,\n    onClick: () => onSelectDashboard(kebabCase(dashboard.name)),\n    selected: dashboard.name === get('name', currentDashboard)\n  }));\n\n  const sidebarItems = [dashboardList];\n  if (currentDashboard) {\n    sidebarItems.push(\n      currentDashboardSidebarSection({\n        currentDashboard,\n        onUpdateVersion,\n        onUpdateField,\n        inputParams\n      })\n    );\n  }\n\n  return (\n    <div className={style.container}>\n      <div className={style.dashboardAside}>\n        <Sidebar items={sidebarItems} />\n      </div>\n      <div className={style.dashboardContent}>\n        <Dashboard error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPreview.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nDashboardPreview.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onSelectDashboard: PropTypes.func,\n  onUpdateVersion: PropTypes.func,\n  onUpdateField: PropTypes.func,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default Layout(DashboardPreview);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["currentDashboardSidebarSection","currentDashboard","onUpdateVersion","onUpdateField","inputParams","dashboardDescription","title","name","type","value","description","dashboardVersion","onChange","options","versions","map","v","selected","currentVersion","paramInputs","schema","newValue","Dashboard","props","context","url","error","skin","translate","body","style","dashboardIframe","dashboardNoSelection","color","dashboardSelection","dashboardTitle","propTypes","PropTypes","string","shape","contextTypes","Provider","childContextTypes","ErrorPopin","onErrorRedirect","ctaLabel","func","isRequired","DashboardPreview","dashboards","onSelectDashboard","length","dashboardList","dashboard","href","onClick","sidebarItems","push","container","dashboardAside","dashboardContent","arrayOf","Layout"],"sources":["../../../../src/template/back-office/dashboard-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, get, getOr, kebabCase, keys} from 'lodash/fp';\nimport Layout from '../layout';\nimport Sidebar from '../../../organism/sidebar';\nimport Provider from '../../../atom/provider';\nimport Loader from '../../app-player/loading';\nimport DashboardPopin from './dashboard-popin';\nimport style from './style.css';\n\nconst currentDashboardSidebarSection = ({\n  currentDashboard,\n  onUpdateVersion,\n  onUpdateField,\n  inputParams\n}) => {\n  const dashboardDescription = {\n    title: currentDashboard.name,\n    type: 'info',\n    value: currentDashboard.description\n  };\n  const dashboardVersion = {\n    title: 'Version',\n    type: 'select',\n    name: 'version-field',\n    onChange: onUpdateVersion,\n    options: keys(currentDashboard.versions).map(v => ({\n      name: v,\n      value: v,\n      selected: v === currentDashboard.currentVersion\n    }))\n  };\n  const paramInputs = currentDashboard.schema.map(schema => ({\n    title: schema,\n    name: `${kebabCase(schema)}-field`,\n    type: 'inputtext',\n    onChange: newValue => onUpdateField(schema, newValue),\n    value: getOr('', schema, inputParams)\n  }));\n  return [dashboardDescription, ...paramInputs, dashboardVersion];\n};\n\nconst Dashboard = (props, context) => {\n  const {url, error, selected} = props;\n  const {skin, translate} = context;\n  const body = () => {\n    if (selected) {\n      if (url) return <iframe src={url} className={style.dashboardIframe} frameBorder=\"0\" />;\n      if (!error) return <Loader />;\n    } else if (!error) {\n      return (\n        <div\n          className={style.dashboardNoSelection}\n          style={{color: getOr('#00B0FF', 'common.primary', skin)}}\n        >\n          {translate('Select a dashboard in the Sidebar')}\n        </div>\n      );\n    }\n    return null;\n  };\n  return (\n    <div className={style.dashboardSelection}>\n      <h1 className={style.dashboardTitle}>\n        {getOr(translate('No Selected Dashboard'), 'name', selected)}\n      </h1>\n      {body()}\n    </div>\n  );\n};\n\nDashboard.propTypes = {\n  url: PropTypes.string,\n  error: PropTypes.string,\n  selected: PropTypes.shape({\n    name: PropTypes.string\n  })\n};\n\nDashboard.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nconst ErrorPopin = ({onErrorRedirect, ctaLabel, error}, {translate}) => {\n  return error ? (\n    <DashboardPopin\n      header={translate('An Error Occurred')}\n      ctaLabel={ctaLabel}\n      ctaOnClick={onErrorRedirect}\n      closeOnClick={onErrorRedirect}\n    >\n      <p>{error}</p>\n    </DashboardPopin>\n  ) : null;\n};\n\nErrorPopin.propTypes = {\n  onErrorRedirect: PropTypes.func.isRequired,\n  ctaLabel: PropTypes.string.isRequired,\n  error: PropTypes.string\n};\n\nErrorPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst DashboardPreview = (props, context) => {\n  const {\n    dashboards = [],\n    currentDashboard,\n    onSelectDashboard = noop,\n    onUpdateVersion = noop,\n    onUpdateField = noop,\n    onErrorRedirect = noop,\n    inputParams = {},\n    url,\n    error\n  } = props;\n  const {translate} = context;\n\n  if (!dashboards || dashboards.length === 0) {\n    if (error)\n      return (\n        <ErrorPopin\n          ctaLabel={translate('Reload')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      );\n    return <Loader />;\n  }\n\n  const dashboardList = dashboards.map(dashboard => ({\n    title: dashboard.name,\n    name: `${kebabCase(dashboard.name)}-link`,\n    type: 'link',\n    href: dashboard.href,\n    onClick: () => onSelectDashboard(kebabCase(dashboard.name)),\n    selected: dashboard.name === get('name', currentDashboard)\n  }));\n\n  const sidebarItems = [dashboardList];\n  if (currentDashboard) {\n    sidebarItems.push(\n      currentDashboardSidebarSection({\n        currentDashboard,\n        onUpdateVersion,\n        onUpdateField,\n        inputParams\n      })\n    );\n  }\n\n  return (\n    <div className={style.container}>\n      <div className={style.dashboardAside}>\n        <Sidebar items={sidebarItems} />\n      </div>\n      <div className={style.dashboardContent}>\n        <Dashboard error={error} selected={currentDashboard} url={url} />\n        <ErrorPopin\n          ctaLabel={translate('Back to Dashboard Home')}\n          error={error}\n          onErrorRedirect={onErrorRedirect}\n        />\n      </div>\n    </div>\n  );\n};\n\nDashboardPreview.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nDashboardPreview.propTypes = {\n  dashboards: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      description: PropTypes.string.isRequired\n    })\n  ),\n  currentDashboard: PropTypes.shape({\n    name: PropTypes.string.isRequired,\n    description: PropTypes.string.isRequired,\n    currentVersion: PropTypes.string.isRequired,\n    versions: PropTypes.shape({}).isRequired,\n    schema: PropTypes.arrayOf(PropTypes.string)\n  }),\n  url: PropTypes.string,\n  error: PropTypes.string,\n  onSelectDashboard: PropTypes.func,\n  onUpdateVersion: PropTypes.func,\n  onUpdateField: PropTypes.func,\n  onErrorRedirect: PropTypes.func,\n  inputParams: PropTypes.shape({})\n};\n\nexport default Layout(DashboardPreview);\n"],"mappings":"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"}

package/lib/template/back-office/layout/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _setupHeader = _interopRequireDefault(require("../../../organism/setup-header"));
+
 var _provider = _interopRequireDefault(require("../../../atom/provider"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const createLayout = Template => {
   const Layout = props => {
     const {
@@ -19,6 +26,7 @@ const createLayout = Template => {
       className: _style.default.contentWrapper
     }, /*#__PURE__*/_react.default.createElement(Template, props)));
   };
+
   Layout.propTypes = process.env.NODE_ENV !== "production" ? {
     header: _propTypes.default.shape(_setupHeader.default.propTypes)
   } : {};
@@ -28,5 +36,7 @@ const createLayout = Template => {
   };
   return Layout;
 };
-var _default = exports.default = createLayout;
+
+var _default = createLayout;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/back-office/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_setupHeader","_provider","_style","e","__esModule","default","createLayout","Template","Layout","props","header","createElement","className","style","contentWrapper","propTypes","process","env","NODE_ENV","PropTypes","shape","Header","contextTypes","skin","Provider","childContextTypes","translate","_default","exports"],"sources":["../../../../src/template/back-office/layout/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <div className={style.header}>\n          <Header {...header} />\n        </div>\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  Layout.contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAM,CAAC,GAAGD,KAAK;IACtB,oBACEb,MAAA,CAAAS,OAAA,CAAAM,aAAA,2BACEf,MAAA,CAAAS,OAAA,CAAAM,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACH;IAAO,gBAC3Bd,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACX,YAAA,CAAAK,OAAM,EAAKK,MAAS,CAClB,CAAC,eACNd,MAAA,CAAAS,OAAA,CAAAM,aAAA;MAAKC,SAAS,EAAEC,cAAK,CAACC;IAAe,gBACnClB,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACJ,QAAQ,EAAKE,KAAQ,CACnB,CACF,CAAC;EAEV,CAAC;EAEDD,MAAM,CAACO,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;IACjBR,MAAM,EAAES,kBAAS,CAACC,KAAK,CAACC,oBAAM,CAACN,SAAS;EAC1C,CAAC;EAEDP,MAAM,CAACc,YAAY,GAAG;IACpBC,IAAI,EAAEC,iBAAQ,CAACC,iBAAiB,CAACF,IAAI;IACrCG,SAAS,EAAEF,iBAAQ,CAACC,iBAAiB,CAACC;EACxC,CAAC;EAED,OAAOlB,MAAM;AACf,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEaC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["createLayout","Template","Layout","props","header","style","contentWrapper","propTypes","PropTypes","shape","Header","contextTypes","skin","Provider","childContextTypes","translate"],"sources":["../../../../src/template/back-office/layout/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../../../organism/setup-header';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst createLayout = Template => {\n  const Layout = props => {\n    const {header} = props;\n    return (\n      <div>\n        <div className={style.header}>\n          <Header {...header} />\n        </div>\n        <div className={style.contentWrapper}>\n          <Template {...props} />\n        </div>\n      </div>\n    );\n  };\n\n  Layout.propTypes = {\n    header: PropTypes.shape(Header.propTypes)\n  };\n\n  Layout.contextTypes = {\n    skin: Provider.childContextTypes.skin,\n    translate: Provider.childContextTypes.translate\n  };\n\n  return Layout;\n};\n\nexport default createLayout;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAGC,QAAQ,IAAI;EAC/B,MAAMC,MAAM,GAAGC,KAAK,IAAI;IACtB,MAAM;MAACC;IAAD,IAAWD,KAAjB;IACA,oBACE,uDACE;MAAK,SAAS,EAAEE,cAAA,CAAMD;IAAtB,gBACE,6BAAC,oBAAD,EAAYA,MAAZ,CADF,CADF,eAIE;MAAK,SAAS,EAAEC,cAAA,CAAMC;IAAtB,gBACE,6BAAC,QAAD,EAAcH,KAAd,CADF,CAJF,CADF;EAUD,CAZD;;EAcAD,MAAM,CAACK,SAAP,2CAAmB;IACjBH,MAAM,EAAEI,kBAAA,CAAUC,KAAV,CAAgBC,oBAAA,CAAOH,SAAvB;EADS,CAAnB;EAIAL,MAAM,CAACS,YAAP,GAAsB;IACpBC,IAAI,EAAEC,iBAAA,CAASC,iBAAT,CAA2BF,IADb;IAEpBG,SAAS,EAAEF,iBAAA,CAASC,iBAAT,CAA2BC;EAFlB,CAAtB;EAKA,OAAOb,MAAP;AACD,CAzBD;;eA2BeF,Y"}

package/lib/template/battle-requests/index.js

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _cardWithButton = _interopRequireDefault(require("../../molecule/card-with-button"));
+
 var _avatar = _interopRequireDefault(require("../../atom/avatar"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const Battles = (props, context) => {
   const {
     translate
@@ -44,8 +54,7 @@ const Battles = (props, context) => {
     }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
       url: battle.urlAvatar
     })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(_style.default.wrapper, _style.default.innerHTML)
-      // eslint-disable-next-line react/no-danger
+      className: (0, _classnames.default)(_style.default.wrapper, _style.default.innerHTML) // eslint-disable-next-line react/no-danger
       ,
       dangerouslySetInnerHTML: {
         __html: challengeLabel
@@ -53,6 +62,7 @@ const Battles = (props, context) => {
     }))));
   }, battles));
 };
+
 Battles.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -70,5 +80,6 @@ Battles.propTypes = process.env.NODE_ENV !== "production" ? {
     reviewCTA: _propTypes.default.string.isRequired
   }).isRequired
 } : {};
-var _default = exports.default = Battles;
+var _default = Battles;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/battle-requests/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_provider","_cardWithButton","_avatar","_style","e","__esModule","default","Battles","props","context","translate","battles","trads","createElement","className","style","cards","_map2","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","key","id","cardsItem","card","injection","url","urlAvatar","classnames","wrapper","innerHTML","dangerouslySetInnerHTML","__html","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","string","CardWithButton","isRequired","_default","exports"],"sources":["../../../src/template/battle-requests/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport CardWithButton from '../../molecule/card-with-button';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst Battles = (props, context) => {\n  const {translate} = context;\n  const {battles, trads} = props;\n  return (\n    <ul className={style.cards}>\n      {map(battle => {\n        const challengeLabel = translate('is challenging you', {\n          username: `<strong>${battle.username}</strong>`,\n          courseName: `<p><strong>${battle.courseName}</strong></p>`\n        });\n        const battleCardProps = {\n          primaryButtonLabel: trads.battleCTA,\n          lightButtonLabel: trads.reviewCTA,\n          tagLabel: battle.tagLabel,\n          onLightButtonClick: battle.onLightButtonClick,\n          onPrimaryButtonClick: battle.onPrimaryButtonClick,\n          backgroundImg: battle.backgroundImg\n        };\n        return (\n          <li key={battle.id} className={style.cardsItem}>\n            <div className={style.card}>\n              <CardWithButton {...battleCardProps}>\n                <div className={style.injection}>\n                  <Avatar url={battle.urlAvatar} />\n                </div>\n                <div\n                  className={classnames(style.wrapper, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: challengeLabel}}\n                />\n              </CardWithButton>\n            </div>\n          </li>\n        );\n      }, battles)}\n    </ul>\n  );\n};\n\nBattles.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBattles.propTypes = {\n  battles: PropTypes.arrayOf(\n    PropTypes.shape({\n      username: PropTypes.string,\n      courseName: PropTypes.string,\n      tagLabel: CardWithButton.propTypes.tagLabel,\n      onLightButtonClick: CardWithButton.propTypes.onLightButtonClick,\n      onPrimaryButtonClick: CardWithButton.propTypes.onPrimaryButtonClick,\n      backgroundImg: CardWithButton.propTypes.backgroundImg\n    })\n  ).isRequired,\n  trads: PropTypes.shape({\n    battleCTA: PropTypes.string.isRequired,\n    reviewCTA: PropTypes.string.isRequired\n  }).isRequired\n};\n\nexport default Battles;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Battles","props","context","translate","battles","trads","style","cards","battle","challengeLabel","username","courseName","battleCardProps","primaryButtonLabel","battleCTA","lightButtonLabel","reviewCTA","tagLabel","onLightButtonClick","onPrimaryButtonClick","backgroundImg","id","cardsItem","card","injection","urlAvatar","classnames","wrapper","innerHTML","__html","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","CardWithButton","isRequired"],"sources":["../../../src/template/battle-requests/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport CardWithButton from '../../molecule/card-with-button';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst Battles = (props, context) => {\n  const {translate} = context;\n  const {battles, trads} = props;\n  return (\n    <ul className={style.cards}>\n      {map(battle => {\n        const challengeLabel = translate('is challenging you', {\n          username: `<strong>${battle.username}</strong>`,\n          courseName: `<p><strong>${battle.courseName}</strong></p>`\n        });\n        const battleCardProps = {\n          primaryButtonLabel: trads.battleCTA,\n          lightButtonLabel: trads.reviewCTA,\n          tagLabel: battle.tagLabel,\n          onLightButtonClick: battle.onLightButtonClick,\n          onPrimaryButtonClick: battle.onPrimaryButtonClick,\n          backgroundImg: battle.backgroundImg\n        };\n        return (\n          <li key={battle.id} className={style.cardsItem}>\n            <div className={style.card}>\n              <CardWithButton {...battleCardProps}>\n                <div className={style.injection}>\n                  <Avatar url={battle.urlAvatar} />\n                </div>\n                <div\n                  className={classnames(style.wrapper, style.innerHTML)}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: challengeLabel}}\n                />\n              </CardWithButton>\n            </div>\n          </li>\n        );\n      }, battles)}\n    </ul>\n  );\n};\n\nBattles.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBattles.propTypes = {\n  battles: PropTypes.arrayOf(\n    PropTypes.shape({\n      username: PropTypes.string,\n      courseName: PropTypes.string,\n      tagLabel: CardWithButton.propTypes.tagLabel,\n      onLightButtonClick: CardWithButton.propTypes.onLightButtonClick,\n      onPrimaryButtonClick: CardWithButton.propTypes.onPrimaryButtonClick,\n      backgroundImg: CardWithButton.propTypes.backgroundImg\n    })\n  ).isRequired,\n  trads: PropTypes.shape({\n    battleCTA: PropTypes.string.isRequired,\n    reviewCTA: PropTypes.string.isRequired\n  }).isRequired\n};\n\nexport default Battles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,OAAO,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAClC,MAAM;IAACC;EAAD,IAAcD,OAApB;EACA,MAAM;IAACE,OAAD;IAAUC;EAAV,IAAmBJ,KAAzB;EACA,oBACE;IAAI,SAAS,EAAEK,cAAA,CAAMC;EAArB,GACG,mBAAIC,MAAM,IAAI;IACb,MAAMC,cAAc,GAAGN,SAAS,CAAC,oBAAD,EAAuB;MACrDO,QAAQ,EAAG,WAAUF,MAAM,CAACE,QAAS,WADgB;MAErDC,UAAU,EAAG,cAAaH,MAAM,CAACG,UAAW;IAFS,CAAvB,CAAhC;IAIA,MAAMC,eAAe,GAAG;MACtBC,kBAAkB,EAAER,KAAK,CAACS,SADJ;MAEtBC,gBAAgB,EAAEV,KAAK,CAACW,SAFF;MAGtBC,QAAQ,EAAET,MAAM,CAACS,QAHK;MAItBC,kBAAkB,EAAEV,MAAM,CAACU,kBAJL;MAKtBC,oBAAoB,EAAEX,MAAM,CAACW,oBALP;MAMtBC,aAAa,EAAEZ,MAAM,CAACY;IANA,CAAxB;IAQA,oBACE;MAAI,GAAG,EAAEZ,MAAM,CAACa,EAAhB;MAAoB,SAAS,EAAEf,cAAA,CAAMgB;IAArC,gBACE;MAAK,SAAS,EAAEhB,cAAA,CAAMiB;IAAtB,gBACE,6BAAC,uBAAD,EAAoBX,eAApB,eACE;MAAK,SAAS,EAAEN,cAAA,CAAMkB;IAAtB,gBACE,6BAAC,eAAD;MAAQ,GAAG,EAAEhB,MAAM,CAACiB;IAApB,EADF,CADF,eAIE;MACE,SAAS,EAAE,IAAAC,mBAAA,EAAWpB,cAAA,CAAMqB,OAAjB,EAA0BrB,cAAA,CAAMsB,SAAhC,CADb,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACC,MAAM,EAAEpB;MAAT;IAH3B,EAJF,CADF,CADF,CADF;EAgBD,CA7BA,EA6BEL,OA7BF,CADH,CADF;AAkCD,CArCD;;AAuCAJ,OAAO,CAAC8B,YAAR,GAAuB;EACrB3B,SAAS,EAAE4B,iBAAA,CAASC,iBAAT,CAA2B7B;AADjB,CAAvB;AAIAH,OAAO,CAACiC,SAAR,2CAAoB;EAClB7B,OAAO,EAAE8B,kBAAA,CAAUC,OAAV,CACPD,kBAAA,CAAUE,KAAV,CAAgB;IACd1B,QAAQ,EAAEwB,kBAAA,CAAUG,MADN;IAEd1B,UAAU,EAAEuB,kBAAA,CAAUG,MAFR;IAGdpB,QAAQ,EAAEqB,uBAAA,CAAeL,SAAf,CAAyBhB,QAHrB;IAIdC,kBAAkB,EAAEoB,uBAAA,CAAeL,SAAf,CAAyBf,kBAJ/B;IAKdC,oBAAoB,EAAEmB,uBAAA,CAAeL,SAAf,CAAyBd,oBALjC;IAMdC,aAAa,EAAEkB,uBAAA,CAAeL,SAAf,CAAyBb;EAN1B,CAAhB,CADO,EASPmB,UAVgB;EAWlBlC,KAAK,EAAE6B,kBAAA,CAAUE,KAAV,CAAgB;IACrBtB,SAAS,EAAEoB,kBAAA,CAAUG,MAAV,CAAiBE,UADP;IAErBvB,SAAS,EAAEkB,kBAAA,CAAUG,MAAV,CAAiBE;EAFP,CAAhB,EAGJA;AAde,CAApB;eAiBevC,O"}

package/lib/template/certification-detail/index.js

@@ -2,27 +2,49 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _round2 = _interopRequireDefault(require("lodash/fp/round"));
+
 var _lowerCase2 = _interopRequireDefault(require("lodash/fp/lowerCase"));
+
 var _compact2 = _interopRequireDefault(require("lodash/fp/compact"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _tag = _interopRequireDefault(require("../../atom/tag"));
+
 var _select = require("../../atom/select");
+
 var _buttonLinkIcon = _interopRequireDefault(require("../../atom/button-link-icon"));
+
 var _icon = _interopRequireDefault(require("../../atom/icon"));
+
 var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
+
 var _allCourses = _interopRequireDefault(require("../skill-detail/all-courses"));
+
 var _skillDetail = require("../skill-detail");
+
 var _progressWrapper = _interopRequireDefault(require("../../molecule/progress-wrapper"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+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 }; }
+
 const CertificationDetail = (props, context) => {
   const {
     certificationRef,
@@ -129,6 +151,7 @@ const CertificationDetail = (props, context) => {
     search: search
   })));
 };
+
 CertificationDetail.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
@@ -160,5 +183,6 @@ CertificationDetail.propTypes = process.env.NODE_ENV !== "production" ? {
     onChange: _propTypes.default.func
   })
 } : {};
-var _default = exports.default = CertificationDetail;
+var _default = CertificationDetail;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/certification-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_provider","_tag","_select","_buttonLinkIcon","_icon","_cardsGrid","_allCourses","_skillDetail","_progressWrapper","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CertificationDetail","props","context","certificationRef","title","tag","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","metrics","logoUrl","diplomaUrl","badgeUrl","search","descriptionRef","useRef","translate","progression","mandatoryModules","stars","totalModules","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","createElement","ref","className","classnames","style","truncate","completedModules","useMemo","_round2","backgroundContainer","container","_isNil2","faIcon","onClick","backButton","tooltipPlacement","ctaContainer","logoContainer","logo","src","label","Fragment","showMoreWrapper","iconName","size","faSize","wrapperSize","contentStats","_lowerCase2","ContinueLearningButton","subtitle","sections","_compact2","type","downloadUrl","content","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","shape","number","bool","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","oldValue","_default","exports"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase, round, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    tag,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl,\n    search\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n\n  const {progression, mandatoryModules, stars, totalModules} = metrics;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const completedModules = useMemo(\n    () => round((mandatoryModules * progression) / 100),\n    [mandatoryModules, progression]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={tag} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            diplomaUrl && {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            stars && {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          content={certificationCourses}\n          filters={filters}\n          data-name=\"certification-courses\"\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.string,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default CertificationDetail;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["CertificationDetail","props","context","certificationRef","title","tag","description","certificationCourses","ongoingCoursesAvailable","filters","onBackClick","onContinueLearningClick","metrics","logoUrl","diplomaUrl","badgeUrl","search","descriptionRef","useRef","translate","progression","mandatoryModules","stars","totalModules","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","classnames","style","truncate","completedModules","useMemo","backgroundContainer","container","backButton","ctaContainer","logoContainer","logo","showMoreWrapper","faSize","wrapperSize","contentStats","type","downloadUrl","contextTypes","skin","Provider","childContextTypes","propTypes","PropTypes","string","isRequired","shape","number","bool","CardsGrid","onChange","func","options","arrayOf","SelectOptionPropTypes","oldValue"],"sources":["../../../src/template/certification-detail/index.js"],"sourcesContent":["import React, {useCallback, useEffect, useRef, useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, lowerCase, round, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport AllCourses from '../skill-detail/all-courses';\nimport {ContinueLearningButton} from '../skill-detail';\nimport ProgressWrapper from '../../molecule/progress-wrapper';\nimport style from './style.css';\n\nconst CertificationDetail = (props, context) => {\n  const {\n    certificationRef,\n    title,\n    tag,\n    description,\n    certificationCourses,\n    ongoingCoursesAvailable,\n    filters,\n    onBackClick,\n    onContinueLearningClick,\n    metrics,\n    logoUrl,\n    diplomaUrl,\n    badgeUrl,\n    search\n  } = props;\n  const descriptionRef = useRef(null);\n  const {translate} = context;\n\n  const {progression, mandatoryModules, stars, totalModules} = metrics;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const completedModules = useMemo(\n    () => round((mandatoryModules * progression) / 100),\n    [mandatoryModules, progression]\n  );\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={certificationRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div className={style.logoContainer}>\n            <img className={style.logo} src={logoUrl} />\n          </div>\n          <div>\n            <Tag label={tag} />\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {translate(showMore ? 'Show less' : 'Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 16}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n            <div className={style.contentStats}>\n              <span>{`${totalModules} ${lowerCase(translate('modules'))}`}</span>\n            </div>\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        <ProgressWrapper\n          title={translate('your_progress')}\n          subtitle={translate('certification_progress_wrapper_subtitle')}\n          progression={progression}\n          completedModules={completedModules}\n          mandatoryModules={mandatoryModules}\n          sections={compact([\n            diplomaUrl && {\n              type: 'diploma',\n              downloadUrl: diplomaUrl\n            },\n            badgeUrl && {\n              type: 'badge',\n              downloadUrl: badgeUrl\n            },\n            stars && {\n              type: 'stars',\n              stars\n            }\n          ])}\n        />\n        <AllCourses\n          content={certificationCourses}\n          filters={filters}\n          data-name=\"certification-courses\"\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nCertificationDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nCertificationDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.string,\n  certificationRef: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  logoUrl: PropTypes.string,\n  metrics: PropTypes.shape({\n    progression: PropTypes.number,\n    stars: PropTypes.number,\n    mandatoryModules: PropTypes.number,\n    totalModules: PropTypes.number\n  }),\n  diplomaUrl: PropTypes.string,\n  badgeUrl: PropTypes.string,\n  ongoingCoursesAvailable: PropTypes.bool,\n  certificationCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  })\n};\n\nexport default CertificationDetail;\n"],"mappings":"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"}

package/lib/template/certifications/index.js

@@ -2,19 +2,33 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _provider = _interopRequireDefault(require("../../atom/provider"));
+
 var _title = _interopRequireDefault(require("../../atom/title"));
+
 var _select = _interopRequireDefault(require("../../atom/select"));
+
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
+
 var _certificationCard = _interopRequireDefault(require("../../molecule/certification-card"));
+
 var _style = _interopRequireDefault(require("./style.css"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+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 Certifications = (props, context) => {
   const {
     locales: {
@@ -82,13 +96,13 @@ const Certifications = (props, context) => {
     return /*#__PURE__*/_react.default.createElement("div", {
       key: label
     }, /*#__PURE__*/_react.default.createElement(_certificationCard.default, _extends({}, certification, {
-      locales: {
-        ...certification.locales,
+      locales: { ...certification.locales,
         tag
       }
     })));
   }, certifications))));
 };
+
 Certifications.contextTypes = {
   translate: _provider.default.childContextTypes.translate
 };
@@ -116,5 +130,6 @@ Certifications.propTypes = process.env.NODE_ENV !== "production" ? {
   }),
   sorting: _propTypes.default.shape(_select.default.propTypes)
 } : {};
-var _default = exports.default = Certifications;
+var _default = Certifications;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

package/lib/template/certifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_provider","_title","_select","_inputSwitch","_certificationCard","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","useState","sortView","undefined","createElement","handleShowCompletedToggle","useCallback","className","style","backgroudnContainer","container","type","titleSize","subtitleSize","icon","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","id","name","value","onChange","sortWrapper","certificateList","_map2","certification","label","progress","key","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress","Select","_default","exports"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n  const {\n    locales: {title, subtitle, tag, count},\n    certifications,\n    sorting\n  } = props;\n  const {translate} = context;\n\n  const [showCompleted, setShowCompleted] = useState(true);\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(!showCompleted);\n  }, [showCompleted, setShowCompleted]);\n\n  return (\n    <div className={style.backgroudnContainer}>\n      <div className={style.container} data-name=\"Certifications\">\n        <Title\n          title={title}\n          subtitle={subtitle}\n          type=\"form-group\"\n          titleSize=\"standard-light-weight\"\n          subtitleSize=\"standard-without-margin\"\n          icon={{\n            iconName: 'wreath-laurel',\n            iconColor: '#B87A00',\n            borderRadius: '12px',\n            backgroundColor: '#FFEECC'\n          }}\n        />\n        <div className={style.sortSectionWrapper}>\n          <div className={style.certificatesCount}>{count}</div>\n          <div className={style.sortSection}>\n            <InputSwitch\n              id={'show-completed-courses-switch'}\n              type=\"switch\"\n              name={translate('show_completed')}\n              title={translate('show_completed')}\n              aria-label={'Show completed courses aria label'}\n              value={showCompleted}\n              onChange={handleShowCompletedToggle}\n            />\n            {sorting ? (\n              <div className={style.sortWrapper}>\n                {translate('sort_by')}\n                {sortView}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        <div className={style.certificateList}>\n          {map(certification => {\n            const {label, progress} = certification;\n            if (!showCompleted && progress === 100) return null;\n\n            return (\n              <div key={label}>\n                <CertificationCard {...certification} locales={{...certification.locales, tag}} />\n              </div>\n            );\n          }, certifications)}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCertifications.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertifications.propTypes = {\n  certifications: PropTypes.arrayOf(\n    PropTypes.shape({\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      locales: PropTypes.shape({\n        conditionDescriptionProgress: PropTypes.string\n      })\n    })\n  ),\n  locales: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string,\n    tag: PropTypes.string,\n    count: PropTypes.string\n  }),\n  sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default Certifications;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["Certifications","props","context","locales","title","subtitle","tag","count","certifications","sorting","translate","showCompleted","setShowCompleted","useState","sortView","undefined","handleShowCompletedToggle","useCallback","style","backgroudnContainer","container","iconName","iconColor","borderRadius","backgroundColor","sortSectionWrapper","certificatesCount","sortSection","sortWrapper","certificateList","certification","label","progress","contextTypes","Provider","childContextTypes","propTypes","PropTypes","arrayOf","shape","string","goal","condition","nbDone","number","imgUrl","onClick","func","conditionDescriptionProgress","Select"],"sources":["../../../src/template/certifications/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Title from '../../atom/title';\nimport Select from '../../atom/select';\nimport InputSwitch from '../../atom/input-switch';\nimport CertificationCard from '../../molecule/certification-card';\nimport style from './style.css';\n\nconst Certifications = (props, context) => {\n  const {\n    locales: {title, subtitle, tag, count},\n    certifications,\n    sorting\n  } = props;\n  const {translate} = context;\n\n  const [showCompleted, setShowCompleted] = useState(true);\n\n  const sortView =\n    sorting !== undefined ? (\n      <div data-name=\"choice\">\n        <Select {...sorting} aria-label=\"All courses sort\" />\n      </div>\n    ) : null;\n\n  const handleShowCompletedToggle = useCallback(() => {\n    setShowCompleted(!showCompleted);\n  }, [showCompleted, setShowCompleted]);\n\n  return (\n    <div className={style.backgroudnContainer}>\n      <div className={style.container} data-name=\"Certifications\">\n        <Title\n          title={title}\n          subtitle={subtitle}\n          type=\"form-group\"\n          titleSize=\"standard-light-weight\"\n          subtitleSize=\"standard-without-margin\"\n          icon={{\n            iconName: 'wreath-laurel',\n            iconColor: '#B87A00',\n            borderRadius: '12px',\n            backgroundColor: '#FFEECC'\n          }}\n        />\n        <div className={style.sortSectionWrapper}>\n          <div className={style.certificatesCount}>{count}</div>\n          <div className={style.sortSection}>\n            <InputSwitch\n              id={'show-completed-courses-switch'}\n              type=\"switch\"\n              name={translate('show_completed')}\n              title={translate('show_completed')}\n              aria-label={'Show completed courses aria label'}\n              value={showCompleted}\n              onChange={handleShowCompletedToggle}\n            />\n            {sorting ? (\n              <div className={style.sortWrapper}>\n                {translate('sort_by')}\n                {sortView}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        <div className={style.certificateList}>\n          {map(certification => {\n            const {label, progress} = certification;\n            if (!showCompleted && progress === 100) return null;\n\n            return (\n              <div key={label}>\n                <CertificationCard {...certification} locales={{...certification.locales, tag}} />\n              </div>\n            );\n          }, certifications)}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCertifications.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nCertifications.propTypes = {\n  certifications: PropTypes.arrayOf(\n    PropTypes.shape({\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      locales: PropTypes.shape({\n        conditionDescriptionProgress: PropTypes.string\n      })\n    })\n  ),\n  locales: PropTypes.shape({\n    title: PropTypes.string,\n    subtitle: PropTypes.string,\n    tag: PropTypes.string,\n    count: PropTypes.string\n  }),\n  sorting: PropTypes.shape(Select.propTypes)\n};\n\nexport default Certifications;\n"],"mappings":"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"}