@coorpacademy/components 11.9.2-alpha.1 → 11.9.2-alpha.12

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"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 {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = 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} 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  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":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,YAAP,MAAyB,yBAAzB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,cAAP,MAA2B,qBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,OAAOC,eAAP,MAA4B,6BAA5B;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,KAAK,CAACG,YADW;EAE1BC,MAAM,EAAEJ,KAAK,CAACK,WAFY;EAG1BC,KAAK,EAAEN,KAAK,CAACO;AAHa,CAA5B;;AAMA,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC;EAAD,IAASD,KAAf;;EAEA,QAAQC,IAAR;IACE,KAAK,cAAL;MACE,oBAAO,oBAAC,YAAD,EAAkBD,KAAlB,CAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,UAAD,EAAgBA,KAAhB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;;IACF,KAAK,QAAL;MACE,oBAAO,oBAAC,MAAD,eAAYA,KAAZ;QAAmB,KAAK,EAAE;MAA1B,GAAP;;IACF,KAAK,gBAAL;MACE,oBAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,OAAL;MACE,oBACE;QAAK,SAAS,EAAET,KAAK,CAACW;MAAtB,gBACE,oBAAC,WAAD,EAAiBF,KAAjB,CADF,CADF;;IAKF,KAAK,QAAL;MACE,oBAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;IACF,KAAK,UAAL;MACE,oBAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;;IACF,KAAK,aAAL;MACE,oBAAO,oBAAC,gBAAD,EAAsBA,KAAtB,CAAP;;IACF,KAAK,WAAL;MACE,oBAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;;IACF,KAAK,QAAL;IACA,KAAK,MAAL;MACE,oBAAO,oBAAC,MAAD,EAAYA,KAAZ,CAAP;;IACF,KAAK,YAAL;MACE,oBAAO,oBAAC,UAAD,eAAgBA,KAAhB;QAAuB,IAAI,EAAEA,KAAK,CAACG;MAAnC,GAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,KAAD,EAAWH,KAAX,CAAP;;IACF,KAAK,yBAAL;MACE,oBAAO,oBAAC,uBAAD,EAA6BA,KAA7B,CAAP;;IACF;MACE,oBAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;EA/CJ;AAiDD,CApDD;;AAsDA,MAAMI,UAAU,GAAG,CAACJ,KAAD,EAAQK,KAAR,KAAkB;EACnC,MAAMC,KAAK,GAAGP,UAAU,CAACC,KAAD,CAAxB;EACA,MAAM;IAACO,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BR,KAAlC;EACA,MAAMS,UAAU,GAAGF,KAAK,KAAK,cAAV,GAA2Bf,mBAAmB,CAACgB,IAAD,CAA9C,GAAuDjB,KAAK,CAACS,KAAhF;EAEA,oBACE;IAAK,SAAS,EAAES,UAAhB;IAA4B,GAAG,EAAEJ;EAAjC,GACGC,KADH,CADF;AAKD,CAVD;;AAYA,MAAMI,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,KAAD;IAAQC,QAAQ,GAAG,EAAnB;IAAuBC,YAAY,GAAG,EAAtC;IAA0CC,WAAW,GAAG,EAAxD;IAA4DC,MAAM,GAAG;EAArE,IAA2EL,KAAjF;;EACA,MAAMM,UAAU,GAAG,KAAIC,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0Bf,UAA1B,EAAsCY,MAAtC,CAAnB;;EAEA,oBACE;IACE,aAAY,oBAAmB,WAAUJ,KAAV,CAAiB,EADlD;IAEE,SAAS,EAAE3C,UAAU,CAACsB,KAAK,CAAC6B,OAAP,EAAgBL,WAAW,KAAK,MAAhB,IAA0BxB,KAAK,CAAC8B,SAAhD;EAFvB,gBAIE;IAAK,SAAS,EAAE9B,KAAK,CAAC+B;EAAtB,gBACE,oBAAC,KAAD;IAAO,KAAK,EAAEV,KAAd;IAAqB,QAAQ,EAAEC,QAA/B;IAAyC,IAAI,EAAE;EAA/C,EADF,CAJF,eAOE;IAAK,SAAS,EAAEC,YAAY,KAAK,MAAjB,GAA0BvB,KAAK,CAACgC,IAAhC,GAAuC;EAAvD,GAA8DN,UAA9D,CAPF,CADF;AAWD,CAfD;;AAiBAP,cAAc,CAACc,SAAf,2CAA2B;EACzBZ,KAAK,EAAE5C,SAAS,CAACyD,MADQ;EAEzBZ,QAAQ,EAAE7C,SAAS,CAACyD,MAFK;EAGzBX,YAAY,EAAE9C,SAAS,CAACyD,MAHC;EAIzBV,WAAW,EAAE/C,SAAS,CAACyD,MAJE;EAKzBT,MAAM,EAAEhD,SAAS,CAAC0D,OAAV,CACN1D,SAAS,CAAC2D,SAAV,CAAoB,CAClB3D,SAAS,CAAC4D,KAAV,cACK1D,YAAY,CAACsD,SADlB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,cAAD,CAAhB,CAFR;IAGErB,IAAI,EAAExC,SAAS,CAAC6D,KAAV,CAAgB,MAAKrC,mBAAL,CAAhB;EAHR,GADkB,EAMlBxB,SAAS,CAAC4D,KAAV,cACKtD,UAAU,CAACkD,SADhB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GANkB,EAUlB7D,SAAS,CAAC4D,KAAV,cACKpD,aAAa,CAACgD,SADnB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GAVkB,EAclB7D,SAAS,CAAC4D,KAAV,cACKnD,WAAW,CAAC+C,SADjB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAdkB,EAkBlB7D,SAAS,CAAC4D,KAAV,cACK/C,aAAa,CAAC2C,SADnB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,UAAD,CAAhB,CAFR;IAGErB,IAAI,EAAExC,SAAS,CAAC6D,KAAV,CAAgB,MAAKrC,mBAAL,CAAhB;EAHR,GAlBkB,EAuBlBxB,SAAS,CAAC4D,KAAV,cACK9C,SAAS,CAAC0C,SADf;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,CAAhB;EAFR,GAvBkB,EA2BlB7D,SAAS,CAAC4D,KAAV,cACK7C,eAAe,CAACyC,SADrB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAFR,GA3BkB,EA+BlB7D,SAAS,CAAC4D,KAAV,cACKzD,MAAM,CAACqD,SADZ;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,QAAD,CAAhB,CAFR;IAGErB,IAAI,EAAExC,SAAS,CAAC6D,KAAV,CAAgB,MAAKrC,mBAAL,CAAhB;EAHR,GA/BkB,EAoClBxB,SAAS,CAAC4D,KAAV,cACKrD,aAAa,CAACiD,SADnB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GApCkB,EAwClB7D,SAAS,CAAC4D,KAAV,cACK5C,WAAW,CAACwC,SADjB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GAxCkB,EA4ClB7D,SAAS,CAAC4D,KAAV,cACK3C,WAAW,CAACuC,SADjB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GA5CkB,EAgDlB7D,SAAS,CAAC4D,KAAV,cACK1C,aAAa,CAACsC,SADnB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,UAAD,CAAhB;EAFR,GAhDkB,EAoDlB7D,SAAS,CAAC4D,KAAV,cACKvD,SAAS,CAACmD,SADf;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAFR;IAGErB,IAAI,EAAExC,SAAS,CAAC6D,KAAV,CAAgB,MAAKrC,mBAAL,CAAhB;EAHR,GApDkB,EAyDlBxB,SAAS,CAAC4D,KAAV,cACKjD,gBAAgB,CAAC6C,SADtB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,aAAD,CAAhB;EAFR,GAzDkB,EA6DlB7D,SAAS,CAAC4D,KAAV,cACKlD,cAAc,CAAC8C,SADpB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,WAAD,CAAhB;EAFR,GA7DkB,EAiElB7D,SAAS,CAAC4D,KAAV,cACKhD,MAAM,CAAC4C,SADZ;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,QAAD,CAAhB;EAFR,GAjEkB,EAqElB7D,SAAS,CAAC4D,KAAV,cACKtC,UAAU,CAACkC,SADhB;IAEErB,UAAU,EAAEb,UAAU,CAACkC,SAAX,CAAqBvB,IAFnC;IAGEA,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,YAAD,CAAhB;EAHR,GArEkB,EA0ElB7D,SAAS,CAAC4D,KAAV,cACKxD,cAAc,CAACoD,SADpB;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,gBAAD,CAAhB;EAFR,GA1EkB,EA8ElB7D,SAAS,CAAC4D,KAAV,cACKxC,KAAK,CAACoC,SADX;IAEEvB,IAAI,EAAEjC,SAAS,CAAC6D,KAAV,CAAgB,CAAC,OAAD,CAAhB;EAFR,GA9EkB,EAkFlB7D,SAAS,CAAC4D,KAAV,CAAgBvD,SAAS,CAACmD,SAA1B,CAlFkB,CAApB,CADM;AALiB,CAA3B;AA4FA,eAAed,cAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","TitleAndCheckBoxWrapper","ButtonLink","style","inputContainerStyle","default","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","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"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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"}

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

