@coorpacademy/components 11.12.6 → 11.13.1

package/lib/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC,gBAnBmB;EAoBnBC,cApBmB;EAqBnBC;AArBmB,CAAD,KAsBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMb,OAAN,CAAJ,EAAoB;IACpBa,CAAC,CAACC,cAAF;IACA,OAAOd,OAAO,CAACa,CAAD,CAAd;EACD,CALiB,EAMlB,CAACb,OAAD,CANkB,CAApB;EASA,MAAMe,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,yEACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEc,WARX;IASE,KAAK,EAAEL,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC,gBAZpB;IAaE,cAAc,EAAEC,cAblB;IAcE,kBAAkB,EAAEC;EAdtB,GAgBG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAjBJ,CADF,EA+BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAzCN,CADF;AA6CD,CAlFD;;AAoFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}
+{"version":3,"file":"index.js","names":["ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","pdfButtonLabel","pdfButtonAriaLabel","handleReset","useCallback","e","preventDefault","linkCustomStyle","width","color","onDragStart","onDragStop","style","input","templateLink","href","download","propTypes","DragAndDrop","PropTypes","string","func","arrayOf","ImagePropType"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel,\n  pdfButtonLabel,\n  pdfButtonAriaLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: '#FF541F'\n  };\n\n  return (\n    <>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n        pdfButtonLabel={pdfButtonLabel}\n        pdfButtonAriaLabel={pdfButtonAriaLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={imageTypes}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnBC,SAZmB;EAanBC,eAbmB;EAcnBC,QAdmB;EAenB;EACAC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC,gBAnBmB;EAoBnBC,cApBmB;EAqBnBC;AArBmB,CAAD,KAsBd;EACJ,MAAMC,WAAW,GAAG,IAAAC,kBAAA,EAClBC,CAAC,IAAI;IACH,IAAI,qBAAMb,OAAN,CAAJ,EAAoB;IACpBa,CAAC,CAACC,cAAF;IACA,OAAOd,OAAO,CAACa,CAAD,CAAd;EACD,CALiB,EAMlB,CAACb,OAAD,CANkB,CAApB;EASA,MAAMe,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,yEACE,6BAAC,oBAAD;IACE,KAAK,EAAE1B,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEc,WARX;IASE,KAAK,EAAEL,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC,gBAZpB;IAaE,cAAc,EAAEC,cAblB;IAcE,kBAAkB,EAAEC;EAdtB,GAgBG,CAACQ,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAElB,IAFR;IAGE,MAAM,EAAEI,UAHV;IAIE,QAAQ,EAAET,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAEsB,cAAA,CAAMC,KALnB;IAME,QAAQ,EAAEtB,QANZ;IAOE,WAAW,EAAEmB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAjBJ,CADF,EA+BGjB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEgB,cAAA,CAAME;EAAtB,GACGpB,SADH,eAEE,6BAAC,mBAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEa,eAFf;IAGE,IAAI,EAAE;MAACQ,IAAI,EAAEnB,QAAP;MAAiBoB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAErB;EAJT,EAFF,CADD,GAUG,IAzCN,CADF;AA6CD,CAlFD;;AAoFAb,WAAW,CAACmC,SAAZ,wDACKC,oBAAA,CAAYD,SADjB;EAEExB,IAAI,EAAE0B,kBAAA,CAAUC,MAFlB;EAGE7B,QAAQ,EAAE4B,kBAAA,CAAUE,IAHtB;EAIE7B,OAAO,EAAE2B,kBAAA,CAAUE,IAJrB;EAKExB,UAAU,EAAEsB,kBAAA,CAAUG,OAAV,CAAkBC,wBAAlB,CALd;EAMEzB,KAAK,EAAEqB,kBAAA,CAAUC,MANnB;EAOErB,eAAe,EAAEoB,kBAAA,CAAUC,MAP7B;EAQEpB,gBAAgB,EAAEmB,kBAAA,CAAUC,MAR9B;EASE1B,SAAS,EAAEyB,kBAAA,CAAUC,MATvB;EAUExB,QAAQ,EAAEuB,kBAAA,CAAUC;AAVtB;eAaetC,W"}

package/lib/atom/image-upload/style.css

@@ -1,3 +1,6 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_50 from colors;
+
 .input {
   width: 100%;
   height: 100%;
@@ -15,5 +18,9 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
-  margin-top: 8px;
+  margin-top: 16px;
+  background-color: cm_grey_50;
+  padding: 16px 0 16px 0;
+  border-radius: 10px;
+  font-family: "Gilroy";
 }

package/lib/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAsBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AA+GA,yDAuBC"}

package/lib/molecule/brand-form-group/index.js

@@ -9,7 +9,7 @@ var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -59,6 +59,10 @@ var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+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); }
@@ -112,6 +116,11 @@ const buildInput = field => {
         className: _style.default.imageUploadContainer
       }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
 
+    case 'bulkUpload':
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.default.bulkUploadContainer
+      }, /*#__PURE__*/_react.default.createElement(_imageUpload.default, field));
+
     case 'slider':
       return /*#__PURE__*/_react.default.createElement(_setupSlider.default, field);
 
