@coorpacademy/components 10.0.40 → 10.0.44-alpha.1

package/es/atom/input-checkbox/index.js

@@ -1,9 +1,15 @@
 import _uniqueId from "lodash/fp/uniqueId";
 import _noop from "lodash/fp/noop";
 import React, { useMemo } from 'react';
+import { NovaSolidStatusValidate as CheckIcon } from '@coorpacademy/nova-icons';
 import PropTypes from 'prop-types';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
+const titleStylesClassNames = {
+  primary: style.primary,
+  secondary: style.secondary,
+  tertiary: style.tertiary
+};
 
 const InputCheckbox = props => {
   const {
@@ -12,9 +18,11 @@ const InputCheckbox = props => {
     error,
     disabled,
     required,
+    titleStyle = 'primary',
     modified = false,
     title: propsTitle
   } = props;
+  const titleStyleClassName = titleStylesClassNames[titleStyle];
 
   const idCheckbox = _uniqueId('input-checkbox-');
 
@@ -23,9 +31,7 @@ const InputCheckbox = props => {
   const className = getClassState(style.default, style.modified, style.error, modified, error);
   return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React.createElement("span", {
-    className: style.title
-  }, title), /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     type: "checkbox",
     className: style.checkbox,
     name: title,
@@ -35,7 +41,11 @@ const InputCheckbox = props => {
     disabled: disabled
   }), /*#__PURE__*/React.createElement("label", {
     htmlFor: idCheckbox
-  }));
+  }, /*#__PURE__*/React.createElement(CheckIcon, {
+    className: style.icon
+  })), /*#__PURE__*/React.createElement("span", {
+    className: titleStyleClassName
+  }, title));
 };
 
 InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -45,7 +55,8 @@ InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   checked: PropTypes.bool,
   error: PropTypes.bool,
   onChange: PropTypes.func,
-  modified: PropTypes.bool
+  modified: PropTypes.bool,
+  titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])
 } : {};
 export default InputCheckbox;
 //# sourceMappingURL=index.js.map

