@coorpacademy/components 10.1.4 → 10.1.8

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":"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","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":"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","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,69 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
+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 = {
+    size: 'default',
+    'aria-label': buttonAriaLabel,
+    'data-name': 'bullet-point-button',
+    icon: 'bullet-point',
+    onClick: handleOnClick,
+    disabled
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.bulletPointWrapper,
+    "data-name": "bullet-point-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.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","size","icon","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,SADuB;AAE7B,kBAAcV,eAFe;AAG7B,iBAAa,qBAHgB;AAI7BW,IAAAA,IAAI,EAAE,cAJuB;AAK7BT,IAAAA,OAAO,EAAEE,aALoB;AAM7BL,IAAAA;AAN6B,GAA/B;AASA,sBACE;AAAK,IAAA,SAAS,EAAEQ,eAAMK,kBAAtB;AAA0C,iBAAU;AAApD,kBACE,6BAAC,2BAAD,eAAwBH,sBAAxB;AAAgD,IAAA,SAAS,EAAEF,eAAMM;AAAjE,KADF,EAEGP,IAFH,CADF;AAMD,CA7BD;;AA+BAT,qBAAqB,CAACiB,SAAtB,2CAAkC;AAChCf,EAAAA,QAAQ,EAAEgB,mBAAUC,IADY;AAEhChB,EAAAA,eAAe,EAAEe,mBAAUE,MAFK;AAGhChB,EAAAA,aAAa,EAAEc,mBAAUE,MAHO;AAIhCd,EAAAA,OAAO,EAAEe,oBAAWJ,SAAX,CAAqBX,OAJE;AAKhCD,EAAAA,OAAO,EAAEa,mBAAUI;AALa,CAAlC;eAQetB,qB","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\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    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...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; }

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

@@ -0,0 +1,46 @@
+"use strict";
+
+var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
+var _browserEnv = _interopRequireDefault(require("browser-env"));
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _browserEnv.default)();
+(0, _enzyme.configure)({
+  adapter: new _enzymeAdapterReact.default()
+});
+const translate = _identity2.default;
+(0, _ava.default)('should launch onClick, should find the button menu and have clickable buttons', t => {
+  const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_.default, _default.default.props), {
+    context: {
+      translate
+    }
+  });
+  const button = wrapper.find('[data-name="bullet-point-button"]');
+  t.true(button.exists());
+  button.first().simulate('click', {});
+  const menu = wrapper.find('[data-name="button-menu"]').children().first();
+  t.true(menu.exists());
+  t.is(menu.children().length, 2);
+  const publishButton = menu.find('[data-name="menu-publish-button"]');
+  t.true(publishButton.exists());
+  publishButton.first().simulate('click', {});
+  const deleteButton = menu.find('[data-name="menu-delete-button"]');
+  t.true(deleteButton.exists());
+  deleteButton.first().simulate('click', {});
+  t.pass();
+});
+//# sourceMappingURL=bullet-point-menu-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","menu","children","is","length","publishButton","deleteButton","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,+EAAL,EAAsFC,CAAC,IAAI;AACzF,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAA2BC,iBAAeC,KAA1C,CAAN,EAA2D;AACzEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AADgE,GAA3D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,mCAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACA,QAAMC,IAAI,GAAGV,OAAO,CAACK,IAAR,CAAa,2BAAb,EAA0CM,QAA1C,GAAqDH,KAArD,EAAb;AACAT,EAAAA,CAAC,CAACO,IAAF,CAAOI,IAAI,CAACH,MAAL,EAAP;AACAR,EAAAA,CAAC,CAACa,EAAF,CAAKF,IAAI,CAACC,QAAL,GAAgBE,MAArB,EAA6B,CAA7B;AACA,QAAMC,aAAa,GAAGJ,IAAI,CAACL,IAAL,CAAU,mCAAV,CAAtB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOQ,aAAa,CAACP,MAAd,EAAP;AACAO,EAAAA,aAAa,CAACN,KAAd,GAAsBC,QAAtB,CAA+B,OAA/B,EAAwC,EAAxC;AACA,QAAMM,YAAY,GAAGL,IAAI,CAACL,IAAL,CAAU,kCAAV,CAArB;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOS,YAAY,CAACR,MAAb,EAAP;AACAQ,EAAAA,YAAY,CAACP,KAAb,GAAqBC,QAArB,CAA8B,OAA9B,EAAuC,EAAvC;AACAV,EAAAA,CAAC,CAACiB,IAAF;AACD,CAjBD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport BulletPointMenuButton from '..';\nimport defaultFixture from './fixtures/default';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick, should find the button menu and have clickable buttons', t => {\n  const wrapper = mount(<BulletPointMenuButton {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-point-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  const menu = wrapper.find('[data-name=\"button-menu\"]').children().first();\n  t.true(menu.exists());\n  t.is(menu.children().length, 2);\n  const publishButton = menu.find('[data-name=\"menu-publish-button\"]');\n  t.true(publishButton.exists());\n  publishButton.first().simulate('click', {});\n  const deleteButton = menu.find('[data-name=\"menu-delete-button\"]');\n  t.true(deleteButton.exists());\n  deleteButton.first().simulate('click', {});\n  t.pass();\n});\n"],"file":"bullet-point-menu-button.js"}