@@ -160,6 +169,10 @@ const buildField = (field, index) => {
   }, input);
 };
 
+const defineLayoutClass = layout => {
+  if (layout === 'grid') return (0, _classnames.default)(_style.default.grid);else if (layout === 'bulkLayout') return (0, _classnames.default)(_style.default.layoutBulk);else return (0, _classnames.default)(null);
+};
+
 const BrandFormGroup = props => {
   const {
     title,
@@ -174,6 +187,7 @@ const BrandFormGroup = props => {
     cap: false
   })(buildField, fields);
 
+  const layout = (0, _react.useMemo)(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `brand_form_group_${(0, _snakeCase2.default)(title)}`,
     className: (0, _classnames.default)(_style.default.wrapper, groupLayout === 'grid' && _style.default.groupGrid)
@@ -185,7 +199,7 @@ const BrandFormGroup = props => {
     subtitleSize: subtitleSize,
     type: 'form-group'
   })), /*#__PURE__*/_react.default.createElement("div", {
-    className: fieldsLayout === 'grid' ? _style.default.grid : null
+    className: layout
   }, fieldsList));
 };
 
@@ -218,6 +232,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
     type: _propTypes.default.oneOf(['checkbox'])
   })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
     type: _propTypes.default.oneOf(['image'])
+  })), _propTypes.default.shape(_extends({}, _imageUpload.default.propTypes, {
+    type: _propTypes.default.oneOf(['bulkImage'])
   })), _propTypes.default.shape(_extends({}, _setupSlider.default.propTypes, {
     type: _propTypes.default.oneOf(['slider'])
   })), _propTypes.default.shape(_extends({}, _setupSections.default.propTypes, {

package/lib/molecule/brand-form-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","bulkUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","defineLayoutClass","layout","classNames","grid","layoutBulk","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","useMemo","wrapper","groupGrid","titleWrapper","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'bulkUpload':\n      return (\n        <div className={style.bulkUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst defineLayoutClass = layout => {\n  if (layout === 'grid') return classNames(style.grid);\n  else if (layout === 'bulkLayout') return classNames(style.layoutBulk);\n  else return classNames(null);\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n  const layout = useMemo(() => defineLayoutClass(fieldsLayout), [fieldsLayout]);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={layout}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['bulkImage'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

package/lib/molecule/brand-form-group/style.css

@@ -54,7 +54,6 @@
   margin-bottom: 0;
 }
 
-
 .fieldCoorpmanager {
   margin: 0 0 32px 0;
 }
@@ -81,6 +80,25 @@
  width: 360px;
 }
 
+.bulkUploadContainer {
+  height: 300px;
+  width: 100%;
+ }
+
+.layoutBulk {
+ display: flex;
+ flex-wrap: nowrap;
+}
+
+.layoutBulk .field {
+  min-width: 360px;
+  width: 100%;
+}
+
+.layoutBulk .field:nth-child(1) {
+  margin: 0px 32px 0 0px;
+}
+
 @media desktop {
   .groupGrid {
     flex-direction: column;

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

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

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

@@ -11,8 +11,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _reactTooltip = _interopRequireDefault(require("react-tooltip"));
-
 var _brandFormGroup = _interopRequireDefault(require("../../molecule/brand-form-group"));
 
 var _provider = _interopRequireDefault(require("../../atom/provider"));
@@ -41,13 +39,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     "data-tip": tooltip.title,
     "data-for": "submitButton",
     className: _style.default.saveButton
-  }, /*#__PURE__*/_react.default.createElement(_reactTooltip.default, {
-    type: "light",
-    effect: "solid",
-    className: _style.default.toolTipContent,
-    place: tooltip.place,
-    id: "submitButton"
-  }), /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "submit",
     disabled: disabledSubmit,
     submitValue: submitValue

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/lib/organism/brand-form/style.css

@@ -60,19 +60,6 @@
   composes: button;
 }
 
-.toolTipContent {
-  padding: 10px;
-  margin: 0;
-  border-radius: 3px;
-  font-family: 'Gilroy';
-  font-size: 12px;
-  width: 270px;
-  background-color: white;
-  border: 1px solid white;
-  color: dark;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 8px 3px 10px rgba(0, 0, 0, 0.23);
-}
-
 .loaderContainer {
   width: 100%;
   height: 50vh;

package/lib/organism/mobile-intro-popin/index.native.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { ViewStyle, GestureResponderEvent } from 'react-native';
+export declare type Props = {
+    isVisible: boolean;
+    locales: {
+        title: string;
+        description1: string;
+        description2: string;
+        cta: string;
+    };
+    Icon?: FC<{
+        style: ViewStyle;
+    }>;
+    onValidate: (event: GestureResponderEvent) => void;
+    onCancel: (event: GestureResponderEvent) => void;
+};
+declare const PopinIntro: (props: Props) => JSX.Element | null;
+export declare type PopinIntroProps = Props;
+export default PopinIntro;
+//# sourceMappingURL=index.native.d.ts.map

package/lib/organism/mobile-intro-popin/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/mobile-intro-popin/index.native.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,EAAE,EAAC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAa,SAAS,EAAyB,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAUjG,oBAAY,KAAK,GAAG;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,IAAI,CAAC,EAAE,EAAE,CAAC;QAAC,KAAK,EAAE,SAAS,CAAA;KAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAClD,CAAC;AAyGF,QAAA,MAAM,UAAU,UAAW,KAAK,uBA2C/B,CAAC;AAEF,oBAAY,eAAe,GAAG,KAAK,CAAC;AACpC,eAAe,UAAU,CAAC"}

package/lib/organism/mobile-intro-popin/index.native.js

@@ -0,0 +1,169 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _templateContext = require("../../template/app-review/template-context");
+
+var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
+  popin: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  content: {
+    backgroundColor: '#fff',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderRadius: 8,
+    paddingVertical: 24
+  },
+  iconWrapper: {
+    width: 100,
+    height: 100,
+    backgroundColor: '#FFEFEB',
+    justifyContent: 'center',
+    borderRadius: 60,
+    marginBottom: 12
+  },
+  icon: {
+    alignSelf: 'center',
+    width: 60,
+    height: 60,
+    fill: brandTheme.colors?.primary
+  },
+  title: {
+    textAlign: 'center',
+    lineHeight: 24,
+    fontWeight: '700',
+    fontSize: 20,
+    marginHorizontal: 24,
+    marginVertical: 12
+  },
+  description1: {
+    textAlign: 'center',
+    lineHeight: 19,
+    fontWeight: '300',
+    fontSize: 14,
+    marginHorizontal: 24,
+    marginVertical: 12
+  },
+  description2: {
+    textAlign: 'center',
+    lineHeight: 19,
+    fontWeight: '700',
+    fontSize: 16,
+    paddingHorizontal: 48,
+    marginVertical: 12
+  },
+  button: {
+    height: 44,
+    backgroundColor: brandTheme.colors?.primary,
+    borderRadius: 7,
+    justifyContent: 'center',
+    padding: 12,
+    paddingVertical: 12,
+    marginTop: 12
+  },
+  buttonText: {
+    alignSelf: 'center',
+    color: '#FFFFFF',
+    fontWeight: theme.fontWeight.bold,
+    fontFamily: 'System',
+    fontSize: 14,
+    lineHeight: 20
+  },
+  closeButton: {
+    position: 'absolute',
+    top: 0,
+    right: 0,
+    width: 45,
+    height: 45,
+    padding: 10,
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  closeIcon: {
+    width: '100%',
+    height: '100%',
+    fill: '#aeaeae'
+  }
+});
+
+const PopinIntro = props => {
+  const templateContext = (0, _templateContext.useTemplateContext)();
+  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
+  const {
+    brandTheme,
+    theme
+  } = templateContext;
+  const {
+    isVisible,
+    onValidate,
+    onCancel,
+    locales,
+    Icon
+  } = props;
+  (0, _react.useEffect)(() => {
+    const _stylesheet = createStyleSheet(brandTheme, theme);
+
+    setStylesheet(_stylesheet);
+  }, [brandTheme, theme]);
+
+  if (!styleSheet) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_reactNativeModal.default, {
+    isVisible: isVisible,
+    style: styleSheet.popin,
+    testID: "intro-popin"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.content
+  }, Icon ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styleSheet.iconWrapper
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    style: styleSheet.icon
+  })) : null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.title
+  }, locales.title), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.description1
+  }, locales.description1), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.description2
+  }, locales.description2), /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: styleSheet.button,
+    onPress: onValidate,
+    testID: "intro-popin-validate-button"
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styleSheet.buttonText
+  }, locales.cta)), /*#__PURE__*/_react.default.createElement(_index.default, {
+    style: styleSheet.closeButton,
+    onPress: onCancel,
+    testID: "intro-popin-cancel-button"
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+    style: styleSheet.closeIcon
+  }))));
+};
+
+var _default = PopinIntro;
+exports.default = _default;
+//# sourceMappingURL=index.native.js.map