package/es/atom/input-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["React","useMemo","PropTypes","getClassState","style","InputCheckbox","props","checked","onChange","error","disabled","required","modified","title","propsTitle","idCheckbox","handleChange","e","target","className","default","checkbox","propTypes","string","isRequired","bool","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,QAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,QAAQ,GAAG,KANP;AAOJC,IAAAA,KAAK,EAAEC;AAPH,MAQFR,KARJ;;AAUA,QAAMS,UAAU,GAAG,UAAS,iBAAT,CAAnB;;AACA,QAAMF,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMK,YAAY,GAAGf,OAAO,CAAC,MAAMgB,CAAC,IAAIT,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASX,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;AACA,QAAMW,SAAS,GAAGhB,aAAa,CAACC,KAAK,CAACgB,OAAP,EAAgBhB,KAAK,CAACQ,QAAtB,EAAgCR,KAAK,CAACK,KAAtC,EAA6CG,QAA7C,EAAuDH,KAAvD,CAA/B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEU;AAAhB,kBACE;AAAM,IAAA,SAAS,EAAEf,KAAK,CAACS;AAAvB,KAA+BA,KAA/B,CADF,eAEE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAET,KAAK,CAACiB,QAFnB;AAGE,IAAA,IAAI,EAAER,KAHR;AAIE,IAAA,EAAE,EAAEE,UAJN;AAKE,IAAA,OAAO,EAAER,OALX;AAME,IAAA,QAAQ,EAAES,YANZ;AAOE,IAAA,QAAQ,EAAEN;AAPZ,IAFF,eAWE;AAAO,IAAA,OAAO,EAAEK;AAAhB,IAXF,CADF;AAeD,CA/BD;;AAiCAV,aAAa,CAACiB,SAAd,2CAA0B;AACxBT,EAAAA,KAAK,EAAEX,SAAS,CAACqB,MAAV,CAAiBC,UADA;AAExBd,EAAAA,QAAQ,EAAER,SAAS,CAACuB,IAFI;AAGxBd,EAAAA,QAAQ,EAAET,SAAS,CAACuB,IAHI;AAIxBlB,EAAAA,OAAO,EAAEL,SAAS,CAACuB,IAJK;AAKxBhB,EAAAA,KAAK,EAAEP,SAAS,CAACuB,IALO;AAMxBjB,EAAAA,QAAQ,EAAEN,SAAS,CAACwB,IANI;AAOxBd,EAAAA,QAAQ,EAAEV,SAAS,CAACuB;AAPI,CAA1B;AAUA,eAAepB,aAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <span className={style.title}>{title}</span>\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <label htmlFor={idCheckbox} />\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["React","useMemo","NovaSolidStatusValidate","CheckIcon","PropTypes","getClassState","style","titleStylesClassNames","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","title","propsTitle","titleStyleClassName","idCheckbox","handleChange","e","target","className","default","checkbox","icon","propTypes","string","isRequired","bool","func","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,aAAP,MAA0B,4BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEF,KAAK,CAACE,OADa;AAE5BC,EAAAA,SAAS,EAAEH,KAAK,CAACG,SAFW;AAG5BC,EAAAA,QAAQ,EAAEJ,KAAK,CAACI;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,QAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,UAAU,GAAG,SANT;AAOJC,IAAAA,QAAQ,GAAG,KAPP;AAQJC,IAAAA,KAAK,EAAEC;AARH,MASFT,KATJ;AAWA,QAAMU,mBAAmB,GAAGf,qBAAqB,CAACW,UAAD,CAAjD;;AACA,QAAMK,UAAU,GAAG,UAAS,iBAAT,CAAnB;;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEJ,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMO,YAAY,GAAGvB,OAAO,CAAC,MAAMwB,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASb,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;AACA,QAAMa,SAAS,GAAGtB,aAAa,CAACC,KAAK,CAACsB,OAAP,EAAgBtB,KAAK,CAACa,QAAtB,EAAgCb,KAAK,CAACS,KAAtC,EAA6CI,QAA7C,EAAuDJ,KAAvD,CAA/B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEY;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAErB,KAAK,CAACuB,QAFnB;AAGE,IAAA,IAAI,EAAET,KAHR;AAIE,IAAA,EAAE,EAAEG,UAJN;AAKE,IAAA,OAAO,EAAEV,OALX;AAME,IAAA,QAAQ,EAAEW,YANZ;AAOE,IAAA,QAAQ,EAAER;AAPZ,IADF,eAUE;AAAO,IAAA,OAAO,EAAEO;AAAhB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEjB,KAAK,CAACwB;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAER;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CAnCD;;AAqCAT,aAAa,CAACoB,SAAd,2CAA0B;AACxBX,EAAAA,KAAK,EAAEhB,SAAS,CAAC4B,MAAV,CAAiBC,UADA;AAExBjB,EAAAA,QAAQ,EAAEZ,SAAS,CAAC8B,IAFI;AAGxBjB,EAAAA,QAAQ,EAAEb,SAAS,CAAC8B,IAHI;AAIxBrB,EAAAA,OAAO,EAAET,SAAS,CAAC8B,IAJK;AAKxBnB,EAAAA,KAAK,EAAEX,SAAS,CAAC8B,IALO;AAMxBpB,EAAAA,QAAQ,EAAEV,SAAS,CAAC+B,IANI;AAOxBhB,EAAAA,QAAQ,EAAEf,SAAS,CAAC8B,IAPI;AAQxBhB,EAAAA,UAAU,EAAEd,SAAS,CAACgC,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AARY,CAA1B;AAWA,eAAezB,aAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <label htmlFor={idCheckbox}>\n        <CheckIcon className={style.icon} />\n      </label>\n      <span className={titleStyleClassName}>{title}</span>\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}

package/es/atom/input-checkbox/style.css

@@ -2,9 +2,19 @@
 @value dark from colors;
 @value xtraLightGrey from colors;
 @value light from colors;
+@value white from colors;
 @value orange from colors;
 @value brand from colors;
 @value battle from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_100 from colors;
+@value cm_blue_600 from colors;
+@value cm_blue_50 from colors;
+@value cm_orange_700 from colors;
+@value cm_pink_50 from colors;
+@value cm_green_200 from colors;
+@value cm_green_50 from colors;
+@value cm_primary_blue from colors;
 
 .default {
   display: flex;
@@ -22,51 +32,70 @@
   display: none;
 }
 