package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _default2 = require("../../../../atom/button-menu/test/fixtures/default");
+
+var _default = {
+  props: {
+    buttonAriaLabel: 'aria button',
+    menuAriaLabel: 'aria menu',
+    buttons: [_default2.actionButtonProps, _default2.deleteButtonProps],
+    onClick: () => console.log('click on bullet point button - test in a bigger component to see the menu'),
+    componentKey: 'bullet-key'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/bullet-point-menu-button/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/bullet-point-menu-button/test/fixtures/default.js"],"names":["props","buttonAriaLabel","menuAriaLabel","buttons","actionButtonProps","deleteButtonProps","onClick","console","log","componentKey"],"mappings":";;;;;AAAA;;eAKe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE,aADZ;AAELC,IAAAA,aAAa,EAAE,WAFV;AAGLC,IAAAA,OAAO,EAAE,CAACC,2BAAD,EAAoBC,2BAApB,CAHJ;AAILC,IAAAA,OAAO,EAAE,MACPC,OAAO,CAACC,GAAR,CAAY,2EAAZ,CALG;AAMLC,IAAAA,YAAY,EAAE;AANT;AADM,C","sourcesContent":["import {\n  actionButtonProps,\n  deleteButtonProps\n} from '../../../../atom/button-menu/test/fixtures/default';\n\nexport default {\n  props: {\n    buttonAriaLabel: 'aria button',\n    menuAriaLabel: 'aria menu',\n    buttons: [actionButtonProps, deleteButtonProps],\n    onClick: () =>\n      console.log('click on bullet point button - test in a bigger component to see the menu'),\n    componentKey: 'bullet-key'\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _defaultsDeep = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
+
+var _default2 = require("../../../../atom/button-menu/test/fixtures/default");
+
+var _multipleButtons = require("../../../../atom/button-menu/test/fixtures/multiple-buttons");
+
+var _default3 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  props
+} = _default3.default;
+var _default = {
+  props: (0, _defaultsDeep.default)(props, {
+    buttons: [_default2.actionButtonProps, _multipleButtons.disabledButtonProps, _default2.deleteButtonProps]
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=multiple-buttons.js.map

package/lib/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js"],"names":["props","Default","buttons","actionButtonProps","disabledButtonProps","deleteButtonProps"],"mappings":";;;;;AAAA;;AACA;;AAIA;;AACA;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE,2BAAaA,KAAb,EAAoB;AACzBE,IAAAA,OAAO,EAAE,CAACC,2BAAD,EAAoBC,oCAApB,EAAyCC,2BAAzC;AADgB,GAApB;AADM,C","sourcesContent":["import defaultsDeep from 'lodash/fp/defaultsDeep';\nimport {\n  actionButtonProps,\n  deleteButtonProps\n} from '../../../../atom/button-menu/test/fixtures/default';\nimport {disabledButtonProps} from '../../../../atom/button-menu/test/fixtures/multiple-buttons';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps]\n  })\n};\n"],"file":"multiple-buttons.js"}

package/lib/molecule/card/test/fixtures.js

@@ -34,6 +34,10 @@ var _podcast = _interopRequireDefault(require("./fixtures/podcast"));
 
 var _scorm = _interopRequireDefault(require("./fixtures/scorm"));
 
+var _selectableFalse = _interopRequireDefault(require("./fixtures/selectable-false"));
+
+var _selectableTrue = _interopRequireDefault(require("./fixtures/selectable-true"));
+
 var _video = _interopRequireDefault(require("./fixtures/video"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -57,5 +61,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _ava.default)('Molecule › MoleculeCard › Freerun › should be rendered', _renderComponent.default, _.default, _freerun.default);
 (0, _ava.default)('Molecule › MoleculeCard › Podcast › should be rendered', _renderComponent.default, _.default, _podcast.default);
 (0, _ava.default)('Molecule › MoleculeCard › Scorm › should be rendered', _renderComponent.default, _.default, _scorm.default);
+(0, _ava.default)('Molecule › MoleculeCard › SelectableFalse › should be rendered', _renderComponent.default, _.default, _selectableFalse.default);
+(0, _ava.default)('Molecule › MoleculeCard › SelectableTrue › should be rendered', _renderComponent.default, _.default, _selectableTrue.default);
 (0, _ava.default)('Molecule › MoleculeCard › Video › should be rendered', _renderComponent.default, _.default, _video.default);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/card/test/fixtures.js"],"names":["t","pass","MoleculeCard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,uDAAL,EAA8DA,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAaC,SAArB,EAAgC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC9CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAA8GO,2BAA9G;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAmGQ,gBAAnG;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAkGS,eAAlG;AACA,kBAAK,wDAAL,EAA+DH,wBAA/D,EAAqFN,SAArF,EAAmGU,gBAAnG;AACA,kBAAK,wDAAL,EAA+DJ,wBAA/D,EAAqFN,SAArF,EAAmGW,gBAAnG;AACA,kBAAK,yDAAL,EAAgEL,wBAAhE,EAAsFN,SAAtF,EAAoGY,iBAApG;AACA,kBAAK,sDAAL,EAA6DN,wBAA7D,EAAmFN,SAAnF,EAAiGa,cAAjG;AACA,kBAAK,gEAAL,EAAuEP,wBAAvE,EAA6FN,SAA7F,EAA2Gc,wBAA3G;AACA,kBAAK,yDAAL,EAAgER,wBAAhE,EAAsFN,SAAtF,EAAoGe,iBAApG;AACA,kBAAK,mEAAL,EAA0ET,wBAA1E,EAAgGN,SAAhG,EAA8GgB,2BAA9G;AACA,kBAAK,wDAAL,EAA+DV,wBAA/D,EAAqFN,SAArF,EAAmGiB,gBAAnG;AACA,kBAAK,wDAAL,EAA+DX,wBAA/D,EAAqFN,SAArF,EAAmGkB,gBAAnG;AACA,kBAAK,sDAAL,EAA6DZ,wBAA7D,EAAmFN,SAAnF,EAAiGmB,cAAjG;AACA,kBAAK,sDAAL,EAA6Db,wBAA7D,EAAmFN,SAAnF,EAAiGoB,cAAjG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCard from '..';\nimport fixtureAdaptivAndDisabled from './fixtures/adaptiv-and-disabled';\nimport fixtureAdaptiv from './fixtures/adaptiv';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureExternalContent from './fixtures/external-content';\nimport fixtureFavorite from './fixtures/favorite';\nimport fixtureFreerunAndDisabled from './fixtures/freerun-and-disabled';\nimport fixtureFreerun from './fixtures/freerun';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureScorm from './fixtures/scorm';\nimport fixtureVideo from './fixtures/video';\n\ntest('Molecule › MoleculeCard > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCard › AdaptivAndDisabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureAdaptivAndDisabled);\ntest('Molecule › MoleculeCard › Adaptiv › should be rendered', renderComponentMacro, MoleculeCard, fixtureAdaptiv);\ntest('Molecule › MoleculeCard › Arabic › should be rendered', renderComponentMacro, MoleculeCard, fixtureArabic);\ntest('Molecule › MoleculeCard › Article › should be rendered', renderComponentMacro, MoleculeCard, fixtureArticle);\ntest('Molecule › MoleculeCard › Default › should be rendered', renderComponentMacro, MoleculeCard, fixtureDefault);\ntest('Molecule › MoleculeCard › Disabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureDisabled);\ntest('Molecule › MoleculeCard › Empty › should be rendered', renderComponentMacro, MoleculeCard, fixtureEmpty);\ntest('Molecule › MoleculeCard › ExternalContent › should be rendered', renderComponentMacro, MoleculeCard, fixtureExternalContent);\ntest('Molecule › MoleculeCard › Favorite › should be rendered', renderComponentMacro, MoleculeCard, fixtureFavorite);\ntest('Molecule › MoleculeCard › FreerunAndDisabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerunAndDisabled);\ntest('Molecule › MoleculeCard › Freerun › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerun);\ntest('Molecule › MoleculeCard › Podcast › should be rendered', renderComponentMacro, MoleculeCard, fixturePodcast);\ntest('Molecule › MoleculeCard › Scorm › should be rendered', renderComponentMacro, MoleculeCard, fixtureScorm);\ntest('Molecule › MoleculeCard › Video › should be rendered', renderComponentMacro, MoleculeCard, fixtureVideo);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/card/test/fixtures.js"],"names":["t","pass","MoleculeCard","propTypes","value","key","not","undefined","renderComponentMacro","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureSelectableFalse","fixtureSelectableTrue","fixtureVideo"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,uDAAL,EAA8DA,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAaC,SAArB,EAAgC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC9CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,mEAAL,EAA0EG,wBAA1E,EAAgGN,SAAhG,EAA8GO,2BAA9G;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAmGQ,gBAAnG;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAkGS,eAAlG;AACA,kBAAK,wDAAL,EAA+DH,wBAA/D,EAAqFN,SAArF,EAAmGU,gBAAnG;AACA,kBAAK,wDAAL,EAA+DJ,wBAA/D,EAAqFN,SAArF,EAAmGW,gBAAnG;AACA,kBAAK,yDAAL,EAAgEL,wBAAhE,EAAsFN,SAAtF,EAAoGY,iBAApG;AACA,kBAAK,sDAAL,EAA6DN,wBAA7D,EAAmFN,SAAnF,EAAiGa,cAAjG;AACA,kBAAK,gEAAL,EAAuEP,wBAAvE,EAA6FN,SAA7F,EAA2Gc,wBAA3G;AACA,kBAAK,yDAAL,EAAgER,wBAAhE,EAAsFN,SAAtF,EAAoGe,iBAApG;AACA,kBAAK,mEAAL,EAA0ET,wBAA1E,EAAgGN,SAAhG,EAA8GgB,2BAA9G;AACA,kBAAK,wDAAL,EAA+DV,wBAA/D,EAAqFN,SAArF,EAAmGiB,gBAAnG;AACA,kBAAK,wDAAL,EAA+DX,wBAA/D,EAAqFN,SAArF,EAAmGkB,gBAAnG;AACA,kBAAK,sDAAL,EAA6DZ,wBAA7D,EAAmFN,SAAnF,EAAiGmB,cAAjG;AACA,kBAAK,gEAAL,EAAuEb,wBAAvE,EAA6FN,SAA7F,EAA2GoB,wBAA3G;AACA,kBAAK,+DAAL,EAAsEd,wBAAtE,EAA4FN,SAA5F,EAA0GqB,uBAA1G;AACA,kBAAK,sDAAL,EAA6Df,wBAA7D,EAAmFN,SAAnF,EAAiGsB,cAAjG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCard from '..';\nimport fixtureAdaptivAndDisabled from './fixtures/adaptiv-and-disabled';\nimport fixtureAdaptiv from './fixtures/adaptiv';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureArticle from './fixtures/article';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureExternalContent from './fixtures/external-content';\nimport fixtureFavorite from './fixtures/favorite';\nimport fixtureFreerunAndDisabled from './fixtures/freerun-and-disabled';\nimport fixtureFreerun from './fixtures/freerun';\nimport fixturePodcast from './fixtures/podcast';\nimport fixtureScorm from './fixtures/scorm';\nimport fixtureSelectableFalse from './fixtures/selectable-false';\nimport fixtureSelectableTrue from './fixtures/selectable-true';\nimport fixtureVideo from './fixtures/video';\n\ntest('Molecule › MoleculeCard > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCard › AdaptivAndDisabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureAdaptivAndDisabled);\ntest('Molecule › MoleculeCard › Adaptiv › should be rendered', renderComponentMacro, MoleculeCard, fixtureAdaptiv);\ntest('Molecule › MoleculeCard › Arabic › should be rendered', renderComponentMacro, MoleculeCard, fixtureArabic);\ntest('Molecule › MoleculeCard › Article › should be rendered', renderComponentMacro, MoleculeCard, fixtureArticle);\ntest('Molecule › MoleculeCard › Default › should be rendered', renderComponentMacro, MoleculeCard, fixtureDefault);\ntest('Molecule › MoleculeCard › Disabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureDisabled);\ntest('Molecule › MoleculeCard › Empty › should be rendered', renderComponentMacro, MoleculeCard, fixtureEmpty);\ntest('Molecule › MoleculeCard › ExternalContent › should be rendered', renderComponentMacro, MoleculeCard, fixtureExternalContent);\ntest('Molecule › MoleculeCard › Favorite › should be rendered', renderComponentMacro, MoleculeCard, fixtureFavorite);\ntest('Molecule › MoleculeCard › FreerunAndDisabled › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerunAndDisabled);\ntest('Molecule › MoleculeCard › Freerun › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerun);\ntest('Molecule › MoleculeCard › Podcast › should be rendered', renderComponentMacro, MoleculeCard, fixturePodcast);\ntest('Molecule › MoleculeCard › Scorm › should be rendered', renderComponentMacro, MoleculeCard, fixtureScorm);\ntest('Molecule › MoleculeCard › SelectableFalse › should be rendered', renderComponentMacro, MoleculeCard, fixtureSelectableFalse);\ntest('Molecule › MoleculeCard › SelectableTrue › should be rendered', renderComponentMacro, MoleculeCard, fixtureSelectableTrue);\ntest('Molecule › MoleculeCard › Video › should be rendered', renderComponentMacro, MoleculeCard, fixtureVideo);\n"],"file":"fixtures.js"}

package/lib/molecule/cm-popin/index.js

@@ -11,6 +11,8 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 
+var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link-icon-only"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -34,13 +36,13 @@ const CMPopin = props => {
     className: _style.default.popin
   }, /*#__PURE__*/_react.default.createElement("header", {
     className: _style.default.popinHeader
-  }, onClose ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.headerCloseIconContainer,
+  }, onClose ? /*#__PURE__*/_react.default.createElement(_buttonLinkIconOnly.default, {
     onClick: onClose,
-    "data-name": 'close-icon'
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
-    className: _style.default.headerCloseIcon
-  })) : null), /*#__PURE__*/_react.default.createElement("div", {
+    "data-name": 'close-icon',
+    "aria-label": 'close-icon',
+    size: "small",
+    icon: "close"
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentSection
   }, LogoComponent ? /*#__PURE__*/_react.default.createElement(LogoComponent, {
     className: _style.default.icon

package/lib/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","shape","func","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,OAAD;AAAUC,IAAAA,WAAV;AAAuBC,IAAAA,YAAvB;AAAqCC,IAAAA,OAArC;AAA8CC,IAAAA;AAA9C,MAAsDL,KAA5D;AAEA,QAAMM,IAAI,GAAG;AACXC,IAAAA,YAAY,EAAZA,0DADW;AAEXC,IAAAA,YAAY,EAAZA;AAFW,GAAb;AAIA,QAAMC,aAAa,GAAGH,IAAI,CAACD,IAAD,CAA1B;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEK,eAAMC;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAED,eAAME;AAAtB,kBACE;AAAQ,IAAA,SAAS,EAAEF,eAAMG;AAAzB,KACGT,OAAO,gBACN;AACE,IAAA,SAAS,EAAEM,eAAMI,wBADnB;AAEE,IAAA,OAAO,EAAEV,OAFX;AAGE,iBAAW;AAHb,kBAKE,6BAAC,+BAAD;AAAO,IAAA,SAAS,EAAEM,eAAMK;AAAxB,IALF,CADM,GAQJ,IATN,CADF,eAYE;AAAK,IAAA,SAAS,EAAEL,eAAMM;AAAtB,KACGP,aAAa,gBAAG,6BAAC,aAAD;AAAe,IAAA,SAAS,EAAEC,eAAML;AAAhC,IAAH,GAA8C,IAD9D,eAEE;AACE,IAAA,SAAS,EAAEK,eAAMT,OADnB;AAEE,iBAAY,kBAFd,CAGE;AAHF;AAIE,IAAA,uBAAuB,EAAE;AAACgB,MAAAA,MAAM,EAAEhB;AAAT;AAJ3B,IAFF,CAZF,eAsBE;AAAK,IAAA,SAAS,EAAES,eAAMQ;AAAtB,KACGhB,WAAW,gBACV;AAAK,IAAA,SAAS,EAAEQ,eAAMS;AAAtB,kBACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAEjB,WAAW,CAACkB,KADrB;AAEE,IAAA,OAAO,EAAElB,WAAW,CAACmB,aAFvB;AAGE,iBAAY,cAHd;AAIE,kBAAYnB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEA,WAAW,CAACoB;AALpB,IADF,CADU,GAUR,IAXN,EAYGnB,YAAY,gBACX;AAAK,IAAA,SAAS,EAAEO,eAAMS;AAAtB,kBACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAEhB,YAAY,CAACiB,KADtB;AAEE,IAAA,OAAO,EAAEjB,YAAY,CAACkB,aAFxB;AAGE,iBAAY,gBAAelB,YAAY,CAACmB,IAAK,EAH/C;AAIE,kBAAYpB,WAAW,CAAC,YAAD,CAJzB;AAKE,IAAA,IAAI,EAAEC,YAAY,CAACmB;AALrB,IADF,CADW,GAUT,IAtBN,CAtBF,CADF,MADF;AAoDD,CA7DD;;AA+DAvB,OAAO,CAACwB,SAAR,2CAAoB;AAClBtB,EAAAA,OAAO,EAAEuB,mBAAUC,MADD;AAElBvB,EAAAA,WAAW,EAAEsB,mBAAUE,KAAV,CAAgB;AAC3BN,IAAAA,KAAK,EAAEI,mBAAUC,MADU;AAE3BJ,IAAAA,aAAa,EAAEG,mBAAUG,IAFE;AAG3B,kBAAcH,mBAAUC,MAHG;AAI3BH,IAAAA,IAAI,EAAEE,mBAAUC;AAJW,GAAhB,CAFK;AAQlBtB,EAAAA,YAAY,EAAEqB,mBAAUE,KAAV,CAAgB;AAC5BN,IAAAA,KAAK,EAAEI,mBAAUC,MADW;AAE5BJ,IAAAA,aAAa,EAAEG,mBAAUG,IAFG;AAG5BL,IAAAA,IAAI,EAAEE,mBAAUI,KAAV,CAAgB,CAAC,WAAD,EAAc,SAAd,CAAhB,CAHsB;AAI5B,kBAAcJ,mBAAUC;AAJI,GAAhB,CARI;AAclBrB,EAAAA,OAAO,EAAEoB,mBAAUG,IAdD;AAelBtB,EAAAA,IAAI,EAAEmB,mBAAUC;AAfE,CAApB;eAkBe1B,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","AlertDiamond","WindowUpload","LogoComponent","style","background","popin","popinHeader","contentSection","__html","buttonContainer","button","label","handleOnclick","type","propTypes","PropTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={firstButton['aria-label']}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    'aria-label': PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    'aria-label': PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

package/lib/molecule/cm-popin/style.css

@@ -14,7 +14,6 @@
 @value cm_grey_200 from colors;
 @value cm_blue_600 from colors;
 
-
 .background {
   top: 0px;
   width: 100%;
@@ -84,30 +83,6 @@
   color: cm_grey_800;
 }
 
-.headerCloseIconContainer {
-  width: 44px;
-  height: 44px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  margin-top: 16px;
-  margin-right: 16px;
-  border-radius: 7px;
-  cursor: pointer;
-  background-color: cm_grey_100;
-}
-
-.headerCloseIconContainer:hover {
-  background-color: cm_grey_200;
-}
-
-.headerCloseIcon {
-  width: 18px;
-  height: 18px;
-  color: cm_grey_800;
-}
-
 .popinHeader {
   width: 100%;
   display: flex;