@coorpacademy/components 10.1.3 → 10.1.7

package/lib/atom/input-textarea/test/fixtures.js

@@ -8,6 +8,10 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
+var _cmDefault = _interopRequireDefault(require("./fixtures/cm-default"));
+
+var _cmEmpty = _interopRequireDefault(require("./fixtures/cm-empty"));
+
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _empty = _interopRequireDefault(require("./fixtures/empty"));
@@ -22,6 +26,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomInputTextarea.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+(0, _ava.default)('Atom › AtomInputTextarea › CmDefault › should be rendered', _renderComponent.default, _.default, _cmDefault.default);
+(0, _ava.default)('Atom › AtomInputTextarea › CmEmpty › should be rendered', _renderComponent.default, _.default, _cmEmpty.default);
 (0, _ava.default)('Atom › AtomInputTextarea › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomInputTextarea › Empty › should be rendered', _renderComponent.default, _.default, _empty.default);
 (0, _ava.default)('Atom › AtomInputTextarea › Error › should be rendered', _renderComponent.default, _.default, _error.default);

package/lib/atom/input-textarea/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/input-textarea/test/fixtures.js"],"names":["t","pass","AtomInputTextarea","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureEmpty","fixtureError"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yDAAL,EAAgEG,wBAAhE,EAAsFN,SAAtF,EAAyGO,gBAAzG;AACA,kBAAK,uDAAL,EAA8DD,wBAA9D,EAAoFN,SAApF,EAAuGQ,cAAvG;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAuGS,cAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputTextarea from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\n\ntest('Atom › AtomInputTextarea > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputTextarea.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputTextarea.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputTextarea › Default › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureDefault);\ntest('Atom › AtomInputTextarea › Empty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureEmpty);\ntest('Atom › AtomInputTextarea › Error › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureError);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/input-textarea/test/fixtures.js"],"names":["t","pass","AtomInputTextarea","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCmDefault","fixtureCmEmpty","fixtureDefault","fixtureEmpty","fixtureError"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,2DAAL,EAAkEG,wBAAlE,EAAwFN,SAAxF,EAA2GO,kBAA3G;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAyGS,gBAAzG;AACA,kBAAK,uDAAL,EAA8DH,wBAA9D,EAAoFN,SAApF,EAAuGU,cAAvG;AACA,kBAAK,uDAAL,EAA8DJ,wBAA9D,EAAoFN,SAApF,EAAuGW,cAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputTextarea from '..';\nimport fixtureCmDefault from './fixtures/cm-default';\nimport fixtureCmEmpty from './fixtures/cm-empty';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureError from './fixtures/error';\n\ntest('Atom › AtomInputTextarea > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputTextarea.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputTextarea.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputTextarea › CmDefault › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureCmDefault);\ntest('Atom › AtomInputTextarea › CmEmpty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureCmEmpty);\ntest('Atom › AtomInputTextarea › Default › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureDefault);\ntest('Atom › AtomInputTextarea › Empty › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureEmpty);\ntest('Atom › AtomInputTextarea › Error › should be rendered', renderComponentMacro, AtomInputTextarea, fixtureError);\n"],"file":"fixtures.js"}

package/lib/atom/tag/test/fixtures.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _archived = _interopRequireDefault(require("./fixtures/archived"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _published = _interopRequireDefault(require("./fixtures/published"));
+
+var _revision = _interopRequireDefault(require("./fixtures/revision"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomTag > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomTag.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomTag › Archived › should be rendered', _renderComponent.default, _.default, _archived.default);
+(0, _ava.default)('Atom › AtomTag › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomTag › Published › should be rendered', _renderComponent.default, _.default, _published.default);
+(0, _ava.default)('Atom › AtomTag › Revision › should be rendered', _renderComponent.default, _.default, _revision.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/tag/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/tag/test/fixtures.js"],"names":["t","pass","AtomTag","propTypes","value","key","not","undefined","renderComponentMacro","fixtureArchived","fixtureDefault","fixturePublished","fixtureRevision"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8CAAL,EAAqDA,CAAC,IAAI;AACxDA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAQC,SAAhB,EAA2B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzCL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wCAAuCF,GAAI,mEAApE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,gDAAL,EAAuDG,wBAAvD,EAA6EN,SAA7E,EAAsFO,iBAAtF;AACA,kBAAK,+CAAL,EAAsDD,wBAAtD,EAA4EN,SAA5E,EAAqFQ,gBAArF;AACA,kBAAK,iDAAL,EAAwDF,wBAAxD,EAA8EN,SAA9E,EAAuFS,kBAAvF;AACA,kBAAK,gDAAL,EAAuDH,wBAAvD,EAA6EN,SAA7E,EAAsFU,iBAAtF","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTag from '..';\nimport fixtureArchived from './fixtures/archived';\nimport fixtureDefault from './fixtures/default';\nimport fixturePublished from './fixtures/published';\nimport fixtureRevision from './fixtures/revision';\n\ntest('Atom › AtomTag > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomTag.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomTag.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomTag › Archived › should be rendered', renderComponentMacro, AtomTag, fixtureArchived);\ntest('Atom › AtomTag › Default › should be rendered', renderComponentMacro, AtomTag, fixtureDefault);\ntest('Atom › AtomTag › Published › should be rendered', renderComponentMacro, AtomTag, fixturePublished);\ntest('Atom › AtomTag › Revision › should be rendered', renderComponentMacro, AtomTag, fixtureRevision);\n"],"file":"fixtures.js"}

package/lib/atom/wizard-steps/test/fixtures.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _firstStep = _interopRequireDefault(require("./fixtures/first-step"));
+
+var _lastStep = _interopRequireDefault(require("./fixtures/last-step"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomWizardSteps > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomWizardSteps.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomWizardSteps › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomWizardSteps › FirstStep › should be rendered', _renderComponent.default, _.default, _firstStep.default);
+(0, _ava.default)('Atom › AtomWizardSteps › LastStep › should be rendered', _renderComponent.default, _.default, _lastStep.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/wizard-steps/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/wizard-steps/test/fixtures.js"],"names":["t","pass","AtomWizardSteps","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureFirstStep","fixtureLastStep"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uDAAL,EAA8DG,wBAA9D,EAAoFN,SAApF,EAAqGO,gBAArG;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAuGQ,kBAAvG;AACA,kBAAK,wDAAL,EAA+DF,wBAA/D,EAAqFN,SAArF,EAAsGS,iBAAtG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomWizardSteps from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFirstStep from './fixtures/first-step';\nimport fixtureLastStep from './fixtures/last-step';\n\ntest('Atom › AtomWizardSteps > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomWizardSteps.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomWizardSteps.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomWizardSteps › Default › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureDefault);\ntest('Atom › AtomWizardSteps › FirstStep › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureFirstStep);\ntest('Atom › AtomWizardSteps › LastStep › should be rendered', renderComponentMacro, AtomWizardSteps, fixtureLastStep);\n"],"file":"fixtures.js"}

package/lib/molecule/banner/index.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
-var _link = _interopRequireDefault(require("../../atom/link"));
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -27,23 +27,32 @@ const Banner = props => {
     secondCTA
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner)
+    className: (0, _classnames.default)(_style.default.banner, type === 'error' && _style.default.errorBanner),
+    title: message
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `${type}-banner-message`,
     className: _style.default.message
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond, {
     className: _style.default.icon
-  }), message), firstCTALabel ? /*#__PURE__*/_react.default.createElement(_link.default, {
+  }), message), firstCTALabel ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.button
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
     "data-name": "first-banner-cta",
-    className: _style.default.button,
-    onClick: firstCTA
-  }, firstCTALabel) : null, firstCTALabel && secondCTALabel ? /*#__PURE__*/_react.default.createElement("div", {
+    "aria-label": firstCTALabel,
+    label: firstCTALabel,
+    onClick: firstCTA,
+    type: "text"
+  })) : null, firstCTALabel && secondCTALabel ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonsBar
-  }) : null, secondCTALabel ? /*#__PURE__*/_react.default.createElement(_link.default, {
+  }) : null, secondCTALabel ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.button
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
     "data-name": "second-banner-cta",