package/lib/organism/mobile-intro-popin/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","popin","position","top","bottom","justifyContent","alignItems","content","backgroundColor","borderRadius","paddingVertical","iconWrapper","width","height","marginBottom","icon","alignSelf","fill","colors","primary","title","textAlign","lineHeight","fontWeight","fontSize","marginHorizontal","marginVertical","description1","description2","paddingHorizontal","button","padding","marginTop","buttonText","color","bold","fontFamily","closeButton","right","flex","closeIcon","PopinIntro","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","isVisible","onValidate","onCancel","locales","Icon","useEffect","_stylesheet","cta"],"sources":["../../../src/organism/mobile-intro-popin/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, FC} from 'react';\nimport {StyleSheet, ViewStyle, Text, TextStyle, View, GestureResponderEvent} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidStatusClose as CloseIcon} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\n\nimport type {Theme} from '../../variables/theme.native';\nimport type {Brand} from '../../variables/brand.native';\n\nexport type Props = {\n  isVisible: boolean;\n  locales: {\n    title: string;\n    description1: string;\n    description2: string;\n    cta: string;\n  };\n  Icon?: FC<{style: ViewStyle}>;\n  onValidate: (event: GestureResponderEvent) => void;\n  onCancel: (event: GestureResponderEvent) => void;\n};\n\ntype StyleSheetType = {\n  popin: ViewStyle;\n  content: ViewStyle;\n  icon: ViewStyle;\n  iconWrapper: ViewStyle;\n  button: ViewStyle;\n  buttonText: TextStyle;\n  closeButton: ViewStyle;\n  closeIcon: ViewStyle;\n  title: TextStyle;\n  description1: TextStyle;\n  description2: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme) =>\n  StyleSheet.create({\n    popin: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    content: {\n      backgroundColor: '#fff',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      borderRadius: 8,\n      paddingVertical: 24\n    },\n    iconWrapper: {\n      width: 100,\n      height: 100,\n      backgroundColor: '#FFEFEB',\n      justifyContent: 'center',\n      borderRadius: 60,\n      marginBottom: 12\n    },\n    icon: {\n      alignSelf: 'center',\n      width: 60,\n      height: 60,\n      fill: brandTheme.colors?.primary\n    },\n    title: {\n      textAlign: 'center',\n      lineHeight: 24,\n      fontWeight: '700',\n      fontSize: 20,\n      marginHorizontal: 24,\n      marginVertical: 12\n    },\n    description1: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '300',\n      fontSize: 14,\n      marginHorizontal: 24,\n      marginVertical: 12\n    },\n    description2: {\n      textAlign: 'center',\n      lineHeight: 19,\n      fontWeight: '700',\n      fontSize: 16,\n      paddingHorizontal: 48,\n      marginVertical: 12\n    },\n    button: {\n      height: 44,\n      backgroundColor: brandTheme.colors?.primary,\n      borderRadius: 7,\n      justifyContent: 'center',\n      padding: 12,\n      paddingVertical: 12,\n      marginTop: 12\n    },\n    buttonText: {\n      alignSelf: 'center',\n      color: '#FFFFFF',\n      fontWeight: theme.fontWeight.bold,\n      fontFamily: 'System',\n      fontSize: 14,\n      lineHeight: 20\n    },\n    closeButton: {\n      position: 'absolute',\n      top: 0,\n      right: 0,\n      width: 45,\n      height: 45,\n      padding: 10,\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    closeIcon: {\n      width: '100%',\n      height: '100%',\n      fill: '#aeaeae'\n    }\n  });\n\nconst PopinIntro = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n  const {isVisible, onValidate, onCancel, locales, Icon} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [brandTheme, theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal isVisible={isVisible} style={styleSheet.popin} testID=\"intro-popin\">\n      <View style={styleSheet.content}>\n        {Icon ? (\n          <View style={styleSheet.iconWrapper}>\n            <Icon style={styleSheet.icon} />\n          </View>\n        ) : null}\n        <Text style={styleSheet.title}>{locales.title}</Text>\n        <Text style={styleSheet.description1}>{locales.description1}</Text>\n        <Text style={styleSheet.description2}>{locales.description2}</Text>\n        <Touchable\n          style={styleSheet.button}\n          onPress={onValidate}\n          testID=\"intro-popin-validate-button\"\n        >\n          <Text style={styleSheet.buttonText}>{locales.cta}</Text>\n        </Touchable>\n        <Touchable\n          style={styleSheet.closeButton}\n          onPress={onCancel}\n          testID=\"intro-popin-cancel-button\"\n        >\n          <CloseIcon style={styleSheet.closeIcon} />\n        </Touchable>\n      </View>\n    </Modal>\n  );\n};\n\nexport type PopinIntroProps = Props;\nexport default PopinIntro;\n"],"mappings":"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"}

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

@@ -188,7 +188,7 @@ const WizardContents = props => {
   }, /*#__PURE__*/_react.default.createElement(_wizardSummary.default, _extends({}, summary, {
     side: 'footer'
   }))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.actionFooter
+    className: currentStyle.actionFooter
   }, footerActionView)));
 };
 

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","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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"}
+{"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={currentStyle.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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"}