@@ -42,17 +42,12 @@
   justify-content: space-evenly;
 }
 
-.grid .field {
-  margin-right: 20px;
-}
-
 .field {
-  margin-bottom: 10px;
+  display: flex;
+  margin: 0 32px 64px 0;
+  flex: 1 0 0;
 }
 
-.field:last-child {
-  margin-bottom: 0;
-}
 
 .fieldCoorpmanager {
   margin: 0 0 32px 0;
@@ -74,8 +69,10 @@
 }
 
 .imageUploadContainer {
-  height: 300px;
-  width: 360px;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ min-width: 230px;
 }
 
 @media desktop {
@@ -84,6 +81,8 @@
   }
 
   .groupGrid .grid {
+    display: flex;
+    flex-direction: row;
     justify-content: flex-start;
     margin-top: 0;
   }

package/es/molecule/drag-and-drop-wrapper/index.d.ts

@@ -10,6 +10,8 @@ declare namespace DragAndDropWrapper {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;

package/es/molecule/setup-slide/index.d.ts

@@ -87,6 +87,8 @@ declare namespace SetupSlide {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;

package/es/molecule/setup-slider/index.d.ts

@@ -100,6 +100,8 @@ declare namespace SetupSlider {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;

package/es/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -15,6 +15,7 @@ declare namespace TitleAndCheckBoxWrapper {
             subtitle: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
         }>>;
         const child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             childType: PropTypes.Requireable<string>;
@@ -49,6 +50,8 @@ declare namespace TitleAndCheckBoxWrapper {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;

package/es/organism/brand-form/index.d.ts

@@ -34,6 +34,7 @@ declare namespace BrandForm {
         export const groups: PropTypes.Validator<(PropTypes.InferProps<{
             title: PropTypes.Requireable<string>;
             subtitle: PropTypes.Requireable<string>;
+            subtitleSize: PropTypes.Requireable<string>;
             fieldsLayout: PropTypes.Requireable<string>;
             groupLayout: PropTypes.Requireable<string>;
             fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -159,6 +160,8 @@ declare namespace BrandForm {
                 error: PropTypes.Requireable<string>;
                 buttonAriaLabel: PropTypes.Requireable<string>;
                 errorButtonLabel: PropTypes.Requireable<string>;
+                labelLink: PropTypes.Requireable<string>;
+                hrefLink: PropTypes.Requireable<string>;
                 title: PropTypes.Requireable<string>;
                 description: PropTypes.Requireable<string>;
                 uploadLabel: PropTypes.Requireable<string>;
@@ -272,6 +275,8 @@ declare namespace BrandForm {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;

package/es/organism/rewards-form/index.d.ts

@@ -18,6 +18,7 @@ declare namespace RewardsForm {
                 subtitle: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 'data-name': PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
             }>>;
             child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 childType: PropTypes.Requireable<string>;
@@ -52,6 +53,8 @@ declare namespace RewardsForm {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;

package/es/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,12 +45,13 @@ 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<{
                 title: PropTypes.Requireable<string>;
                 subtitle: PropTypes.Requireable<string>;
+                subtitleSize: PropTypes.Requireable<string>;
                 fieldsLayout: PropTypes.Requireable<string>;
                 groupLayout: PropTypes.Requireable<string>;
                 fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -176,6 +177,8 @@ declare namespace WizardContents {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;
@@ -289,6 +292,8 @@ declare namespace WizardContents {
                             error: PropTypes.Requireable<string>;
                             buttonAriaLabel: PropTypes.Requireable<string>;
                             errorButtonLabel: PropTypes.Requireable<string>;
+                            labelLink: PropTypes.Requireable<string>;
+                            hrefLink: PropTypes.Requireable<string>;
                             title: PropTypes.Requireable<string>;
                             description: PropTypes.Requireable<string>;
                             uploadLabel: PropTypes.Requireable<string>;
@@ -640,6 +645,7 @@ declare namespace WizardContents {
                     subtitle: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;
                     'data-name': PropTypes.Requireable<string>;
+                    subtitleSize: PropTypes.Requireable<string>;
                 }>>;
                 child: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                     childType: PropTypes.Requireable<string>;
@@ -674,6 +680,8 @@ declare namespace WizardContents {
                         error: PropTypes.Requireable<string>;
                         buttonAriaLabel: PropTypes.Requireable<string>;
                         errorButtonLabel: PropTypes.Requireable<string>;
+                        labelLink: PropTypes.Requireable<string>;
+                        hrefLink: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         description: PropTypes.Requireable<string>;
                         uploadLabel: PropTypes.Requireable<string>;

package/es/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":";AAmGA,yDAmCC"}

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

@@ -126,10 +126,10 @@ const WizardContents = props => {
     className: style.container,
     "data-name": "content-summary"
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.leftSection
+    className: summary ? style.leftSection : style.leftSectionWithoutSummary
   }, headerView, /*#__PURE__*/React.createElement("div", {
     className: style.form
-  }, formView)), /*#__PURE__*/React.createElement("div", {
+  }, formView)), summary ? /*#__PURE__*/React.createElement("div", {
     className: style.rightSection,
     "data-name": "summary-right-section"
   }, /*#__PURE__*/React.createElement("div", {
@@ -139,7 +139,7 @@ const WizardContents = props => {
     "data-name": "summary-zone"
   }, /*#__PURE__*/React.createElement(WizardSummary, _extends({}, summary, {
     side: 'right'
-  }))), rightActionView)), /*#__PURE__*/React.createElement("div", {
+  }))), rightActionView)) : null, summary ? /*#__PURE__*/React.createElement("div", {
     className: style.footer,
     "data-name": "summary-footer-section"
   }, /*#__PURE__*/React.createElement("div", {
@@ -148,6 +148,11 @@ const WizardContents = props => {
     side: 'footer'
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.actionFooter
+  }, footerActionView)) : /*#__PURE__*/React.createElement("div", {
+    className: style.footerWithoutSummary,
+    "data-name": "footer-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.actionFooterWithoutSummary
   }, footerActionView)));
 };
 
@@ -158,7 +163,7 @@ WizardContents.propTypes = process.env.NODE_ENV !== "production" ? {
     onClick: PropTypes.func
   }).isRequired,
   steps: WizardSteps.propTypes.steps,
-  summary: PropTypes.shape(_extends({}, WizardSummary.propTypes)).isRequired,
+  summary: PropTypes.shape(_extends({}, WizardSummary.propTypes)),
   content: PropTypes.oneOfType([PropTypes.shape(_extends({}, BrandForm.propTypes, {
     type: PropTypes.oneOf(['form'])
   })), PropTypes.shape(_extends({}, ContentTranslate.propTypes, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"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":["React","getOr","PropTypes","ButtonLink","ButtonLinkIconOnly","WizardSteps","WizardSummary","BrandForm","ContentTranslate","OrganismSearchAndChipsResults","CourseSelection","CourseSections","RewardsForm","style","buildHeader","wizardHeader","steps","title","onClick","buttonCloseIcon","size","icon","header","headerTitle","buildForm","content","type","buildButton","step","side","ICONS","previous","position","next","publish","label","buttonProps","buildActionZone","previousStep","nextStep","previousButton","nextStepType","nextButton","actionZone","button","WizardContents","props","isLoading","summary","headerView","formView","rightActionView","footerActionView","container","leftSection","leftSectionWithoutSummary","form","rightSection","stickySection","summaryZone","footer","summaryFooter","actionFooter","footerWithoutSummary","actionFooterWithoutSummary","propTypes","bool","shape","string","func","isRequired","oneOfType","oneOf"],"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';\nimport isEmpty from 'lodash/fp/isEmpty';\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\n  return (\n    <div className={style.container} data-name=\"content-summary\">\n      <div className={summary ? style.leftSection: style.leftSectionWithoutSummary}>\n        {headerView}\n        <div className={style.form}>{formView}</div>\n      </div>\n      {summary ? (\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        ) : null}\n    {summary ? ( <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 className={style.footerWithoutSummary} data-name=\"footer-section\">\n        <div className={style.actionFooterWithoutSummary}>{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/es/organism/wizard-contents/style.css

@@ -22,6 +22,15 @@
   position: relative;
 }
 
+.leftSectionWithoutSummary {
+  display: block;
+  overflow: auto;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
 .rightSection {
   height: 100%;
   padding-bottom: 58px;
@@ -69,12 +78,22 @@
 .actionZone {
   width: 100%;
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   margin: 16px 0;
+  flex-wrap: wrap;
 }
 
 .button {
-  width: calc(50% - 8px);
+  width: 100%;
+  max-width: 184px;
+}
+
+.footerWithoutSummary {
+  width: 100%;
+  bottom: 0px;
+  position: inherit;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .footer {
@@ -84,6 +103,16 @@
   position: inherit;
 }
 
+.actionFooterWithoutSummary {
+  width: 100%;
+  display: flex;
+  right: 0;
+  max-width: 184px;
+  bottom: -10px;
+  position: sticky;
+  position: absolute;
+}
+
 @media desktop, tablet {
   .leftSection {
     width: 100%;
@@ -94,13 +123,14 @@
     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 +148,10 @@
   }
 
   .actionFooter {
-    width: 43%;
+    max-width: 184px;
+    width: 100%;
   }
+  
   .actionZone {
     margin: 0;
   }

package/es/template/activity/engine-stars.css

@@ -21,10 +21,6 @@
 
   user-select: none;
   position: relative;
-  border-bottom: none;
-  border-right: 0px;
-  border-width: 1px 0 0 1px;
-  background: inherit;
 }
 
 .engineIcon {
@@ -160,22 +156,28 @@
   opacity: 0.4;
 }
 
-.textBase {
-  font-family: "Gilroy";
-  font-style: normal;
-  color: white;
+.toolTip {
+  opacity: 1 !important;
+  padding: 0;
+  pointer-events: all;
+  background-color: transparent !important;
+}
+
+.toolTip::after {
+  border-left-color: transparent !important;
 }
 
 .toolTipContent {
-  composes: textBase;
-  width: 270px;
-  font-weight: 500;
-  font-size: 14px;
-  display: inline-block;
+  padding: 10px;
+  margin: 0;
   border-radius: 3px;
-  word-wrap: break-word;
-  padding: 8px 14px;
-  text-align: center;
+  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);
 }
 
 .toolTipContent > a {
@@ -189,6 +191,21 @@
   text-decoration: underline;
 }
 
+.toolTipContent::after {
+  content: '';
+  width: 0;
+  height: 0;
+  position: absolute;
+  border-left-color: inherit;
+  border-left-style: solid;
+  border-left-width: 6px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  right: -6px;
+  top: 50%;
+  margin-top: -4px;
+}
+
 /* ------------------------------------------------------ */
 
 @media tablet, mobile {

package/es/template/activity/engine-stars.d.ts

@@ -1,23 +1,21 @@
 export default EngineStars;
-declare function EngineStars(props: any, legacyContext: any): JSX.Element;
-declare namespace EngineStars {
-    namespace propTypes {
-        const type: PropTypes.Validator<string>;
-        const stars: PropTypes.Validator<number>;
-        const title: PropTypes.Validator<string>;
-        const active: PropTypes.Requireable<boolean>;
-        const disabled: PropTypes.Requireable<boolean>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const className: PropTypes.Requireable<string>;
-        const toolTip: PropTypes.Requireable<PropTypes.InferProps<{
+declare class EngineStars extends React.Component<any, any, any> {
+    static propTypes: {
+        type: PropTypes.Validator<string>;
+        stars: PropTypes.Validator<number>;
+        title: PropTypes.Validator<string>;
+        active: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        toolTip: PropTypes.Requireable<PropTypes.InferProps<{
             preMessage: PropTypes.Requireable<string>;
             linkMessage: PropTypes.Requireable<string>;
             endMessage: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
         }>>;
-    }
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    };
+    static contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -38,7 +36,11 @@ declare namespace EngineStars {
                 [x: string]: any;
             }>;
         }>>;
-    }
+    };
+    constructor(props: any, context: any);
+    handleClick: (e: any) => void;
+    render(): JSX.Element;
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=engine-stars.d.ts.map

package/es/template/activity/engine-stars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAuEA,0EAwIC"}
+{"version":3,"file":"engine-stars.d.ts","sourceRoot":"","sources":["../../../src/template/activity/engine-stars.js"],"names":[],"mappings":";AAqFA;IACE;;;;;;;;;;;;;MAaE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,sCAGC;IAED,8BAKE;IAEF,sBAqDC;CACF"}