+.icon {
+  display: none;
+  width: 16px;
+  height: 14px;
+  color: white;
+}
+
 .title {
-  font-family: "Open Sans";
+  font-family: Gilroy;
   font-size: 15px;
   text-transform: none;
-  color: dark;
-  width: 180px;
+  margin: 0 6px;
+  padding: 4px 8px;
+  border-radius: 27px;
 }
 
-.checkbox:not(:checked) + label::after,
-.checkbox:checked + label::after {
-  content: '✔';
-  position: absolute;
-  top: 6px;
-  left: 5px;
-  font-size: 18px;
-  line-height: 0.8;
-  color: brand;
-  transition: all 0.2s;
+.tertiary {
+  composes: title;
+  color: cm_green_200;
+  background-color: cm_green_50;
 }
 
-/* checked mark aspect changes */
-.checkbox:not(:checked) + label::after {
-  opacity: 0;
-  transform: scale(0);
+.secondary {
+  composes: title;
+  color: cm_orange_700;
+  background-color: cm_pink_50;
 }
 
-.checkbox:checked + label::after {
-  opacity: 1;
-  transform: scale(1);
+.primary {
+  composes: title;
+  color: cm_blue_600;
+  background-color: cm_blue_50;
 }
 
 .default label {
-  border: solid 2px light;
-  background-color: xtraLightGrey;
+  border: solid 1px cm_grey_200;
+  background-color: cm_grey_100;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   width: 23px;
   height: 23px;
-  border-radius: 2px;
+  border-radius: 5px;
   font-size: 14px;
   color: dark;
-  margin-left: 20px;
+  margin-right: 6px;
   position: relative;
 }
 
+.checkbox:disabled + label {
+  opacity: 0.4;
+}
+
+.checkbox:checked + label {
+  border: solid 1px cm_primary_blue;
+  background-color: cm_primary_blue;
+}
+
+.checkbox:checked + label .icon {
+  display: flex;
+}
+
 .error label {
-  border: 3px solid orange;
+  border: 1px solid orange;
 }
 
 .error input {

package/es/{template/back-office/brand-update/test/fixtures/home.js → atom/input-checkbox/test/fixtures/checked-disabled.js}

@@ -5,10 +5,8 @@ const {
 } = Default;
 export default {
   props: _defaultsDeep(props, {
-    content: {
-      type: 'dashoard',
-      text: 'Welcome to coorpmanager'
-    }
+    checked: true,
+    disabled: true
   })
 };
-//# sourceMappingURL=home.js.map
+//# sourceMappingURL=checked-disabled.js.map

package/es/atom/input-checkbox/test/fixtures/checked-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-checkbox/test/fixtures/checked-disabled.js"],"names":["Default","props","checked","disabled"],"mappings":";AACA,OAAOA,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAE,cAAaA,KAAb,EAAoB;AACzBC,IAAAA,OAAO,EAAE,IADgB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAApB;AADM,CAAf","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    checked: true,\n    disabled: true\n  })\n};\n"],"file":"checked-disabled.js"}

package/es/atom/input-checkbox/test/fixtures.js

@@ -2,6 +2,7 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomInputCheckbox from '..';
+import fixtureCheckedDisabled from './fixtures/checked-disabled';
 import fixtureChecked from './fixtures/checked';
 import fixtureDefault from './fixtures/default';
 import fixtureDisabled from './fixtures/disabled';
@@ -14,6 +15,7 @@ test('Atom › AtomInputCheckbox > should have valid propTypes', t => {
     t.not(value, undefined, `PropType for "Atom.AtomInputCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+test('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);
 test('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);
 test('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);
 test('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);

package/es/atom/input-checkbox/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAT,IAAI,CAAC,wDAAD,EAA2DU,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAV,EAAAA,OAAO,CAACE,iBAAiB,CAACS,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAd,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGC,cAArG,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGG,eAAtG,CAAJ;AACAN,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGI,YAAnG,CAAJ;AACAP,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGK,eAAtG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomInputCheckbox","fixtureCheckedDisabled","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAV,IAAI,CAAC,wDAAD,EAA2DW,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAX,EAAAA,OAAO,CAACE,iBAAiB,CAACU,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAf,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GC,sBAA7G,CAAJ;AACAJ,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGG,cAArG,CAAJ;AACAN,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGI,eAAtG,CAAJ;AACAP,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,iBAAhF,EAAmGK,YAAnG,CAAJ;AACAR,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGM,eAAtG,CAAJ;AACAT,IAAI,CAAC,0DAAD,EAA6DE,oBAA7D,EAAmFC,iBAAnF,EAAsGO,eAAtG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureCheckedDisabled from './fixtures/checked-disabled';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}

package/es/atom/title/index.js

@@ -2,22 +2,46 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import style from './style.css';
 
+const getTitleStype = type => {
+  switch (type) {
+    case 'page':
+      return style.titlePage;
+
+    case 'form-group':
+      return style.titleFormGroup;
+  }
+};
+
+const getSubtitleStype = type => {
+  switch (type) {
+    case 'page':
+      return style.subtitlePage;
+
+    case 'form-group':
+      return style.subtitleFormGroup;
+  }
+};
+
 const Title = props => {
   const {
     title,
-    subtitle
+    subtitle,
+    type
   } = props;
+  const titleStyle = getTitleStype(type);
+  const subtitleStyle = getSubtitleStype(type);
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
-    className: style.subtitle
+    className: subtitleStyle
   }, subtitle) : null;
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: style.title
+    className: titleStyle
   }, title), subtitleSection);
 };
 
 Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
-  subtitle: PropTypes.string
+  subtitle: PropTypes.string,
+  type: PropTypes.oneOf(['page', 'form-group'])
 } : {};
 export default Title;
 //# sourceMappingURL=index.js.map

package/es/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/title/index.js"],"names":["React","PropTypes","style","Title","props","title","subtitle","subtitleSection","propTypes","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA;AAAR,MAAoBF,KAA1B;AAEA,QAAMG,eAAe,GAAGD,QAAQ,gBAAG;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACI;AAAtB,KAAiCA,QAAjC,CAAH,GAAsD,IAAtF;AAEA,sBACE,8CACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACG;AAAtB,KAA8BA,KAA9B,CADF,EAEGE,eAFH,CADF;AAMD,CAXD;;AAaAJ,KAAK,CAACK,SAAN,2CAAkB;AAChBH,EAAAA,KAAK,EAAEJ,SAAS,CAACQ,MADD;AAEhBH,EAAAA,QAAQ,EAAEL,SAAS,CAACQ;AAFJ,CAAlB;AAIA,eAAeN,KAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst Title = props => {\n  const {title, subtitle} = props;\n\n  const subtitleSection = subtitle ? <div className={style.subtitle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={style.title}>{title}</div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string\n};\nexport default Title;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/title/index.js"],"names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","subtitlePage","subtitleFormGroup","Title","props","title","subtitle","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,IAAI,IAAI;AAC5B,UAAQA,IAAR;AACE,SAAK,MAAL;AACE,aAAOF,KAAK,CAACG,SAAb;;AACF,SAAK,YAAL;AACE,aAAOH,KAAK,CAACI,cAAb;AAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAGH,IAAI,IAAI;AAC/B,UAAQA,IAAR;AACE,SAAK,MAAL;AACE,aAAOF,KAAK,CAACM,YAAb;;AACF,SAAK,YAAL;AACE,aAAON,KAAK,CAACO,iBAAb;AAJJ;AAMD,CAPD;;AASA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBT,IAAAA;AAAlB,MAA0BO,KAAhC;AACA,QAAMG,UAAU,GAAGX,aAAa,CAACC,IAAD,CAAhC;AACA,QAAMW,aAAa,GAAGR,gBAAgB,CAACH,IAAD,CAAtC;AAEA,QAAMY,eAAe,GAAGH,QAAQ,gBAAG;AAAK,IAAA,SAAS,EAAEE;AAAhB,KAAgCF,QAAhC,CAAH,GAAqD,IAArF;AAEA,sBACE,8CACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,KAA6BF,KAA7B,CADF,EAEGI,eAFH,CADF;AAMD,CAbD;;AAeAN,KAAK,CAACO,SAAN,2CAAkB;AAChBL,EAAAA,KAAK,EAAEX,SAAS,CAACiB,MADD;AAEhBL,EAAAA,QAAQ,EAAEZ,SAAS,CAACiB,MAFJ;AAGhBd,EAAAA,IAAI,EAAEH,SAAS,CAACkB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB;AAHU,CAAlB;AAKA,eAAeT,KAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      return style.subtitleFormGroup;\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle}>{title}</div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group'])\n};\nexport default Title;\n"],"file":"index.js"}

package/es/atom/title/style.css

@@ -1,21 +1,43 @@
 @value colors: "../../variables/colors.css";
 @value cm_grey_700 from colors;
+@value cm_grey_400 from colors;
 
 .title {
     font-family: Gilroy;
     font-style: normal;
     font-weight: bold;
+    color: cm_grey_700;
+}
+
+.titlePage {
+    composes: title;
     font-size: 32px;
     line-height: 52px;
-    color: cm_grey_700;
+}
+
+.titleFormGroup {
+    composes: title;
+    font-size: 18px;
 }
 
 .subtitle {
     margin: 8px 0 0;
     font-family: Gilroy;
-    font-style: normal;
+    font-style: normal;   
+}
+
+.subtitlePage {
+    composes: subtitle;
     font-weight: normal;
     font-size: 18px;
     line-height: 24px;
     color: cm_grey_700;
 }
+
+.subtitleFormGroup {
+    composes: subtitle;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: cm_grey_400;
+}

package/es/atom/title/test/fixtures/form-group-title-without-subtitle.js

@@ -0,0 +1,7 @@
+export default {
+  props: {
+    type: 'form-group',
+    title: 'Quickaccess'
+  }
+};
+//# sourceMappingURL=form-group-title-without-subtitle.js.map

package/es/atom/title/test/fixtures/form-group-title-without-subtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/title/test/fixtures/form-group-title-without-subtitle.js"],"names":["props","type","title"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,YADD;AAELC,IAAAA,KAAK,EAAE;AAFF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'form-group',\n    title: 'Quickaccess'\n  }\n};\n"],"file":"form-group-title-without-subtitle.js"}

package/es/atom/title/test/fixtures/form-group-title.js

@@ -0,0 +1,8 @@
+export default {
+  props: {
+    type: 'form-group',
+    title: 'Roles',
+    subtitle: 'lorem ipsum dolor sit amet consectetur adipiscing elit'
+  }
+};
+//# sourceMappingURL=form-group-title.js.map

package/es/atom/title/test/fixtures/form-group-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/title/test/fixtures/form-group-title.js"],"names":["props","type","title","subtitle"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,YADD;AAELC,IAAAA,KAAK,EAAE,OAFF;AAGLC,IAAAA,QAAQ,EAAE;AAHL;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'form-group',\n    title: 'Roles',\n    subtitle: 'lorem ipsum dolor sit amet consectetur adipiscing elit'\n  }\n};\n"],"file":"form-group-title.js"}

package/es/atom/title/test/fixtures/{fixture.js → page-title.js}

@@ -1,7 +1,8 @@
 export default {
   props: {
+    type: 'page',
     title: 'Hello Marianna!',
     subtitle: 'Welcome to the coorpmanager dashboard'
   }
 };
-//# sourceMappingURL=fixture.js.map
+//# sourceMappingURL=page-title.js.map

package/es/atom/title/test/fixtures/page-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/title/test/fixtures/page-title.js"],"names":["props","type","title","subtitle"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGLC,IAAAA,QAAQ,EAAE;AAHL;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'page',\n    title: 'Hello Marianna!',\n    subtitle: 'Welcome to the coorpmanager dashboard'\n  }\n};\n"],"file":"page-title.js"}

package/es/atom/title/test/fixtures.js

@@ -2,12 +2,16 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomTitle from '..';
-import fixtureFixture from './fixtures/fixture';
+import fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';
+import fixtureFormGroupTitle from './fixtures/form-group-title';
+import fixturePageTitle from './fixtures/page-title';
 test('Atom › AtomTitle > should have valid propTypes', t => {
   t.pass();
   forEach(AtomTitle.propTypes, (value, key) => {
     t.not(value, undefined, `PropType for "Atom.AtomTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-test('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);
+test('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);
+test('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);
+test('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);
 //# sourceMappingURL=fixtures.js.map

package/es/atom/title/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFixture","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,gDAAD,EAAmDK,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,SAAS,CAACI,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,SAA1E,EAAqFC,cAArF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFixture from './fixtures/fixture';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomTitle.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFormGroupTitleWithoutSubtitle","fixtureFormGroupTitle","fixturePageTitle","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,oCAAP,MAAiD,8CAAjD;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAN,IAAI,CAAC,gDAAD,EAAmDO,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,SAAS,CAACM,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,SAAhG,EAA2GC,oCAA3G,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,SAAjF,EAA4FE,qBAA5F,CAAJ;AACAL,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,SAA5E,EAAuFG,gBAAvF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';\nimport fixtureFormGroupTitle from './fixtures/form-group-title';\nimport fixturePageTitle from './fixtures/page-title';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomTitle.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);\ntest('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);\ntest('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);\n"],"file":"fixtures.js"}

package/es/molecule/add-to-my-list/test/fixtures.js

@@ -0,0 +1,15 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeAddToMyList from '..';
+import fixtureDefault from './fixtures/default';
+import fixtureFavorite from './fixtures/favorite';
+test('Molecule › MoleculeAddToMyList > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeAddToMyList.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeAddToMyList.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculeAddToMyList › Default › should be rendered', renderComponentMacro, MoleculeAddToMyList, fixtureDefault);
+test('Molecule › MoleculeAddToMyList › Favorite › should be rendered', renderComponentMacro, MoleculeAddToMyList, fixtureFavorite);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/add-to-my-list/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/add-to-my-list/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeAddToMyList","fixtureDefault","fixtureFavorite","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,mBAAP,MAAgC,IAAhC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AAEAL,IAAI,CAAC,8DAAD,EAAiEM,CAAC,IAAI;AACxEA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,mBAAmB,CAACK,SAArB,EAAgC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACrDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wDAAuDF,GAAI,mEAApF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,mBAAxF,EAA6GC,cAA7G,CAAJ;AACAJ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,mBAAzF,EAA8GE,eAA9G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeAddToMyList from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFavorite from './fixtures/favorite';\n\ntest('Molecule › MoleculeAddToMyList > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeAddToMyList.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeAddToMyList.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeAddToMyList › Default › should be rendered', renderComponentMacro, MoleculeAddToMyList, fixtureDefault);\ntest('Molecule › MoleculeAddToMyList › Favorite › should be rendered', renderComponentMacro, MoleculeAddToMyList, fixtureFavorite);\n"],"file":"fixtures.js"}

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

@@ -5,6 +5,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
 import Autocomplete from '../../atom/autocomplete';
 import Select from '../../atom/select';
 import SelectMultiple from '../select-multiple';
@@ -22,6 +23,8 @@ import InputDoublestep from '../../atom/input-doublestep';
 import ImageUpload from '../../atom/image-upload';
 import SetupSlider from '../setup-slider';
 import SetupSections from '../setup-sections';
+import Title from '../../atom/title';
+import Roles from '../coorp-manager-roles';
 import style from './style.css';
 
 const buildInput = field => {
@@ -82,6 +85,9 @@ const buildInput = field => {
     case 'link':
       return /*#__PURE__*/React.createElement(Button, field);
 
+    case 'roles':
+      return /*#__PURE__*/React.createElement(Roles, field);
+
     default:
       return /*#__PURE__*/React.createElement(InputText, field);
   }
@@ -100,6 +106,7 @@ const BrandFormGroup = props => {
     title,
     subtitle = '',
     fieldsLayout = '',
+    groupLayout = '',
     fields = []
   } = props;
 
@@ -109,10 +116,14 @@ const BrandFormGroup = props => {
 
   return /*#__PURE__*/React.createElement("div", {
     "data-name": `brand_form_group_${_snakeCase(title)}`,
-    className: style.wrapper
+    className: classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.title
-  }, title ? /*#__PURE__*/React.createElement("h3", null, title) : null, /*#__PURE__*/React.createElement("h4", null, subtitle)), /*#__PURE__*/React.createElement("div", {
+    className: style.titleWrapper
+  }, /*#__PURE__*/React.createElement(Title, {
+    title: title,
+    subtitle: subtitle,
+    type: 'form-group'
+  })), /*#__PURE__*/React.createElement("div", {
     className: fieldsLayout === 'grid' ? style.grid : null
   }, fieldsList));
 };
@@ -121,6 +132,7 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
   fieldsLayout: PropTypes.string,
+  groupLayout: PropTypes.string,
   fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(_extends(_extends({}, Autocomplete.propTypes), {}, {
     type: PropTypes.oneOf(['autoComplete'])
   })), PropTypes.shape(_extends(_extends({}, InputColor.propTypes), {}, {
@@ -155,6 +167,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
     type: PropTypes.oneOf(['button'])
   })), PropTypes.shape(_extends(_extends({}, SelectMultiple.propTypes), {}, {
     type: PropTypes.oneOf(['selectMultiple'])
+  })), PropTypes.shape(_extends(_extends({}, Roles.propTypes), {}, {
+    type: PropTypes.oneOf(['roles'])
   })), PropTypes.shape(InputText.propTypes)]))
 } : {};
 export default BrandFormGroup;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["React","PropTypes","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","style","buildInput","field","type","buildField","index","input","BrandFormGroup","props","title","subtitle","fieldsLayout","fields","fieldsList","convert","cap","wrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map, snakeCase} from 'lodash/fp';\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 style from './style.css';\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} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\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    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n\n  return (\n    <div className={style.field} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div data-name={`brand_form_group_${snakeCase(title)}`} className={style.wrapper}>\n      <div className={style.title}>\n        {title ? <h3>{title}</h3> : null}\n        <h4>{subtitle}</h4>\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  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete'])\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      }),\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      }),\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      }),\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        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/brand-form-group/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","style","buildInput","field","type","buildField","index","input","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"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,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;;AAEA,UAAQC,IAAR;AACE,SAAK,cAAL;AACE,0BAAO,oBAAC,YAAD,EAAkBD,KAAlB,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,oBAAC,UAAD,EAAgBA,KAAhB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;;AACF,SAAK,YAAL;AACE,0BAAO,oBAAC,eAAD,EAAqBA,KAArB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,oBAAC,MAAD,EAAYA,KAAZ,CAAP;;AACF,SAAK,gBAAL;AACE,0BAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,oBAAC,WAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,oBAAC,aAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;;AACF,SAAK,aAAL;AACE,0BAAO,oBAAC,gBAAD,EAAsBA,KAAtB,CAAP;;AACF,SAAK,WAAL;AACE,0BAAO,oBAAC,cAAD,EAAoBA,KAApB,CAAP;;AACF,SAAK,QAAL;AACA,SAAK,MAAL;AACE,0BAAO,oBAAC,MAAD,EAAYA,KAAZ,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,oBAAC,KAAD,EAAWA,KAAX,CAAP;;AACF;AACE,0BAAO,oBAAC,SAAD,EAAeA,KAAf,CAAP;AAvCJ;AAyCD,CA5CD;;AA8CA,MAAME,UAAU,GAAG,CAACF,KAAD,EAAQG,KAAR,KAAkB;AACnC,QAAMC,KAAK,GAAGL,UAAU,CAACC,KAAD,CAAxB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACE,KAAtB;AAA6B,IAAA,GAAG,EAAEG;AAAlC,KACGC,KADH,CADF;AAKD,CARD;;AAUA,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAQ,GAAG,EAAnB;AAAuBC,IAAAA,YAAY,GAAG,EAAtC;AAA0CC,IAAAA,WAAW,GAAG,EAAxD;AAA4DC,IAAAA,MAAM,GAAG;AAArE,MAA2EL,KAAjF;;AACA,QAAMM,UAAU,GAAG,KAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0BZ,UAA1B,EAAsCS,MAAtC,CAAnB;;AAEA,sBACE;AACE,iBAAY,oBAAmB,WAAUJ,KAAV,CAAiB,EADlD;AAEE,IAAA,SAAS,EAAE7B,UAAU,CAACoB,KAAK,CAACiB,OAAP,EAAgBL,WAAW,KAAK,MAAhB,IAA0BZ,KAAK,CAACkB,SAAhD;AAFvB,kBAIE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACmB;AAAtB,kBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEV,KAAd;AAAqB,IAAA,QAAQ,EAAEC,QAA/B;AAAyC,IAAA,IAAI,EAAE;AAA/C,IADF,CAJF,eAOE;AAAK,IAAA,SAAS,EAAEC,YAAY,KAAK,MAAjB,GAA0BX,KAAK,CAACoB,IAAhC,GAAuC;AAAvD,KAA8DN,UAA9D,CAPF,CADF;AAWD,CAfD;;AAiBAP,cAAc,CAACc,SAAf,2CAA2B;AACzBZ,EAAAA,KAAK,EAAE9B,SAAS,CAAC2C,MADQ;AAEzBZ,EAAAA,QAAQ,EAAE/B,SAAS,CAAC2C,MAFK;AAGzBX,EAAAA,YAAY,EAAEhC,SAAS,CAAC2C,MAHC;AAIzBV,EAAAA,WAAW,EAAEjC,SAAS,CAAC2C,MAJE;AAKzBT,EAAAA,MAAM,EAAElC,SAAS,CAAC4C,OAAV,CACN5C,SAAS,CAAC6C,SAAV,CAAoB,CAClB7C,SAAS,CAAC8C,KAAV,uBACK5C,YAAY,CAACwC,SADlB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,cAAD,CAAhB;AAFR,KADkB,EAKlB/C,SAAS,CAAC8C,KAAV,uBACKxC,UAAU,CAACoC,SADhB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KALkB,EASlB/C,SAAS,CAAC8C,KAAV,uBACKtC,aAAa,CAACkC,SADnB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KATkB,EAalB/C,SAAS,CAAC8C,KAAV,uBACKrC,WAAW,CAACiC,SADjB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KAbkB,EAiBlB/C,SAAS,CAAC8C,KAAV,uBACKjC,aAAa,CAAC6B,SADnB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAjBkB,EAqBlB/C,SAAS,CAAC8C,KAAV,uBACKhC,SAAS,CAAC4B,SADf;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KArBkB,EAyBlB/C,SAAS,CAAC8C,KAAV,uBACK/B,eAAe,CAAC2B,SADrB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,YAAD,CAAhB;AAFR,KAzBkB,EA6BlB/C,SAAS,CAAC8C,KAAV,uBACK3C,MAAM,CAACuC,SADZ;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KA7BkB,EAiClB/C,SAAS,CAAC8C,KAAV,uBACKvC,aAAa,CAACmC,SADnB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAjCkB,EAqClB/C,SAAS,CAAC8C,KAAV,uBACK9B,WAAW,CAAC0B,SADjB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KArCkB,EAyClB/C,SAAS,CAAC8C,KAAV,uBACK7B,WAAW,CAACyB,SADjB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KAzCkB,EA6ClB/C,SAAS,CAAC8C,KAAV,uBACK5B,aAAa,CAACwB,SADnB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KA7CkB,EAiDlB/C,SAAS,CAAC8C,KAAV,uBACKzC,SAAS,CAACqC,SADf;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KAjDkB,EAqDlB/C,SAAS,CAAC8C,KAAV,uBACKnC,gBAAgB,CAAC+B,SADtB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,aAAD,CAAhB;AAFR,KArDkB,EAyDlB/C,SAAS,CAAC8C,KAAV,uBACKpC,cAAc,CAACgC,SADpB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,WAAD,CAAhB;AAFR,KAzDkB,EA6DlB/C,SAAS,CAAC8C,KAAV,uBACKlC,MAAM,CAAC8B,SADZ;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KA7DkB,EAiElB/C,SAAS,CAAC8C,KAAV,uBACK1C,cAAc,CAACsC,SADpB;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,gBAAD,CAAhB;AAFR,KAjEkB,EAqElB/C,SAAS,CAAC8C,KAAV,uBACK1B,KAAK,CAACsB,SADX;AAEElB,IAAAA,IAAI,EAAExB,SAAS,CAAC+C,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KArEkB,EAyElB/C,SAAS,CAAC8C,KAAV,CAAgBzC,SAAS,CAACqC,SAA1B,CAzEkB,CAApB,CADM;AALiB,CAA3B;AAmFA,eAAed,cAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {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 style from './style.css';\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} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\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 'roles':\n      return <Roles {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n\n  return (\n    <div className={style.field} 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      }),\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      }),\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      }),\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      }),\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        ...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"],"file":"index.js"}