-    className: _style.default.button,
-    onClick: secondCTA
-  }, secondCTALabel) : null);
+    onClick: secondCTA,
+    "aria-label": secondCTALabel,
+    label: secondCTALabel,
+    type: "text"
+  })) : null);
 };
 
 Banner.propTypes = process.env.NODE_ENV !== "production" ? {

package/lib/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","style","banner","errorBanner","icon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA;AAAzD,MAAsEN,KAA5E;AACA,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAWO,eAAMC,MAAjB,EAAyBP,IAAI,KAAK,OAAT,IAAoBM,eAAME,WAAnD;AAAhB,kBACE;AAAK,iBAAY,GAAER,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEM,eAAML;AAA3D,kBACE,6BAAC,0DAAD;AAAc,IAAA,SAAS,EAAEK,eAAMG;AAA/B,IADF,EAEGR,OAFH,CADF,EAKGE,aAAa,gBACZ,6BAAC,aAAD;AAAM,iBAAU,kBAAhB;AAAmC,IAAA,SAAS,EAAEG,eAAMI,MAApD;AAA4D,IAAA,OAAO,EAAER;AAArE,KACGC,aADH,CADY,GAIV,IATN,EAUGA,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEE,eAAMK;AAAtB,IAAlC,GAAyE,IAV5E,EAWGP,cAAc,gBACb,6BAAC,aAAD;AAAM,iBAAU,mBAAhB;AAAoC,IAAA,SAAS,EAAEE,eAAMI,MAArD;AAA6D,IAAA,OAAO,EAAEL;AAAtE,KACGD,cADH,CADa,GAIX,IAfN,CADF;AAmBD,CArBD;;AAuBAN,MAAM,CAACc,SAAP,2CAAmB;AACjBZ,EAAAA,IAAI,EAAEa,mBAAUC,KAAV,CAAgB,CAAC,aAAD,EAAgB,OAAhB,CAAhB,CADW;AAEjBb,EAAAA,OAAO,EAAEY,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBd,EAAAA,QAAQ,EAAEW,mBAAUI,IAHH;AAIjBd,EAAAA,aAAa,EAAEU,mBAAUE,MAJR;AAKjBX,EAAAA,cAAc,EAAES,mBAAUE,MALT;AAMjBV,EAAAA,SAAS,EAAEQ,mBAAUI;AANJ,CAAnB;eASenB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Banner = props => {\n  const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA} = props;\n  return (\n    <div className={classnames(style.banner, type === 'error' && style.errorBanner)}>\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <QuestionIcon className={style.icon} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <Link data-name=\"first-banner-cta\" className={style.button} onClick={firstCTA}>\n          {firstCTALabel}\n        </Link>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n      {secondCTALabel ? (\n        <Link data-name=\"second-banner-cta\" className={style.button} onClick={secondCTA}>\n          {secondCTALabel}\n        </Link>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.oneOf(['information', 'error']),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func\n};\n\nexport default Banner;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/banner/index.js"],"names":["Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","style","banner","errorBanner","icon","button","buttonsBar","propTypes","PropTypes","oneOf","string","isRequired","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAGC,KAAK,IAAI;AACtB,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,OAAP;AAAgBC,IAAAA,QAAhB;AAA0BC,IAAAA,aAA1B;AAAyCC,IAAAA,cAAzC;AAAyDC,IAAAA;AAAzD,MAAsEN,KAA5E;AACA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWO,eAAMC,MAAjB,EAAyBP,IAAI,KAAK,OAAT,IAAoBM,eAAME,WAAnD,CADb;AAEE,IAAA,KAAK,EAAEP;AAFT,kBAIE;AAAK,iBAAY,GAAED,IAAK,iBAAxB;AAA0C,IAAA,SAAS,EAAEM,eAAML;AAA3D,kBACE,6BAAC,0DAAD;AAAc,IAAA,SAAS,EAAEK,eAAMG;AAA/B,IADF,EAEGR,OAFH,CAJF,EAQGE,aAAa,gBACZ;AAAK,IAAA,SAAS,EAAEG,eAAMI;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,kBADZ;AAEE,kBAAYP,aAFd;AAGE,IAAA,KAAK,EAAEA,aAHT;AAIE,IAAA,OAAO,EAAED,QAJX;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADY,GAUV,IAlBN,EAmBGC,aAAa,IAAIC,cAAjB,gBAAkC;AAAK,IAAA,SAAS,EAAEE,eAAMK;AAAtB,IAAlC,GAAyE,IAnB5E,EAoBGP,cAAc,gBACb;AAAK,IAAA,SAAS,EAAEE,eAAMI;AAAtB,kBACE,6BAAC,mBAAD;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEL,SAFX;AAGE,kBAAYD,cAHd;AAIE,IAAA,KAAK,EAAEA,cAJT;AAKE,IAAA,IAAI,EAAC;AALP,IADF,CADa,GAUX,IA9BN,CADF;AAkCD,CApCD;;AAsCAN,MAAM,CAACc,SAAP,2CAAmB;AACjBZ,EAAAA,IAAI,EAAEa,mBAAUC,KAAV,CAAgB,CAAC,aAAD,EAAgB,OAAhB,CAAhB,CADW;AAEjBb,EAAAA,OAAO,EAAEY,mBAAUE,MAAV,CAAiBC,UAFT;AAGjBd,EAAAA,QAAQ,EAAEW,mBAAUI,IAHH;AAIjBd,EAAAA,aAAa,EAAEU,mBAAUE,MAJR;AAKjBX,EAAAA,cAAc,EAAES,mBAAUE,MALT;AAMjBV,EAAAA,SAAS,EAAEQ,mBAAUI;AANJ,CAAnB;eASenB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/button-link';\nimport style from './style.css';\n\nconst Banner = props => {\n  const {type, message, firstCTA, firstCTALabel, secondCTALabel, secondCTA} = props;\n  return (\n    <div\n      className={classnames(style.banner, type === 'error' && style.errorBanner)}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <QuestionIcon className={style.icon} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={style.button}>\n          <Link\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? <div className={style.buttonsBar} /> : null}\n      {secondCTALabel ? (\n        <div className={style.button}>\n          <Link\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.oneOf(['information', 'error']),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func\n};\n\nexport default Banner;\n"],"file":"index.js"}

