@coorpacademy/components 11.10.3-alpha.0 → 11.10.4-alpha.1

package/lib/organism/user-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Settings","props","label","description","moreInfoAriaLabel","settings","style","infoIconWrapper","infoIcon","showToolTip","descriptionLabel","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, isEmpty} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyInformationIcon as InfoIcon} from '@coorpacademy/nova-icons';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label}>{label}</span>\n      {isEmpty(description) ? null : (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon\n            height={16}\n            width={16}\n            className={style.infoIcon}\n            aria-label={moreInfoAriaLabel}\n          />\n          <div className={style.showToolTip}>\n            <div className={style.descriptionLabel}>{description}</div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences = [], moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDH,KAA7D;EAAA,MAAiDI,QAAjD,iCAA6DJ,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ;EAAvB,GAA+BA,KAA/B,CAFF,EAGG,uBAAQC,WAAR,IAAuB,IAAvB,gBACC;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,qDAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,EAFT;IAGE,SAAS,EAAED,cAAA,CAAME,QAHnB;IAIE,cAAYJ;EAJd,EADF,eAOE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GAAyCP,WAAzC,CADF,CAPF,CAJJ,CADF;AAmBD,CArBD;;AAuBAH,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEET,KAAK,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEZ,WAAW,EAAEU,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAW,GAAG,EAAf;IAAmBb,iBAAnB;IAAsCc;EAAtC,IAAwDjB,KAA9D;EAEA,oBACE,wDACE;IAAK,SAAS,EAAEK,cAAA,CAAMW,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC;EAA5D,GACG,mBACCb,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICa,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUO,KAAV,CAAgBpB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BP,iBAAiB,EAAES,kBAAA,CAAUC,MAFH;EAG1BI,cAAc,EAAEL,kBAAA,CAAUC;AAHA,CAA5B;eAMeE,e"}
+{"version":3,"file":"index.js","names":["Settings","props","translate","GetTranslateFromContext","label","description","moreInfoAriaLabel","settings","style","isEmpty","infoIconTooltip","propTypes","InputSwitch","PropTypes","string","isRequired","UserPreferences","preferences","groupAriaLabel","map","arrayOf","shape"],"sources":["../../../src/organism/user-preferences/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {GetTranslateFromContext} from '../../atom/provider';\nimport ToolTip from '../../atom/tooltip';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst Settings = props => {\n  const translate = GetTranslateFromContext();\n  const {label, description, moreInfoAriaLabel, ...settings} = props;\n  return (\n    <div className={style.settings}>\n      <InputSwitch {...settings} />\n      <span className={style.label} tabIndex={0}>\n        {label}\n      </span>\n      {isEmpty(description) ? null : (\n        <ToolTip\n          TooltipContent={description}\n          closeToolTipInformationTextAriaLabel={translate(\n            'Press the escape key to close the information text'\n          )}\n          data-testid=\"user-preferences-tooltip\"\n          aria-label={moreInfoAriaLabel}\n          iconContainerClassName={style.infoIconTooltip}\n          fontSize={12}\n        />\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  ...InputSwitch.propTypes,\n  label: PropTypes.string.isRequired,\n  description: PropTypes.string\n};\n\nconst UserPreferences = props => {\n  const {preferences, moreInfoAriaLabel, groupAriaLabel} = props;\n\n  return (\n    <form>\n      <div className={style.preferences} role=\"group\" aria-label={groupAriaLabel} tabIndex={0}>\n        {map(\n          settings => (\n            <Settings {...settings} key={settings.label} moreInfoAriaLabel={moreInfoAriaLabel} />\n          ),\n          preferences\n        )}\n      </div>\n    </form>\n  );\n};\n\nUserPreferences.propTypes = {\n  preferences: PropTypes.arrayOf(PropTypes.shape(Settings.propTypes)),\n  moreInfoAriaLabel: PropTypes.string,\n  groupAriaLabel: PropTypes.string\n};\n\nexport default UserPreferences;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAMC,SAAS,GAAG,IAAAC,iCAAA,GAAlB;;EACA,MAAM;IAACC,KAAD;IAAQC,WAAR;IAAqBC;EAArB,IAAuDL,KAA7D;EAAA,MAAiDM,QAAjD,iCAA6DN,KAA7D;;EACA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMD;EAAtB,gBACE,6BAAC,oBAAD,EAAiBA,QAAjB,CADF,eAEE;IAAM,SAAS,EAAEC,cAAA,CAAMJ,KAAvB;IAA8B,QAAQ,EAAE;EAAxC,GACGA,KADH,CAFF,EAKG,IAAAK,gBAAA,EAAQJ,WAAR,IAAuB,IAAvB,gBACC,6BAAC,gBAAD;IACE,cAAc,EAAEA,WADlB;IAEE,oCAAoC,EAAEH,SAAS,CAC7C,oDAD6C,CAFjD;IAKE,eAAY,0BALd;IAME,cAAYI,iBANd;IAOE,sBAAsB,EAAEE,cAAA,CAAME,eAPhC;IAQE,QAAQ,EAAE;EARZ,EANJ,CADF;AAoBD,CAvBD;;AAyBAV,QAAQ,CAACW,SAAT,wDACKC,oBAAA,CAAYD,SADjB;EAEEP,KAAK,EAAES,kBAAA,CAAUC,MAAV,CAAiBC,UAF1B;EAGEV,WAAW,EAAEQ,kBAAA,CAAUC;AAHzB;;AAMA,MAAME,eAAe,GAAGf,KAAK,IAAI;EAC/B,MAAM;IAACgB,WAAD;IAAcX,iBAAd;IAAiCY;EAAjC,IAAmDjB,KAAzD;EAEA,oBACE,wDACE;IAAK,SAAS,EAAEO,cAAA,CAAMS,WAAtB;IAAmC,IAAI,EAAC,OAAxC;IAAgD,cAAYC,cAA5D;IAA4E,QAAQ,EAAE;EAAtF,GACG,IAAAC,YAAA,EACCZ,QAAQ,iBACN,6BAAC,QAAD,eAAcA,QAAd;IAAwB,GAAG,EAAEA,QAAQ,CAACH,KAAtC;IAA6C,iBAAiB,EAAEE;EAAhE,GAFH,EAICW,WAJD,CADH,CADF,CADF;AAYD,CAfD;;AAiBAD,eAAe,CAACL,SAAhB,2CAA4B;EAC1BM,WAAW,EAAEJ,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUQ,KAAV,CAAgBrB,QAAQ,CAACW,SAAzB,CAAlB,CADa;EAE1BL,iBAAiB,EAAEO,kBAAA,CAAUC,MAFH;EAG1BI,cAAc,EAAEL,kBAAA,CAAUC;AAHA,CAA5B;eAMeE,e"}

package/lib/organism/user-preferences/style.css

@@ -1,6 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value dark from colors;
 @value light from colors;
+@value transparent from colors;
 
 .preferences {
   display: flex;
@@ -25,64 +26,12 @@
 
 .label {
   composes: fontBase;
+  position: relative;
+  top: 1px;
   margin-left: 15px;
   min-height: 18px;
 }
 
-.infoIconWrapper {
-  display: flex;
-  align-items: center;
-  overflow: visible;
-}
-
-.showToolTip {
-  margin-top: 5px;
-  text-align: center;
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity 0.8s;
-}
-
-.infoIcon {
-  cursor: pointer;
-  padding-left: 10px;
-  padding-right: 4px;
-  color: dark;
-}
-
-.showToolTip::before {
-  content: '';
-  display: inline-block;
-  visibility: hidden;
-  opacity: 0;
-  width: 7px;
-  height: 8px;
-  margin: 7.5px -4px 7.5px 0;
-  transform: rotate(-45deg);
-  transition: opacity 0.8s;
-  background-color: light;
-}
-
-.infoIcon:hover  ~ .showToolTip {
-  visibility: visible;
-  opacity: 1;
-}
-
-.infoIcon:hover  ~ .showToolTip::before {
-  visibility: visible;
-  opacity: 1;
-}
-
-.descriptionLabel {
-  composes: fontBase;
-  display: inline-block;
-  background-color: light;
-  padding: 4px 8px;
-  border-radius: 3px;
-  word-wrap: break-word;
-  color: dark;
-  max-width: 220px;
-  overflow: hidden;
-  text-align: left;
-  position: absolute;
+.infoIconTooltip {
+  background: transparent;
 }

package/lib/organism/wizard-contents/index.d.ts

@@ -12,7 +12,7 @@ declare namespace WizardContents {
             done: PropTypes.Requireable<boolean>;
             current: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
-        const summary: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        const summary: PropTypes.Requireable<PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             side: PropTypes.Requireable<string>;
             sections: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -45,7 +45,7 @@ declare namespace WizardContents {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 'aria-label': PropTypes.Requireable<string>;
             }>>;
-        }>>>;
+        }>>;
         const content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             groups: PropTypes.Validator<(PropTypes.InferProps<{

package/lib/organism/wizard-contents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AAkGA,yDA6BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/wizard-contents/index.js"],"names":[],"mappings":";AAmHA,yDAoCC"}

package/lib/organism/wizard-contents/index.js

@@ -126,6 +126,23 @@ const buildActionZone = (previousStep, nextStep, side) => {
   }, nextButton));
 };
 
+const THEMES = {
+  'no-summary': {
+    container: _style.default.containerWithoutSummary,
+    footer: _style.default.footerWithoutSummary,
+    actionFooter: _style.default.actionFooterWithoutSummary,
+    leftSection: _style.default.leftSectionWithoutSummary
+  },
+  summary: {
+    container: _style.default.container,
+    footer: _style.default.footer,
+    actionFooter: _style.default.actionFooter,
+    leftSection: _style.default.leftSection
+  }
+};
+
+const getTheme = summary => summary ? 'summary' : 'no-summary';
+
 const WizardContents = props => {
   const {
     isLoading,
@@ -142,14 +159,9 @@ const WizardContents = props => {
   }));
   const rightActionView = buildActionZone(previousStep, nextStep, 'right');
   const footerActionView = buildActionZone(previousStep, nextStep, 'footer');
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.container,
-    "data-name": "content-summary"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.leftSection
-  }, headerView, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.form
-  }, formView)), /*#__PURE__*/_react.default.createElement("div", {
+  const currentStyle = THEMES[getTheme(summary)];
+
+  const summaryWrapper = /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.rightSection,
     "data-name": "summary-right-section"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -159,14 +171,23 @@ const WizardContents = props => {
     "data-name": "summary-zone"
   }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, _extends({}, summary, {
     side: 'right'
-  }))), rightActionView)), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.footer,
-    "data-name": "summary-footer-section"
+  }))), rightActionView));
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: currentStyle.container,
+    "data-name": "content-summary"
   }, /*#__PURE__*/_react.default.createElement("div", {
+    className: currentStyle.leftSection
+  }, headerView, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.form
+  }, formView)), summary ? summaryWrapper : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: currentStyle.footer,
+    "data-name": "footer-section"
+  }, summary ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.summaryFooter
   }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, _extends({}, summary, {
     side: 'footer'
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  }))) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.actionFooter
   }, footerActionView)));
 };