package/lib/molecule/banner/style.css

@@ -6,7 +6,9 @@
 @value cm_negative_50 from colors;
 @value cm_negative_200 from colors;
 @value cm_warning_50 from colors;
+@value cm_yellow_100 from colors;
 @value cm_yellow_200 from colors;
+@value cm_yellow_400 from colors;
 
 .banner {
     display: flex;
@@ -26,20 +28,20 @@
     color: cm_negative_200;
 }
 
-.button {
-    flex-grow: 0;
-    font-family: Gilroy;
-    font-size: 12px;
-    font-weight: bold;
-    line-height: 1.33;
+.button{
     background-color: transparent;
+    color: cm_yellow_200;
+}
+
+.button :hover{
+    color: cm_yellow_400;
 }
 
 .buttonsBar {
-    width: 1px;
+    width: 2px;
     align-self: stretch;
     flex-grow: 0;
-    opacity: 0.1;
+    opacity: 0.3;
     background-color: cm_yellow_200;
 }
 

package/lib/molecule/{search → banner}/test/fixtures.js

@@ -10,16 +10,16 @@ var _ = _interopRequireDefault(require(".."));
 
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
-var _withValue = _interopRequireDefault(require("./fixtures/with-value"));
+var _errorBanner = _interopRequireDefault(require("./fixtures/error-banner"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-(0, _ava.default)('Molecule › MoleculeSearch > should have valid propTypes', t => {
+(0, _ava.default)('Molecule › MoleculeBanner > should have valid propTypes', t => {
   t.pass();
   (0, _forEach.default)(_.default.propTypes, (value, key) => {
-    t.not(value, undefined, `PropType for "Molecule.MoleculeSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+    t.not(value, undefined, `PropType for "Molecule.MoleculeBanner.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-(0, _ava.default)('Molecule › MoleculeSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
-(0, _ava.default)('Molecule › MoleculeSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
+(0, _ava.default)('Molecule › MoleculeBanner › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeBanner › ErrorBanner › should be rendered', _renderComponent.default, _.default, _errorBanner.default);
 //# sourceMappingURL=fixtures.js.map

package/lib/molecule/banner/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/banner/test/fixtures.js"],"names":["t","pass","MoleculeBanner","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureErrorBanner"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,yDAAL,EAAgEA,CAAC,IAAI;AACnEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,mDAAkDF,GAAI,mEAA/E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAAuGO,gBAAvG;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAA2GQ,oBAA3G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBanner from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureErrorBanner from './fixtures/error-banner';\n\ntest('Molecule › MoleculeBanner > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBanner.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBanner.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBanner › Default › should be rendered', renderComponentMacro, MoleculeBanner, fixtureDefault);\ntest('Molecule › MoleculeBanner › ErrorBanner › should be rendered', renderComponentMacro, MoleculeBanner, fixtureErrorBanner);\n"],"file":"fixtures.js"}

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

@@ -7,6 +7,8 @@ var _snakeCase2 = _interopRequireDefault(require("lodash/fp/snakeCase"));
 
 var _map2 = _interopRequireDefault(require("lodash/fp/map"));
 
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -57,6 +59,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+const inputContainerStyle = {
+  default: _style.default.defaultWidth,
+  medium: _style.default.mediumWidth,
+  large: _style.default.largeWidth
+};
+
 const buildInput = field => {
   const {
     type
@@ -125,8 +133,13 @@ const buildInput = field => {
 
 const buildField = (field, index) => {
   const input = buildInput(field);
+  const {
+    theme,
+    size = 'default'
+  } = field;
+  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : _style.default.field;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.field,
+    className: styleInput,
     key: index
   }, input);
 };
@@ -164,7 +177,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   fieldsLayout: _propTypes.default.string,
   groupLayout: _propTypes.default.string,
   fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends(_extends({}, _autocomplete.default.propTypes), {}, {
-    type: _propTypes.default.oneOf(['autoComplete'])
+    type: _propTypes.default.oneOf(['autoComplete']),
+    size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
   })), _propTypes.default.shape(_extends(_extends({}, _inputColor.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['color'])
   })), _propTypes.default.shape(_extends(_extends({}, _inputReadonly.default.propTypes), {}, {
@@ -172,13 +186,15 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   })), _propTypes.default.shape(_extends(_extends({}, _inputSwitch.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['switch'])
   })), _propTypes.default.shape(_extends(_extends({}, _inputTextarea.default.propTypes), {}, {
-    type: _propTypes.default.oneOf(['textarea'])
+    type: _propTypes.default.oneOf(['textarea']),
+    size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
   })), _propTypes.default.shape(_extends(_extends({}, _inputHtml.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['html'])
   })), _propTypes.default.shape(_extends(_extends({}, _inputDoublestep.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['doublestep'])
   })), _propTypes.default.shape(_extends(_extends({}, _select.default.propTypes), {}, {
-    type: _propTypes.default.oneOf(['select'])
+    type: _propTypes.default.oneOf(['select']),
+    size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
   })), _propTypes.default.shape(_extends(_extends({}, _inputCheckbox.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['checkbox'])
   })), _propTypes.default.shape(_extends(_extends({}, _imageUpload.default.propTypes), {}, {
@@ -188,7 +204,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   })), _propTypes.default.shape(_extends(_extends({}, _setupSections.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['sections'])
   })), _propTypes.default.shape(_extends(_extends({}, _inputText.default.propTypes), {}, {
-    type: _propTypes.default.oneOf(['text'])
+    type: _propTypes.default.oneOf(['text']),
+    size: _propTypes.default.oneOf((0, _keys2.default)(inputContainerStyle))
   })), _propTypes.default.shape(_extends(_extends({}, _brandDownloadBox.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['downloadbox'])
   })), _propTypes.default.shape(_extends(_extends({}, _brandUploadBox.default.propTypes), {}, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["buildInput","field","type","buildField","index","input","style","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;;AAEA,UAAQC,IAAR;AACE,SAAK,cAAL;AACE,0BAAO,6BAAC,qBAAD,EAAkBD,KAAlB,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,6BAAC,mBAAD,EAAgBA,KAAhB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;;AACF,SAAK,YAAL;AACE,0BAAO,6BAAC,wBAAD,EAAqBA,KAArB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,eAAD,EAAYA,KAAZ,CAAP;;AACF,SAAK,gBAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;;AACF,SAAK,aAAL;AACE,0BAAO,6BAAC,yBAAD,EAAsBA,KAAtB,CAAP;;AACF,SAAK,WAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;AACF,SAAK,QAAL;AACA,SAAK,MAAL;AACE,0BAAO,6BAAC,eAAD,EAAYA,KAAZ,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,6BAAC,0BAAD,EAAWA,KAAX,CAAP;;AACF;AACE,0BAAO,6BAAC,kBAAD,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,EAAEK,eAAML,KAAtB;AAA6B,IAAA,GAAG,EAAEG;AAAlC,KACGC,KADH,CADF;AAKD,CARD;;AAUA,MAAME,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,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0Bb,UAA1B,EAAsCU,MAAtC,CAAnB;;AAEA,sBACE;AACE,iBAAY,oBAAmB,yBAAUJ,KAAV,CAAiB,EADlD;AAEE,IAAA,SAAS,EAAE,yBAAWH,eAAMW,OAAjB,EAA0BL,WAAW,KAAK,MAAhB,IAA0BN,eAAMY,SAA1D;AAFb,kBAIE;AAAK,IAAA,SAAS,EAAEZ,eAAMa;AAAtB,kBACE,6BAAC,cAAD;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,GAA0BL,eAAMc,IAAhC,GAAuC;AAAvD,KAA8DN,UAA9D,CAPF,CADF;AAWD,CAfD;;AAiBAP,cAAc,CAACc,SAAf,2CAA2B;AACzBZ,EAAAA,KAAK,EAAEa,mBAAUC,MADQ;AAEzBb,EAAAA,QAAQ,EAAEY,mBAAUC,MAFK;AAGzBZ,EAAAA,YAAY,EAAEW,mBAAUC,MAHC;AAIzBX,EAAAA,WAAW,EAAEU,mBAAUC,MAJE;AAKzBV,EAAAA,MAAM,EAAES,mBAAUE,OAAV,CACNF,mBAAUG,SAAV,CAAoB,CAClBH,mBAAUI,KAAV,uBACKC,sBAAaN,SADlB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,cAAD,CAAhB;AAFR,KADkB,EAKlBN,mBAAUI,KAAV,uBACKG,oBAAWR,SADhB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KALkB,EASlBN,mBAAUI,KAAV,uBACKI,uBAAcT,SADnB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KATkB,EAalBN,mBAAUI,KAAV,uBACKK,qBAAYV,SADjB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KAbkB,EAiBlBN,mBAAUI,KAAV,uBACKM,uBAAcX,SADnB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAjBkB,EAqBlBN,mBAAUI,KAAV,uBACKO,mBAAUZ,SADf;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KArBkB,EAyBlBN,mBAAUI,KAAV,uBACKQ,yBAAgBb,SADrB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,YAAD,CAAhB;AAFR,KAzBkB,EA6BlBN,mBAAUI,KAAV,uBACKS,gBAAOd,SADZ;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KA7BkB,EAiClBN,mBAAUI,KAAV,uBACKU,uBAAcf,SADnB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAjCkB,EAqClBN,mBAAUI,KAAV,uBACKW,qBAAYhB,SADjB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KArCkB,EAyClBN,mBAAUI,KAAV,uBACKY,qBAAYjB,SADjB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KAzCkB,EA6ClBN,mBAAUI,KAAV,uBACKa,uBAAclB,SADnB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KA7CkB,EAiDlBN,mBAAUI,KAAV,uBACKc,mBAAUnB,SADf;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KAjDkB,EAqDlBN,mBAAUI,KAAV,uBACKe,0BAAiBpB,SADtB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,aAAD,CAAhB;AAFR,KArDkB,EAyDlBN,mBAAUI,KAAV,uBACKgB,wBAAerB,SADpB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,WAAD,CAAhB;AAFR,KAzDkB,EA6DlBN,mBAAUI,KAAV,uBACKiB,gBAAOtB,SADZ;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KA7DkB,EAiElBN,mBAAUI,KAAV,uBACKkB,wBAAevB,SADpB;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,gBAAD,CAAhB;AAFR,KAjEkB,EAqElBN,mBAAUI,KAAV,uBACKmB,2BAAMxB,SADX;AAEEnB,IAAAA,IAAI,EAAEoB,mBAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KArEkB,EAyElBN,mBAAUI,KAAV,CAAgBc,mBAAUnB,SAA1B,CAzEkB,CAApB,CADM;AALiB,CAA3B;eAmFed,c","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"}
+{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,OAAO,EAAEC,eAAMC,YADW;AAE1BC,EAAAA,MAAM,EAAEF,eAAMG,WAFY;AAG1BC,EAAAA,KAAK,EAAEJ,eAAMK;AAHa,CAA5B;;AAMA,MAAMC,UAAU,GAAGC,KAAK,IAAI;AAC1B,QAAM;AAACC,IAAAA;AAAD,MAASD,KAAf;;AAEA,UAAQC,IAAR;AACE,SAAK,cAAL;AACE,0BAAO,6BAAC,qBAAD,EAAkBD,KAAlB,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,6BAAC,mBAAD,EAAgBA,KAAhB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;;AACF,SAAK,YAAL;AACE,0BAAO,6BAAC,wBAAD,EAAqBA,KAArB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,eAAD,EAAYA,KAAZ,CAAP;;AACF,SAAK,gBAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,QAAL;AACE,0BAAO,6BAAC,oBAAD,EAAiBA,KAAjB,CAAP;;AACF,SAAK,UAAL;AACE,0BAAO,6BAAC,sBAAD,EAAmBA,KAAnB,CAAP;;AACF,SAAK,MAAL;AACE,0BAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;;AACF,SAAK,aAAL;AACE,0BAAO,6BAAC,yBAAD,EAAsBA,KAAtB,CAAP;;AACF,SAAK,WAAL;AACE,0BAAO,6BAAC,uBAAD,EAAoBA,KAApB,CAAP;;AACF,SAAK,QAAL;AACA,SAAK,MAAL;AACE,0BAAO,6BAAC,eAAD,EAAYA,KAAZ,CAAP;;AACF,SAAK,OAAL;AACE,0BAAO,6BAAC,0BAAD,EAAWA,KAAX,CAAP;;AACF;AACE,0BAAO,6BAAC,kBAAD,EAAeA,KAAf,CAAP;AAvCJ;AAyCD,CA5CD;;AA8CA,MAAME,UAAU,GAAG,CAACF,KAAD,EAAQG,KAAR,KAAkB;AACnC,QAAMC,KAAK,GAAGL,UAAU,CAACC,KAAD,CAAxB;AACA,QAAM;AAACK,IAAAA,KAAD;AAAQC,IAAAA,IAAI,GAAG;AAAf,MAA4BN,KAAlC;AACA,QAAMO,UAAU,GAAGF,KAAK,KAAK,cAAV,GAA2Bd,mBAAmB,CAACe,IAAD,CAA9C,GAAuDb,eAAMO,KAAhF;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEO,UAAhB;AAA4B,IAAA,GAAG,EAAEJ;AAAjC,KACGC,KADH,CADF;AAKD,CAVD;;AAYA,MAAMI,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,cAAIC,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0Bf,UAA1B,EAAsCY,MAAtC,CAAnB;;AAEA,sBACE;AACE,iBAAY,oBAAmB,yBAAUJ,KAAV,CAAiB,EADlD;AAEE,IAAA,SAAS,EAAE,yBAAWjB,eAAMyB,OAAjB,EAA0BL,WAAW,KAAK,MAAhB,IAA0BpB,eAAM0B,SAA1D;AAFb,kBAIE;AAAK,IAAA,SAAS,EAAE1B,eAAM2B;AAAtB,kBACE,6BAAC,cAAD;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,GAA0BnB,eAAM4B,IAAhC,GAAuC;AAAvD,KAA8DN,UAA9D,CAPF,CADF;AAWD,CAfD;;AAiBAP,cAAc,CAACc,SAAf,2CAA2B;AACzBZ,EAAAA,KAAK,EAAEa,mBAAUC,MADQ;AAEzBb,EAAAA,QAAQ,EAAEY,mBAAUC,MAFK;AAGzBZ,EAAAA,YAAY,EAAEW,mBAAUC,MAHC;AAIzBX,EAAAA,WAAW,EAAEU,mBAAUC,MAJE;AAKzBV,EAAAA,MAAM,EAAES,mBAAUE,OAAV,CACNF,mBAAUG,SAAV,CAAoB,CAClBH,mBAAUI,KAAV,uBACKC,sBAAaN,SADlB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,cAAD,CAAhB,CAFR;AAGEvB,IAAAA,IAAI,EAAEiB,mBAAUM,KAAV,CAAgB,oBAAKtC,mBAAL,CAAhB;AAHR,KADkB,EAMlBgC,mBAAUI,KAAV,uBACKG,oBAAWR,SADhB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KANkB,EAUlBN,mBAAUI,KAAV,uBACKI,uBAAcT,SADnB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAVkB,EAclBN,mBAAUI,KAAV,uBACKK,qBAAYV,SADjB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KAdkB,EAkBlBN,mBAAUI,KAAV,uBACKM,uBAAcX,SADnB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB,CAFR;AAGEvB,IAAAA,IAAI,EAAEiB,mBAAUM,KAAV,CAAgB,oBAAKtC,mBAAL,CAAhB;AAHR,KAlBkB,EAuBlBgC,mBAAUI,KAAV,uBACKO,mBAAUZ,SADf;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,MAAD,CAAhB;AAFR,KAvBkB,EA2BlBN,mBAAUI,KAAV,uBACKQ,yBAAgBb,SADrB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,YAAD,CAAhB;AAFR,KA3BkB,EA+BlBN,mBAAUI,KAAV,uBACKS,gBAAOd,SADZ;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB,CAFR;AAGEvB,IAAAA,IAAI,EAAEiB,mBAAUM,KAAV,CAAgB,oBAAKtC,mBAAL,CAAhB;AAHR,KA/BkB,EAoClBgC,mBAAUI,KAAV,uBACKU,uBAAcf,SADnB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KApCkB,EAwClBN,mBAAUI,KAAV,uBACKW,qBAAYhB,SADjB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KAxCkB,EA4ClBN,mBAAUI,KAAV,uBACKY,qBAAYjB,SADjB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KA5CkB,EAgDlBN,mBAAUI,KAAV,uBACKa,uBAAclB,SADnB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KAhDkB,EAoDlBN,mBAAUI,KAAV,uBACKc,mBAAUnB,SADf;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAFR;AAGEvB,IAAAA,IAAI,EAAEiB,mBAAUM,KAAV,CAAgB,oBAAKtC,mBAAL,CAAhB;AAHR,KApDkB,EAyDlBgC,mBAAUI,KAAV,uBACKe,0BAAiBpB,SADtB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,aAAD,CAAhB;AAFR,KAzDkB,EA6DlBN,mBAAUI,KAAV,uBACKgB,wBAAerB,SADpB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,WAAD,CAAhB;AAFR,KA7DkB,EAiElBN,mBAAUI,KAAV,uBACKiB,gBAAOtB,SADZ;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,CAAhB;AAFR,KAjEkB,EAqElBN,mBAAUI,KAAV,uBACKkB,wBAAevB,SADpB;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,gBAAD,CAAhB;AAFR,KArEkB,EAyElBN,mBAAUI,KAAV,uBACKmB,2BAAMxB,SADX;AAEErB,IAAAA,IAAI,EAAEsB,mBAAUM,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KAzEkB,EA6ElBN,mBAAUI,KAAV,CAAgBc,mBAAUnB,SAA1B,CA7EkB,CAApB,CADM;AALiB,CAA3B;eAuFed,c","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 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} />;\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  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        ...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"}

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

@@ -50,6 +50,25 @@
   margin-bottom: 0;
 }
 
+.fieldCoorpmanager {
+  margin: 0 0 32px 0;
+}
+
+.defaultWidth {
+  composes: fieldCoorpmanager;
+  width: 300px;
+}
+
+.mediumWidth {
+  composes: fieldCoorpmanager;
+  width: 444px;
+}
+
+.largeWidth {
+  composes: fieldCoorpmanager;
+  width: 100%;
+}
+
 @media desktop {
   .groupGrid {
     flex-direction: column;

package/lib/molecule/brand-form-group/test/fixtures.js

@@ -12,6 +12,8 @@ var _analytics = _interopRequireDefault(require("./fixtures/analytics"));
 
 var _animations = _interopRequireDefault(require("./fixtures/animations"));
 
+var _cmDefault = _interopRequireDefault(require("./fixtures/cm-default"));
+
 var _cohort = _interopRequireDefault(require("./fixtures/cohort"));
 
 var _dashboard = _interopRequireDefault(require("./fixtures/dashboard"));
@@ -40,6 +42,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 (0, _ava.default)('Molecule › MoleculeBrandFormGroup › Analytics › should be rendered', _renderComponent.default, _.default, _analytics.default);
 (0, _ava.default)('Molecule › MoleculeBrandFormGroup › Animations › should be rendered', _renderComponent.default, _.default, _animations.default);
+(0, _ava.default)('Molecule › MoleculeBrandFormGroup › CmDefault › should be rendered', _renderComponent.default, _.default, _cmDefault.default);
 (0, _ava.default)('Molecule › MoleculeBrandFormGroup › Cohort › should be rendered', _renderComponent.default, _.default, _cohort.default);
 (0, _ava.default)('Molecule › MoleculeBrandFormGroup › Dashboard › should be rendered', _renderComponent.default, _.default, _dashboard.default);
 (0, _ava.default)('Molecule › MoleculeBrandFormGroup › Default › should be rendered', _renderComponent.default, _.default, _default.default);

package/lib/molecule/brand-form-group/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/brand-form-group/test/fixtures.js"],"names":["t","pass","MoleculeBrandFormGroup","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureDoublefield","fixtureImages","fixtureLookandfeel","fixtureRoles","fixtureSlider","fixtureSso"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAyHO,kBAAzH;AACA,kBAAK,qEAAL,EAA4ED,wBAA5E,EAAkGN,SAAlG,EAA0HQ,mBAA1H;AACA,kBAAK,iEAAL,EAAwEF,wBAAxE,EAA8FN,SAA9F,EAAsHS,eAAtH;AACA,kBAAK,oEAAL,EAA2EH,wBAA3E,EAAiGN,SAAjG,EAAyHU,kBAAzH;AACA,kBAAK,kEAAL,EAAyEJ,wBAAzE,EAA+FN,SAA/F,EAAuHW,gBAAvH;AACA,kBAAK,sEAAL,EAA6EL,wBAA7E,EAAmGN,SAAnG,EAA2HY,oBAA3H;AACA,kBAAK,iEAAL,EAAwEN,wBAAxE,EAA8FN,SAA9F,EAAsHa,eAAtH;AACA,kBAAK,sEAAL,EAA6EP,wBAA7E,EAAmGN,SAAnG,EAA2Hc,oBAA3H;AACA,kBAAK,gEAAL,EAAuER,wBAAvE,EAA6FN,SAA7F,EAAqHe,cAArH;AACA,kBAAK,iEAAL,EAAwET,wBAAxE,EAA8FN,SAA9F,EAAsHgB,eAAtH;AACA,kBAAK,8DAAL,EAAqEV,wBAArE,EAA2FN,SAA3F,EAAmHiB,YAAnH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBrandFormGroup from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDoublefield from './fixtures/doublefield';\nimport fixtureImages from './fixtures/images';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureRoles from './fixtures/roles';\nimport fixtureSlider from './fixtures/slider';\nimport fixtureSso from './fixtures/sso';\n\ntest('Molecule › MoleculeBrandFormGroup > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBrandFormGroup.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBrandFormGroup.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBrandFormGroup › Analytics › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureAnalytics);\ntest('Molecule › MoleculeBrandFormGroup › Animations › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureAnimations);\ntest('Molecule › MoleculeBrandFormGroup › Cohort › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureCohort);\ntest('Molecule › MoleculeBrandFormGroup › Dashboard › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDashboard);\ntest('Molecule › MoleculeBrandFormGroup › Default › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDefault);\ntest('Molecule › MoleculeBrandFormGroup › Doublefield › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDoublefield);\ntest('Molecule › MoleculeBrandFormGroup › Images › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureImages);\ntest('Molecule › MoleculeBrandFormGroup › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureLookandfeel);\ntest('Molecule › MoleculeBrandFormGroup › Roles › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureRoles);\ntest('Molecule › MoleculeBrandFormGroup › Slider › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureSlider);\ntest('Molecule › MoleculeBrandFormGroup › Sso › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureSso);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/brand-form-group/test/fixtures.js"],"names":["t","pass","MoleculeBrandFormGroup","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAnalytics","fixtureAnimations","fixtureCmDefault","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureDoublefield","fixtureImages","fixtureLookandfeel","fixtureRoles","fixtureSlider","fixtureSso"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iEAAL,EAAwEA,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAyHO,kBAAzH;AACA,kBAAK,qEAAL,EAA4ED,wBAA5E,EAAkGN,SAAlG,EAA0HQ,mBAA1H;AACA,kBAAK,oEAAL,EAA2EF,wBAA3E,EAAiGN,SAAjG,EAAyHS,kBAAzH;AACA,kBAAK,iEAAL,EAAwEH,wBAAxE,EAA8FN,SAA9F,EAAsHU,eAAtH;AACA,kBAAK,oEAAL,EAA2EJ,wBAA3E,EAAiGN,SAAjG,EAAyHW,kBAAzH;AACA,kBAAK,kEAAL,EAAyEL,wBAAzE,EAA+FN,SAA/F,EAAuHY,gBAAvH;AACA,kBAAK,sEAAL,EAA6EN,wBAA7E,EAAmGN,SAAnG,EAA2Ha,oBAA3H;AACA,kBAAK,iEAAL,EAAwEP,wBAAxE,EAA8FN,SAA9F,EAAsHc,eAAtH;AACA,kBAAK,sEAAL,EAA6ER,wBAA7E,EAAmGN,SAAnG,EAA2He,oBAA3H;AACA,kBAAK,gEAAL,EAAuET,wBAAvE,EAA6FN,SAA7F,EAAqHgB,cAArH;AACA,kBAAK,iEAAL,EAAwEV,wBAAxE,EAA8FN,SAA9F,EAAsHiB,eAAtH;AACA,kBAAK,8DAAL,EAAqEX,wBAArE,EAA2FN,SAA3F,EAAmHkB,YAAnH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBrandFormGroup from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureAnimations from './fixtures/animations';\nimport fixtureCmDefault from './fixtures/cm-default';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDashboard from './fixtures/dashboard';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDoublefield from './fixtures/doublefield';\nimport fixtureImages from './fixtures/images';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureRoles from './fixtures/roles';\nimport fixtureSlider from './fixtures/slider';\nimport fixtureSso from './fixtures/sso';\n\ntest('Molecule › MoleculeBrandFormGroup > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBrandFormGroup.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBrandFormGroup.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBrandFormGroup › Analytics › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureAnalytics);\ntest('Molecule › MoleculeBrandFormGroup › Animations › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureAnimations);\ntest('Molecule › MoleculeBrandFormGroup › CmDefault › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureCmDefault);\ntest('Molecule › MoleculeBrandFormGroup › Cohort › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureCohort);\ntest('Molecule › MoleculeBrandFormGroup › Dashboard › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDashboard);\ntest('Molecule › MoleculeBrandFormGroup › Default › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDefault);\ntest('Molecule › MoleculeBrandFormGroup › Doublefield › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDoublefield);\ntest('Molecule › MoleculeBrandFormGroup › Images › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureImages);\ntest('Molecule › MoleculeBrandFormGroup › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureLookandfeel);\ntest('Molecule › MoleculeBrandFormGroup › Roles › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureRoles);\ntest('Molecule › MoleculeBrandFormGroup › Slider › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureSlider);\ntest('Molecule › MoleculeBrandFormGroup › Sso › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureSso);\n"],"file":"fixtures.js"}

package/lib/molecule/bullet-point-menu-button/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
+var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const BulletPointMenuButton = props => {
+  const {
+    disabled = false,
+    buttonAriaLabel,
+    menuAriaLabel,
+    onClick,
+    buttons
+  } = props;
+  const handleOnClick = (0, _react.useCallback)(() => onClick(), [onClick]);
+  const menuProps = {
+    'data-name': 'button-menu',
+    buttons
+  };
+
+  const menu = /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.bulletPointMenu,
+    "data-name": "menu-wrapper",
+    "aria-label": menuAriaLabel
+  }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, menuProps));
+
+  const bulletPointButtonProps = {
+    type: 'secondary',
+    'aria-label': buttonAriaLabel,
+    'data-name': 'bullet-point-button',
+    icon: {
+      position: 'center',
+      type: 'bullet-point'
+    },
+    onClick: handleOnClick,
+    disabled
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.bulletPointWrapper,
+    "data-name": "bullet-point-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, bulletPointButtonProps, {
+    className: _style.default.bulletPointButton
+  })), menu);
+};
+
+BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  disabled: _propTypes.default.bool,
+  buttonAriaLabel: _propTypes.default.string,
+  menuAriaLabel: _propTypes.default.string,
+  buttons: _buttonMenu.default.propTypes.buttons,
+  onClick: _propTypes.default.func
+} : {};
+var _default = BulletPointMenuButton;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/bullet-point-menu-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":["BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","style","bulletPointMenu","bulletPointButtonProps","type","icon","position","bulletPointWrapper","bulletPointButton","propTypes","PropTypes","bool","string","ButtonMenu","func"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,qBAAqB,GAAGC,KAAK,IAAI;AACrC,QAAM;AAACC,IAAAA,QAAQ,GAAG,KAAZ;AAAmBC,IAAAA,eAAnB;AAAoCC,IAAAA,aAApC;AAAmDC,IAAAA,OAAnD;AAA4DC,IAAAA;AAA5D,MAAuEL,KAA7E;AACA,QAAMM,aAAa,GAAG,wBAAY,MAAMF,OAAO,EAAzB,EAA6B,CAACA,OAAD,CAA7B,CAAtB;AAEA,QAAMG,SAAS,GAAG;AAChB,iBAAa,aADG;AAEhBF,IAAAA;AAFgB,GAAlB;;AAKA,QAAMG,IAAI,gBACR;AAAK,IAAA,SAAS,EAAEC,eAAMC,eAAtB;AAAuC,iBAAU,cAAjD;AAAgE,kBAAYP;AAA5E,kBACE,6BAAC,mBAAD,EAAgBI,SAAhB,CADF,CADF;;AAKA,QAAMI,sBAAsB,GAAG;AAC7BC,IAAAA,IAAI,EAAE,WADuB;AAE7B,kBAAcV,eAFe;AAG7B,iBAAa,qBAHgB;AAI7BW,IAAAA,IAAI,EAAE;AACJC,MAAAA,QAAQ,EAAE,QADN;AAEJF,MAAAA,IAAI,EAAE;AAFF,KAJuB;AAQ7BR,IAAAA,OAAO,EAAEE,aARoB;AAS7BL,IAAAA;AAT6B,GAA/B;AAYA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMM,kBAAtB;AAA0C,iBAAU;AAApD,kBACE,6BAAC,mBAAD,eAAgBJ,sBAAhB;AAAwC,IAAA,SAAS,EAAEF,eAAMO;AAAzD,KADF,EAEGR,IAFH,CADF;AAMD,CAhCD;;AAkCAT,qBAAqB,CAACkB,SAAtB,2CAAkC;AAChChB,EAAAA,QAAQ,EAAEiB,mBAAUC,IADY;AAEhCjB,EAAAA,eAAe,EAAEgB,mBAAUE,MAFK;AAGhCjB,EAAAA,aAAa,EAAEe,mBAAUE,MAHO;AAIhCf,EAAAA,OAAO,EAAEgB,oBAAWJ,SAAX,CAAqBZ,OAJE;AAKhCD,EAAAA,OAAO,EAAEc,mBAAUI;AALa,CAAlC;eAQevB,qB","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport style from './style.css';\n\nconst BulletPointMenuButton = props => {\n  const {disabled = false, buttonAriaLabel, menuAriaLabel, onClick, buttons} = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div className={style.bulletPointMenu} data-name=\"menu-wrapper\" aria-label={menuAriaLabel}>\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    type: 'secondary',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: {\n      position: 'center',\n      type: 'bullet-point'\n    },\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLink {...bulletPointButtonProps} className={style.bulletPointButton} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = {\n  disabled: PropTypes.bool,\n  buttonAriaLabel: PropTypes.string,\n  menuAriaLabel: PropTypes.string,\n  buttons: ButtonMenu.propTypes.buttons,\n  onClick: PropTypes.func\n};\n\nexport default BulletPointMenuButton;\n"],"file":"index.js"}

package/lib/molecule/bullet-point-menu-button/style.css

@@ -0,0 +1,52 @@
+@value colors: "../../variables/colors.css";
+@value transparent from colors;
+@value cm_grey_100 from colors;
+
+.bulletPointWrapper {
+  display: flex;
+  flex-direction: column-reverse;
+  justify-content: flex-end;
+  width: 44px;
+  position: relative;
+}
+
+.bulletPointButton {
+  position: relative;
+  cursor: pointer;
+ }
+
+.bulletPointMenu {
+  min-width: 80px;
+  /* positioning */
+  position: absolute;
+  align-self: flex-end;
+  bottom: 54px;
+  right: 0px;
+  /* elevation shadow */
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
+  z-index: 1;
+  /* round corners */
+  border-radius: 7px;
+  overflow: hidden;
+  background-color: cm_grey_100;
+}
+
+/* Fade-in - Fade-out */
+.bulletPointButton,button + .bulletPointMenu {
+  max-height: 0;
+  /* fade out combo */
+  visibility: hidden;
+  opacity:0;
+  transition:visibility 0.5s ease,opacity 0.5s ease;
+}
+
+.bulletPointButton,button:focus + .bulletPointMenu {
+  /* fade in combo */
+  max-height: max-content;
+  visibility:visible;
+  opacity:1;
+}
+
+/* Recover - unset pointer-events  */
+.bulletPointButton,button:focus { pointer-events: none; }
+.bulletPointButton,button:not(:focus) { pointer-events: auto; }