@@ -178,7 +199,7 @@ WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
     onClick: _propTypes.default.func
   }).isRequired,
   steps: _wizardSteps.default.propTypes.steps,
-  summary: _propTypes.default.shape(_extends({}, _wizardSummary.default.propTypes)).isRequired,
+  summary: _propTypes.default.shape(_extends({}, _wizardSummary.default.propTypes)),
   content: _propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _brandForm.default.propTypes, {
     type: _propTypes.default.oneOf(['form'])
   })), _propTypes.default.shape(_extends({}, _contentTranslation.default.propTypes, {

package/lib/organism/wizard-contents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={style.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      <div className={style.rightSection} data-name=\"summary-right-section\">\n        <div className={style.stickySection}>\n          <div className={style.summaryZone} data-name=\"summary-zone\">\n            <WizardSummary {...summary} side={'right'} />\n          </div>\n          {rightActionView}\n        </div>\n      </div>\n      <div className={style.footer} data-name=\"summary-footer-section\">\n        <div className={style.summaryFooter}>\n          <WizardSummary {...summary} side={'footer'} />\n        </div>\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }).isRequired,\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","style","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","getOr","nextButton","actionZone","button","THEMES","container","containerWithoutSummary","footer","footerWithoutSummary","actionFooter","actionFooterWithoutSummary","leftSection","leftSectionWithoutSummary","summary","getTheme","WizardContents","props","isLoading","headerView","formView","rightActionView","footerActionView","currentStyle","summaryWrapper","rightSection","stickySection","summaryZone","form","summaryFooter","propTypes","PropTypes","bool","shape","string","func","isRequired","WizardSteps","WizardSummary","oneOfType","BrandForm","oneOf","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm"],"sources":["../../../src/organism/wizard-contents/index.js"],"sourcesContent":["import React from 'react';\nimport getOr from 'lodash/fp/getOr';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport WizardSteps from '../../atom/wizard-steps';\nimport WizardSummary from '../../molecule/wizard-summary';\nimport BrandForm from '../brand-form';\nimport ContentTranslate from '../content-translation';\nimport OrganismSearchAndChipsResults from '../search-and-chips-results';\nimport CourseSelection from '../course-selection';\nimport CourseSections from '../../molecule/course-sections';\nimport RewardsForm from '../rewards-form';\nimport style from './style.css';\n\nconst buildHeader = (wizardHeader, steps) => {\n  const {title, onClick} = wizardHeader;\n\n  const buttonCloseIcon = {\n    size: 'small',\n    'data-name': 'close-button',\n    'aria-label': 'close button',\n    icon: 'close',\n    onClick\n  };\n\n  return (\n    <div>\n      <div className={style.header}>\n        <ButtonLinkIconOnly {...buttonCloseIcon} />\n        <div className={style.headerTitle} data-name={'content-title'}>\n          {title}\n        </div>\n      </div>\n      <WizardSteps steps={steps} />\n    </div>\n  );\n};\n\nconst buildForm = content => {\n  const {type} = content;\n  switch (type) {\n    case 'form':\n      return <BrandForm {...content} />;\n    case 'translate':\n      return <ContentTranslate {...content} />;\n    case 'populations':\n      return <OrganismSearchAndChipsResults {...content} />;\n    case 'courses':\n      return <CourseSelection {...content} />;\n    case 'organize-courses':\n      return <CourseSections {...content} />;\n    case 'rewards':\n      return <RewardsForm {...content} />;\n  }\n};\n\nconst buildButton = (type, step, side) => {\n  const ICONS = {\n    previous: {\n      position: 'left',\n      type: 'chevron-left'\n    },\n    next: {\n      position: 'right',\n      type: 'chevron-right'\n    },\n    publish: {\n      position: 'left',\n      type: 'publish'\n    }\n  };\n\n  const {label, onClick} = step;\n  const buttonProps = {\n    type: type === 'previous' ? 'secondary' : 'primary',\n    'aria-label': `${type} step button`,\n    'data-name': `${type}-step-button-${side}`,\n    icon: ICONS[type],\n    label,\n    onClick\n  };\n\n  return <ButtonLink {...buttonProps} />;\n};\n\nconst buildActionZone = (previousStep, nextStep, side) => {\n  const previousButton = previousStep ? buildButton('previous', previousStep, side) : null;\n  const nextStepType = getOr('next', 'type', nextStep);\n  const nextButton = nextStep ? buildButton(nextStepType, nextStep, side) : null;\n  return (\n    <div className={style.actionZone}>\n      <div className={style.button}>{previousButton}</div>\n      <div className={style.button}>{nextButton}</div>\n    </div>\n  );\n};\n\nconst THEMES = {\n  'no-summary': {\n    container: style.containerWithoutSummary,\n    footer: style.footerWithoutSummary,\n    actionFooter: style.actionFooterWithoutSummary,\n    leftSection: style.leftSectionWithoutSummary\n  },\n  summary: {\n    container: style.container,\n    footer: style.footer,\n    actionFooter: style.actionFooter,\n    leftSection: style.leftSection\n  }\n};\n\nconst getTheme = summary => (summary ? 'summary' : 'no-summary');\n\nconst WizardContents = props => {\n  const {isLoading, wizardHeader, steps, summary, content, nextStep, previousStep} = props;\n  const headerView = buildHeader(wizardHeader, steps);\n  const formView = buildForm({...content, isLoading});\n  const rightActionView = buildActionZone(previousStep, nextStep, 'right');\n  const footerActionView = buildActionZone(previousStep, nextStep, 'footer');\n  const currentStyle = THEMES[getTheme(summary)];\n\n  const summaryWrapper = (\n    <div className={style.rightSection} data-name=\"summary-right-section\">\n      <div className={style.stickySection}>\n        <div className={style.summaryZone} data-name=\"summary-zone\">\n          <WizardSummary {...summary} side={'right'} />\n        </div>\n        {rightActionView}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className={currentStyle.container} data-name=\"content-summary\">\n      <div className={currentStyle.leftSection}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? summaryWrapper : null}\n      <div className={currentStyle.footer} data-name=\"footer-section\">\n        {summary ? (\n          <div className={style.summaryFooter}>\n            <WizardSummary {...summary} side={'footer'} />\n          </div>\n        ) : null}\n        <div className={style.actionFooter}>{footerActionView}</div>\n      </div>\n    </div>\n  );\n};\n\nWizardContents.propTypes = {\n  isLoading: PropTypes.bool,\n  wizardHeader: PropTypes.shape({\n    title: PropTypes.string,\n    onClick: PropTypes.func\n  }).isRequired,\n  steps: WizardSteps.propTypes.steps,\n  summary: PropTypes.shape({\n    ...WizardSummary.propTypes\n  }),\n  content: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...BrandForm.propTypes,\n      type: PropTypes.oneOf(['form'])\n    }),\n    PropTypes.shape({\n      ...ContentTranslate.propTypes,\n      type: PropTypes.oneOf(['translate'])\n    }),\n    PropTypes.shape({\n      ...OrganismSearchAndChipsResults.propTypes,\n      type: PropTypes.oneOf(['populations'])\n    }),\n    PropTypes.shape({\n      ...CourseSelection.propTypes,\n      type: PropTypes.oneOf(['courses'])\n    }),\n    PropTypes.shape({\n      ...CourseSections.propTypes,\n      type: PropTypes.oneOf(['organize-courses'])\n    }),\n    PropTypes.shape({\n      ...RewardsForm.propTypes,\n      type: PropTypes.oneOf(['rewards'])\n    })\n  ]),\n  previousStep: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  nextStep: PropTypes.shape({\n    type: PropTypes.oneOf(['next', 'publish']),\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default WizardContents;\n"],"mappings":"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"}

package/lib/organism/wizard-contents/style.css

@@ -7,17 +7,31 @@
   display: flex;
   align-items: stretch;
   justify-content: flex-start;
-  flex-wrap: wrap;
   overflow: auto;
   height: calc(100vh - 124px);
   width: 100%;
 }
 
+.containerWithoutSummary {
+  composes: container;
+  flex-direction: column;
+}
+
 .leftSection {
-  display: block;
+  display: flex;
+  flex-direction: column;
   overflow: auto;
   box-sizing: border-box;
   width: calc(100% - 320px);
+  position: relative;
+}
+
+.leftSectionWithoutSummary {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+  box-sizing: border-box;
+  width: 100%;
   height: 100%;
   position: relative;
 }
@@ -69,12 +83,23 @@
 .actionZone {
   width: 100%;
   display: flex;
-  justify-content: space-between;
+  flex-direction: row;
+  justify-content: flex-end;
   margin: 16px 0;
 }
 
 .button {
-  width: calc(50% - 8px);
+  width: 100%;
+  max-width: 184px;
+  margin: 10px;
+}
+
+.footerWithoutSummary {
+  width: 100%;
+  bottom: 0px;
+  position: inherit;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .footer {
@@ -84,23 +109,37 @@
   position: inherit;
 }
 
+.actionFooterWithoutSummary {
+  width: 100%;
+  display: flex;
+  right: 0;
+  bottom: -10px;
+  position: sticky;
+}
+
 @media desktop, tablet {
   .leftSection {
     width: 100%;
     min-height: 500px;
   }
 
+  .container {
+    display: flex;
+    flex-direction: column;
+  }
+
   .rightSection {
     display: none;
   }
 
-  .footer {
+  .footer  {
     display: flex;
     align-items: flex-end;
     bottom: 10px;
     position: sticky;
     z-index: 1;
   }
+
   .footer::before {
     content: '';
     background: linear-gradient(to top,white 64px, #ffffff00 );
@@ -118,8 +157,9 @@
   }
 
   .actionFooter {
-    width: 43%;
+    width: 100%;
   }
+  
   .actionZone {
     margin: 0;
   }

package/lib/template/activity/progression-item.d.ts

@@ -1,5 +1,5 @@
 export default ProgressionItem;
-declare function ProgressionItem(props: any, context: any): JSX.Element;
+declare function ProgressionItem(props: any, legacyContext: any): JSX.Element;
 declare namespace ProgressionItem {
     namespace propTypes {
         const completion: PropTypes.Validator<number>;

package/lib/template/activity/progression-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,wEAyFC"}
+{"version":3,"file":"progression-item.d.ts","sourceRoot":"","sources":["../../../src/template/activity/progression-item.js"],"names":[],"mappings":";AAmCA,8EAyFC"}

package/lib/template/activity/progression-item.js

@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _provider = _interopRequireDefault(require("../../atom/provider"));
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
 var _progressBar = _interopRequireDefault(require("../../molecule/progress-bar"));
 
@@ -41,10 +41,8 @@ const ICONS = {
   review: _novaIcons.NovaCompositionCoorpacademyRevision
 };
 
-const ProgressionItem = (props, context) => {
-  const {
-    skin
-  } = context;
+const ProgressionItem = (props, legacyContext) => {
+  const skin = (0, _provider.GetSkinFromContext)(legacyContext);
   const {
     disabled = false,
     adaptive,

package/lib/template/activity/progression-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","context","skin","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","color","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, context) => {\n  const {skin} = context;\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon style={{color: white}} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon style={{color: primary}} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} style={{color: dark}} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} style={{color: primary}} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}
+{"version":3,"file":"progression-item.js","names":["ICONS","chapter","TimerIcon","course","LearnerIcon","battle","BoltIcon","certification","CertificationIcon","article","ArticleIcon","scorm","ScormIcon","video","VideoIcon","podcast","PodcastIcon","review","RevisionIcon","ProgressionItem","props","legacyContext","skin","GetSkinFromContext","disabled","adaptive","completion","label","level","onClick","stars","maxStars","state","type","steps","adaptiveAriaLabel","dark","primary","white","IconType","adaptiveIcon","style","backgroundColor","color","handleCTAClick","useMemo","e","stopPropagation","preventDefault","link","cta","classnames","progressionItem","wrapperTitle","iconType","innerHTML","__html","smallStars","iconStar","borderRadius","propTypes","PropTypes","number","isRequired","bool","string","func","contextTypes","Provider","childContextTypes"],"sources":["../../../src/template/activity/progression-item.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRightIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon,\n  NovaCompositionCoorpacademyBolt as BoltIcon,\n  NovaSolidSchoolScienceGraduationHat as CertificationIcon,\n  NovaCompositionCoorpacademyAdaptive as AdaptiveIcon,\n  NovaSolidContentContentBook1 as LearnerIcon,\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon,\n  NovaCompositionCoorpacademyRevision as RevisionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\nimport ProgressBar from '../../molecule/progress-bar';\nimport Link from '../../atom/link';\nimport style from './progression-item.css';\n\nconst ICONS = {\n  chapter: TimerIcon,\n  course: LearnerIcon,\n  battle: BoltIcon,\n  certification: CertificationIcon,\n  article: ArticleIcon,\n  scorm: ScormIcon,\n  video: VideoIcon,\n  podcast: PodcastIcon,\n  review: RevisionIcon\n};\n\nconst ProgressionItem = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const {\n    disabled = false,\n    adaptive,\n    completion,\n    label,\n    level,\n    onClick = noop,\n    stars,\n    maxStars,\n    state,\n    type,\n    steps = 0,\n    adaptiveAriaLabel\n  } = props;\n\n  const dark = get('common.dark', skin);\n  const primary = get('common.primary', skin);\n  const white = get('common.white', skin);\n  const IconType = ICONS[type];\n\n  const adaptiveIcon = adaptive ? (\n    <div\n      className={style.adaptiveIcon}\n      style={{\n        backgroundColor: primary\n      }}\n    >\n      <AdaptiveIcon style={{color: white}} height={14} aria-label={adaptiveAriaLabel} />\n    </div>\n  ) : null;\n\n  const handleCTAClick = useMemo(\n    () => e => {\n      e.stopPropagation();\n      e.preventDefault();\n      onClick(e);\n    },\n    [onClick]\n  );\n\n  const link = disabled ? null : (\n    <Link style={{color: primary}} onClick={handleCTAClick} data-progression-state={state}>\n      <span className={style.cta}>\n        {state} <ArrowRightIcon style={{color: primary}} height={12} width={20} />\n      </span>\n    </Link>\n  );\n\n  return (\n    <div className={classnames(style.progressionItem, disabled ? style.disabled : '')}>\n      <div className={style.wrapperTitle}>\n        <IconType className={style.iconType} style={{color: dark}} />\n        <div data-name=\"activityLabel\" className={style.label} title={label}>\n          <div\n            className={style.innerHTML}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: label}}\n          />\n          {adaptiveIcon}\n        </div>\n\n        <div\n          data-name=\"activityStars\"\n          className={style.stars}\n          style={{\n            color: primary\n          }}\n        >\n          {stars}\n          {maxStars ? ' /' : null}\n          {maxStars ? <span className={style.smallStars}>{maxStars}</span> : null}{' '}\n          <StarIcon className={style.iconStar} style={{color: primary}} />\n        </div>\n      </div>\n      <ProgressBar\n        className={style.completion}\n        value={completion * 100}\n        max={100}\n        steps={steps}\n        style={{backgroundColor: primary, borderRadius: 0}}\n      />\n      <div className={style.state}>\n        {link}\n        <span className={style.level}>{level}</span>\n      </div>\n    </div>\n  );\n};\n\nProgressionItem.propTypes = {\n  completion: PropTypes.number.isRequired,\n  stars: PropTypes.number.isRequired,\n  maxStars: PropTypes.number,\n  steps: PropTypes.number,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  state: PropTypes.string.isRequired,\n  adaptiveAriaLabel: PropTypes.string,\n  type: PropTypes.string.isRequired,\n  adaptive: PropTypes.bool.isRequired,\n  onClick: PropTypes.func\n};\n\nProgressionItem.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ProgressionItem;\n"],"mappings":"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"}

package/lib/template/back-office/brand-update/index.d.ts

@@ -743,7 +743,7 @@ declare namespace BrandUpdate {
                 done: PropTypes.Requireable<boolean>;
                 current: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
-            summary: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            summary: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
                 side: PropTypes.Requireable<string>;
                 sections: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -776,7 +776,7 @@ declare namespace BrandUpdate {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     'aria-label': PropTypes.Requireable<string>;
                 }>>;
-            }>>>;
+            }>>;
             content: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 groups: PropTypes.Validator<(PropTypes.InferProps<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.10.3-alpha.0+37992dc0b3",
+  "version": "11.10.4-alpha.1+b32e2af6e",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -162,5 +162,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "37992dc0b3739bcd3601197154cf2174dcd9df48"
+  "gitHead": "b32e2af6e4906fac7f51757dc805f1ac502e6e4b"
 }