@coorpacademy/components 10.1.5 → 10.1.9

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

@@ -1,5 +1,6 @@
 import _snakeCase from "lodash/fp/snakeCase";
 import _map from "lodash/fp/map";
+import _keys from "lodash/fp/keys";
 
 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); }
 
@@ -26,6 +27,11 @@ import SetupSections from '../setup-sections';
 import Title from '../../atom/title';
 import Roles from '../coorp-manager-roles';
 import style from './style.css';
+const inputContainerStyle = {
+  default: style.defaultWidth,
+  medium: style.mediumWidth,
+  large: style.largeWidth
+};
 
 const buildInput = field => {
   const {
@@ -95,8 +101,13 @@ const buildInput = field => {
 
 const buildField = (field, index) => {
   const input = buildInput(field);
+  const {
+    theme,
+    size = 'default'
+  } = field;
+  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;
   return /*#__PURE__*/React.createElement("div", {
-    className: style.field,
+    className: styleInput,
     key: index
   }, input);
 };
@@ -134,7 +145,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   fieldsLayout: PropTypes.string,
   groupLayout: PropTypes.string,
   fields: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(_extends(_extends({}, Autocomplete.propTypes), {}, {
-    type: PropTypes.oneOf(['autoComplete'])
+    type: PropTypes.oneOf(['autoComplete']),
+    size: PropTypes.oneOf(_keys(inputContainerStyle))
   })), PropTypes.shape(_extends(_extends({}, InputColor.propTypes), {}, {
     type: PropTypes.oneOf(['color'])
   })), PropTypes.shape(_extends(_extends({}, InputReadonly.propTypes), {}, {
@@ -142,13 +154,15 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   })), PropTypes.shape(_extends(_extends({}, InputSwitch.propTypes), {}, {
     type: PropTypes.oneOf(['switch'])
   })), PropTypes.shape(_extends(_extends({}, InputTextarea.propTypes), {}, {
-    type: PropTypes.oneOf(['textarea'])
+    type: PropTypes.oneOf(['textarea']),
+    size: PropTypes.oneOf(_keys(inputContainerStyle))
   })), PropTypes.shape(_extends(_extends({}, InputHTML.propTypes), {}, {
     type: PropTypes.oneOf(['html'])
   })), PropTypes.shape(_extends(_extends({}, InputDoublestep.propTypes), {}, {
     type: PropTypes.oneOf(['doublestep'])
   })), PropTypes.shape(_extends(_extends({}, Select.propTypes), {}, {
-    type: PropTypes.oneOf(['select'])
+    type: PropTypes.oneOf(['select']),
+    size: PropTypes.oneOf(_keys(inputContainerStyle))
   })), PropTypes.shape(_extends(_extends({}, InputCheckbox.propTypes), {}, {
     type: PropTypes.oneOf(['checkbox'])
   })), PropTypes.shape(_extends(_extends({}, ImageUpload.propTypes), {}, {
@@ -158,7 +172,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   })), PropTypes.shape(_extends(_extends({}, SetupSections.propTypes), {}, {
     type: PropTypes.oneOf(['sections'])
   })), PropTypes.shape(_extends(_extends({}, InputText.propTypes), {}, {
-    type: PropTypes.oneOf(['text'])
+    type: PropTypes.oneOf(['text']),
+    size: PropTypes.oneOf(_keys(inputContainerStyle))
   })), PropTypes.shape(_extends(_extends({}, BrandDownloadBox.propTypes), {}, {
     type: PropTypes.oneOf(['downloadbox'])
   })), PropTypes.shape(_extends(_extends({}, BrandUploadBox.propTypes), {}, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","style","buildInput","field","type","buildField","index","input","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","string","arrayOf","oneOfType","shape","oneOf"],"mappings":"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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":["React","PropTypes","classNames","Autocomplete","Select","SelectMultiple","InputText","InputColor","InputCheckbox","InputReadonly","InputSwitch","BrandUploadBox","BrandDownloadBox","Button","InputTextarea","InputHTML","InputDoublestep","ImageUpload","SetupSlider","SetupSections","Title","Roles","style","inputContainerStyle","default","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","string","arrayOf","oneOfType","shape","oneOf"],"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/es/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/es/molecule/brand-form-group/test/fixtures.js

@@ -4,6 +4,7 @@ import renderComponentMacro from '../../../test/helpers/render-component';
 import MoleculeBrandFormGroup from '..';
 import fixtureAnalytics from './fixtures/analytics';
 import fixtureAnimations from './fixtures/animations';
+import fixtureCmDefault from './fixtures/cm-default';
 import fixtureCohort from './fixtures/cohort';
 import fixtureDashboard from './fixtures/dashboard';
 import fixtureDefault from './fixtures/default';
@@ -21,6 +22,7 @@ test('Molecule › MoleculeBrandFormGroup > should have valid propTypes', t => {
 });
 test('Molecule › MoleculeBrandFormGroup › Analytics › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureAnalytics);
 test('Molecule › MoleculeBrandFormGroup › Animations › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureAnimations);
+test('Molecule › MoleculeBrandFormGroup › CmDefault › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureCmDefault);
 test('Molecule › MoleculeBrandFormGroup › Cohort › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureCohort);
 test('Molecule › MoleculeBrandFormGroup › Dashboard › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDashboard);
 test('Molecule › MoleculeBrandFormGroup › Default › should be rendered', renderComponentMacro, MoleculeBrandFormGroup, fixtureDefault);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/brand-form-group/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeBrandFormGroup","fixtureAnalytics","fixtureAnimations","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureDoublefield","fixtureImages","fixtureLookandfeel","fixtureRoles","fixtureSlider","fixtureSso","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAd,IAAI,CAAC,iEAAD,EAAoEe,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAf,EAAAA,OAAO,CAACE,sBAAsB,CAACc,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAnB,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHC,gBAArH,CAAJ;AACAJ,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,sBAA9F,EAAsHE,iBAAtH,CAAJ;AACAL,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHG,aAAlH,CAAJ;AACAN,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHI,gBAArH,CAAJ;AACAP,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHK,cAAnH,CAAJ;AACAR,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,sBAA/F,EAAuHM,kBAAvH,CAAJ;AACAT,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHO,aAAlH,CAAJ;AACAV,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,sBAA/F,EAAuHQ,kBAAvH,CAAJ;AACAX,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,sBAAzF,EAAiHS,YAAjH,CAAJ;AACAZ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHU,aAAlH,CAAJ;AACAb,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GW,UAA/G,CAAJ","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":["test","forEach","renderComponentMacro","MoleculeBrandFormGroup","fixtureAnalytics","fixtureAnimations","fixtureCmDefault","fixtureCohort","fixtureDashboard","fixtureDefault","fixtureDoublefield","fixtureImages","fixtureLookandfeel","fixtureRoles","fixtureSlider","fixtureSso","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,sBAAP,MAAmC,IAAnC;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAf,IAAI,CAAC,iEAAD,EAAoEgB,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAhB,EAAAA,OAAO,CAACE,sBAAsB,CAACe,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOApB,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHC,gBAArH,CAAJ;AACAJ,IAAI,CAAC,qEAAD,EAAwEE,oBAAxE,EAA8FC,sBAA9F,EAAsHE,iBAAtH,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHG,gBAArH,CAAJ;AACAN,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHI,aAAlH,CAAJ;AACAP,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHK,gBAArH,CAAJ;AACAR,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHM,cAAnH,CAAJ;AACAT,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,sBAA/F,EAAuHO,kBAAvH,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHQ,aAAlH,CAAJ;AACAX,IAAI,CAAC,sEAAD,EAAyEE,oBAAzE,EAA+FC,sBAA/F,EAAuHS,kBAAvH,CAAJ;AACAZ,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,sBAAzF,EAAiHU,YAAjH,CAAJ;AACAb,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHW,aAAlH,CAAJ;AACAd,IAAI,CAAC,8DAAD,EAAiEE,oBAAjE,EAAuFC,sBAAvF,EAA+GY,UAA/G,CAAJ","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/es/molecule/bullet-point-menu-button/index.js

@@ -0,0 +1,51 @@
+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); }
+
+import React, { useCallback } from 'react';
+import PropTypes from 'prop-types';
+import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import ButtonMenu from '../../atom/button-menu';
+import style from './style.css';
+
+const BulletPointMenuButton = props => {
+  const {
+    disabled = false,
+    buttonAriaLabel,
+    menuAriaLabel,
+    onClick,
+    buttons
+  } = props;
+  const handleOnClick = useCallback(() => onClick(), [onClick]);
+  const menuProps = {
+    'data-name': 'button-menu',
+    buttons
+  };
+  const menu = /*#__PURE__*/React.createElement("div", {
+    className: style.bulletPointMenu,
+    "data-name": "menu-wrapper",
+    "aria-label": menuAriaLabel
+  }, /*#__PURE__*/React.createElement(ButtonMenu, menuProps));
+  const bulletPointButtonProps = {
+    size: 'default',
+    'aria-label': buttonAriaLabel,
+    'data-name': 'bullet-point-button',
+    icon: 'bullet-point',
+    onClick: handleOnClick,
+    disabled
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.bulletPointWrapper,
+    "data-name": "bullet-point-wrapper"
+  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, _extends({}, bulletPointButtonProps, {
+    className: style.bulletPointButton
+  })), menu);
+};
+
+BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  disabled: PropTypes.bool,
+  buttonAriaLabel: PropTypes.string,
+  menuAriaLabel: PropTypes.string,
+  buttons: ButtonMenu.propTypes.buttons,
+  onClick: PropTypes.func
+} : {};
+export default BulletPointMenuButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/bullet-point-menu-button/index.js"],"names":["React","useCallback","PropTypes","ButtonLinkIconOnly","ButtonMenu","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","handleOnClick","menuProps","menu","bulletPointMenu","bulletPointButtonProps","size","icon","bulletPointWrapper","bulletPointButton","propTypes","bool","string","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,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,GAAGZ,WAAW,CAAC,MAAMU,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;AAEA,QAAMG,SAAS,GAAG;AAChB,iBAAa,aADG;AAEhBF,IAAAA;AAFgB,GAAlB;AAKA,QAAMG,IAAI,gBACR;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW,eAAtB;AAAuC,iBAAU,cAAjD;AAAgE,kBAAYN;AAA5E,kBACE,oBAAC,UAAD,EAAgBI,SAAhB,CADF,CADF;AAKA,QAAMG,sBAAsB,GAAG;AAC7BC,IAAAA,IAAI,EAAE,SADuB;AAE7B,kBAAcT,eAFe;AAG7B,iBAAa,qBAHgB;AAI7BU,IAAAA,IAAI,EAAE,cAJuB;AAK7BR,IAAAA,OAAO,EAAEE,aALoB;AAM7BL,IAAAA;AAN6B,GAA/B;AASA,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACe,kBAAtB;AAA0C,iBAAU;AAApD,kBACE,oBAAC,kBAAD,eAAwBH,sBAAxB;AAAgD,IAAA,SAAS,EAAEZ,KAAK,CAACgB;AAAjE,KADF,EAEGN,IAFH,CADF;AAMD,CA7BD;;AA+BAT,qBAAqB,CAACgB,SAAtB,2CAAkC;AAChCd,EAAAA,QAAQ,EAAEN,SAAS,CAACqB,IADY;AAEhCd,EAAAA,eAAe,EAAEP,SAAS,CAACsB,MAFK;AAGhCd,EAAAA,aAAa,EAAER,SAAS,CAACsB,MAHO;AAIhCZ,EAAAA,OAAO,EAAER,UAAU,CAACkB,SAAX,CAAqBV,OAJE;AAKhCD,EAAAA,OAAO,EAAET,SAAS,CAACuB;AALa,CAAlC;AAQA,eAAenB,qBAAf","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/es/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/es/molecule/bullet-point-menu-button/test/bullet-point-menu-button.js

@@ -0,0 +1,34 @@
+import _identity from "lodash/fp/identity";
+import browserEnv from 'browser-env';
+import test from 'ava';
+import React from 'react';
+import { mount, configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import BulletPointMenuButton from '..';
+import defaultFixture from './fixtures/default';
+browserEnv();
+configure({
+  adapter: new Adapter()
+});
+const translate = _identity;
+test('should launch onClick, should find the button menu and have clickable buttons', t => {
+  const wrapper = mount( /*#__PURE__*/React.createElement(BulletPointMenuButton, defaultFixture.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/es/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":["browserEnv","test","React","mount","configure","Adapter","BulletPointMenuButton","defaultFixture","adapter","translate","t","wrapper","props","context","button","find","true","exists","first","simulate","menu","children","is","length","publishButton","deleteButton","pass"],"mappings":";AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,KAAR,EAAeC,SAAf,QAA+B,QAA/B;AAEA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,qBAAP,MAAkC,IAAlC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAP,UAAU;AACVI,SAAS,CAAC;AAACI,EAAAA,OAAO,EAAE,IAAIH,OAAJ;AAAV,CAAD,CAAT;AACA,MAAMI,SAAS,YAAf;AAEAR,IAAI,CAAC,+EAAD,EAAkFS,CAAC,IAAI;AACzF,QAAMC,OAAO,GAAGR,KAAK,eAAC,oBAAC,qBAAD,EAA2BI,cAAc,CAACK,KAA1C,CAAD,EAAsD;AACzEC,IAAAA,OAAO,EAAE;AAACJ,MAAAA;AAAD;AADgE,GAAtD,CAArB;AAGA,QAAMK,MAAM,GAAGH,OAAO,CAACI,IAAR,CAAa,mCAAb,CAAf;AACAL,EAAAA,CAAC,CAACM,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACA,QAAMC,IAAI,GAAGT,OAAO,CAACI,IAAR,CAAa,2BAAb,EAA0CM,QAA1C,GAAqDH,KAArD,EAAb;AACAR,EAAAA,CAAC,CAACM,IAAF,CAAOI,IAAI,CAACH,MAAL,EAAP;AACAP,EAAAA,CAAC,CAACY,EAAF,CAAKF,IAAI,CAACC,QAAL,GAAgBE,MAArB,EAA6B,CAA7B;AACA,QAAMC,aAAa,GAAGJ,IAAI,CAACL,IAAL,CAAU,mCAAV,CAAtB;AACAL,EAAAA,CAAC,CAACM,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;AACAL,EAAAA,CAAC,CAACM,IAAF,CAAOS,YAAY,CAACR,MAAb,EAAP;AACAQ,EAAAA,YAAY,CAACP,KAAb,GAAqBC,QAArB,CAA8B,OAA9B,EAAuC,EAAvC;AACAT,EAAAA,CAAC,CAACgB,IAAF;AACD,CAjBG,CAAJ","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/es/molecule/bullet-point-menu-button/test/fixtures/default.js

@@ -0,0 +1,11 @@
+import { actionButtonProps, deleteButtonProps } from '../../../../atom/button-menu/test/fixtures/default';
+export default {
+  props: {
+    buttonAriaLabel: 'aria button',
+    menuAriaLabel: 'aria menu',
+    buttons: [actionButtonProps, deleteButtonProps],
+    onClick: () => console.log('click on bullet point button - test in a bigger component to see the menu'),
+    componentKey: 'bullet-key'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/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":["actionButtonProps","deleteButtonProps","props","buttonAriaLabel","menuAriaLabel","buttons","onClick","console","log","componentKey"],"mappings":"AAAA,SACEA,iBADF,EAEEC,iBAFF,QAGO,oDAHP;AAKA,eAAe;AACbC,EAAAA,KAAK,EAAE;AACLC,IAAAA,eAAe,EAAE,aADZ;AAELC,IAAAA,aAAa,EAAE,WAFV;AAGLC,IAAAA,OAAO,EAAE,CAACL,iBAAD,EAAoBC,iBAApB,CAHJ;AAILK,IAAAA,OAAO,EAAE,MACPC,OAAO,CAACC,GAAR,CAAY,2EAAZ,CALG;AAMLC,IAAAA,YAAY,EAAE;AANT;AADM,CAAf","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/es/molecule/bullet-point-menu-button/test/fixtures/multiple-buttons.js

@@ -0,0 +1,13 @@
+import defaultsDeep from 'lodash/fp/defaultsDeep';
+import { actionButtonProps, deleteButtonProps } from '../../../../atom/button-menu/test/fixtures/default';
+import { disabledButtonProps } from '../../../../atom/button-menu/test/fixtures/multiple-buttons';
+import Default from './default';
+const {
+  props
+} = Default;
+export default {
+  props: defaultsDeep(props, {
+    buttons: [actionButtonProps, disabledButtonProps, deleteButtonProps]
+  })
+};
+//# sourceMappingURL=multiple-buttons.js.map

package/es/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":["defaultsDeep","actionButtonProps","deleteButtonProps","disabledButtonProps","Default","props","buttons"],"mappings":"AAAA,OAAOA,YAAP,MAAyB,wBAAzB;AACA,SACEC,iBADF,EAEEC,iBAFF,QAGO,oDAHP;AAIA,SAAQC,mBAAR,QAAkC,6DAAlC;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEA,MAAM;AAACC,EAAAA;AAAD,IAAUD,OAAhB;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAEL,YAAY,CAACK,KAAD,EAAQ;AACzBC,IAAAA,OAAO,EAAE,CAACL,iBAAD,EAAoBE,mBAApB,EAAyCD,iBAAzC;AADgB,GAAR;AADN,CAAf","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/es/molecule/bullet-point-menu-button/test/fixtures.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/bullet-point-menu-button/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeBulletPointMenuButton","fixtureDefault","fixtureMultipleButtons","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,6BAAP,MAA0C,IAA1C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AAEAL,IAAI,CAAC,wEAAD,EAA2EM,CAAC,IAAI;AAClFA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,6BAA6B,CAACK,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kEAAiEF,GAAI,mEAA9F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,yEAAD,EAA4EE,oBAA5E,EAAkGC,6BAAlG,EAAiIC,cAAjI,CAAJ;AACAJ,IAAI,CAAC,iFAAD,EAAoFE,oBAApF,EAA0GC,6BAA1G,EAAyIE,sBAAzI,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBulletPointMenuButton from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureMultipleButtons from './fixtures/multiple-buttons';\n\ntest('Molecule › MoleculeBulletPointMenuButton > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBulletPointMenuButton.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBulletPointMenuButton.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBulletPointMenuButton › Default › should be rendered', renderComponentMacro, MoleculeBulletPointMenuButton, fixtureDefault);\ntest('Molecule › MoleculeBulletPointMenuButton › MultipleButtons › should be rendered', renderComponentMacro, MoleculeBulletPointMenuButton, fixtureMultipleButtons);\n"],"file":"fixtures.js"}

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

@@ -15,6 +15,8 @@ import fixtureFreerunAndDisabled from './fixtures/freerun-and-disabled';
 import fixtureFreerun from './fixtures/freerun';
 import fixturePodcast from './fixtures/podcast';
 import fixtureScorm from './fixtures/scorm';
+import fixtureSelectableFalse from './fixtures/selectable-false';
+import fixtureSelectableTrue from './fixtures/selectable-true';
 import fixtureVideo from './fixtures/video';
 test('Molecule › MoleculeCard > should have valid propTypes', t => {
   t.pass();
@@ -35,5 +37,7 @@ test('Molecule › MoleculeCard › FreerunAndDisabled › should be rendered',
 test('Molecule › MoleculeCard › Freerun › should be rendered', renderComponentMacro, MoleculeCard, fixtureFreerun);
 test('Molecule › MoleculeCard › Podcast › should be rendered', renderComponentMacro, MoleculeCard, fixturePodcast);
 test('Molecule › MoleculeCard › Scorm › should be rendered', renderComponentMacro, MoleculeCard, fixtureScorm);
+test('Molecule › MoleculeCard › SelectableFalse › should be rendered', renderComponentMacro, MoleculeCard, fixtureSelectableFalse);
+test('Molecule › MoleculeCard › SelectableTrue › should be rendered', renderComponentMacro, MoleculeCard, fixtureSelectableTrue);
 test('Molecule › MoleculeCard › Video › should be rendered', renderComponentMacro, MoleculeCard, fixtureVideo);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/card/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCard","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureVideo","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,YAAP,MAAyB,IAAzB;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAjB,IAAI,CAAC,uDAAD,EAA0DkB,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACAlB,EAAAA,OAAO,CAACE,YAAY,CAACiB,SAAd,EAAyB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC9CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAtB,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,YAA5F,EAA0GC,yBAA1G,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FE,cAA/F,CAAJ;AACAL,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,YAAhF,EAA8FG,aAA9F,CAAJ;AACAN,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FI,cAA/F,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FK,cAA/F,CAAJ;AACAR,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,YAAlF,EAAgGM,eAAhG,CAAJ;AACAT,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,YAA/E,EAA6FO,YAA7F,CAAJ;AACAV,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,YAAzF,EAAuGQ,sBAAvG,CAAJ;AACAX,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,YAAlF,EAAgGS,eAAhG,CAAJ;AACAZ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,YAA5F,EAA0GU,yBAA1G,CAAJ;AACAb,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FW,cAA/F,CAAJ;AACAd,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FY,cAA/F,CAAJ;AACAf,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,YAA/E,EAA6Fa,YAA7F,CAAJ;AACAhB,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,YAA/E,EAA6Fc,YAA7F,CAAJ","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":["test","forEach","renderComponentMacro","MoleculeCard","fixtureAdaptivAndDisabled","fixtureAdaptiv","fixtureArabic","fixtureArticle","fixtureDefault","fixtureDisabled","fixtureEmpty","fixtureExternalContent","fixtureFavorite","fixtureFreerunAndDisabled","fixtureFreerun","fixturePodcast","fixtureScorm","fixtureSelectableFalse","fixtureSelectableTrue","fixtureVideo","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,YAAP,MAAyB,IAAzB;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,sBAAP,MAAmC,6BAAnC;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AAEAnB,IAAI,CAAC,uDAAD,EAA0DoB,CAAC,IAAI;AACjEA,EAAAA,CAAC,CAACC,IAAF;AACApB,EAAAA,OAAO,CAACE,YAAY,CAACmB,SAAd,EAAyB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC9CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,iDAAgDF,GAAI,mEAA7E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAxB,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,YAA5F,EAA0GC,yBAA1G,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FE,cAA/F,CAAJ;AACAL,IAAI,CAAC,uDAAD,EAA0DE,oBAA1D,EAAgFC,YAAhF,EAA8FG,aAA9F,CAAJ;AACAN,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FI,cAA/F,CAAJ;AACAP,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FK,cAA/F,CAAJ;AACAR,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,YAAlF,EAAgGM,eAAhG,CAAJ;AACAT,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,YAA/E,EAA6FO,YAA7F,CAAJ;AACAV,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,YAAzF,EAAuGQ,sBAAvG,CAAJ;AACAX,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,YAAlF,EAAgGS,eAAhG,CAAJ;AACAZ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,YAA5F,EAA0GU,yBAA1G,CAAJ;AACAb,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FW,cAA/F,CAAJ;AACAd,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,YAAjF,EAA+FY,cAA/F,CAAJ;AACAf,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,YAA/E,EAA6Fa,YAA7F,CAAJ;AACAhB,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,YAAzF,EAAuGc,sBAAvG,CAAJ;AACAjB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,YAAxF,EAAsGe,qBAAtG,CAAJ;AACAlB,IAAI,CAAC,sDAAD,EAAyDE,oBAAzD,EAA+EC,YAA/E,EAA6FgB,YAA7F,CAAJ","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/es/molecule/cm-popin/index.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaSolidStatusClose as Close } from '@coorpacademy/nova-icons';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload } from '@coorpacademy/nova-icons';
 import Cta from '../../atom/button-link';
+import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
 import style from './style.css';
 
 const CMPopin = props => {
@@ -23,13 +24,13 @@ const CMPopin = props => {
     className: style.popin
   }, /*#__PURE__*/React.createElement("header", {
     className: style.popinHeader
-  }, onClose ? /*#__PURE__*/React.createElement("div", {
-    className: style.headerCloseIconContainer,
+  }, onClose ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
     onClick: onClose,
-    "data-name": 'close-icon'
-  }, /*#__PURE__*/React.createElement(Close, {
-    className: style.headerCloseIcon
-  })) : null), /*#__PURE__*/React.createElement("div", {
+    "data-name": 'close-icon',
+    "aria-label": 'close-icon',
+    size: "small",
+    icon: "close"
+  }) : null), /*#__PURE__*/React.createElement("div", {
     className: style.contentSection
   }, LogoComponent ? /*#__PURE__*/React.createElement(LogoComponent, {
     className: style.icon

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaSolidStatusClose","Close","Cta","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","type","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  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":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","Cta","ButtonLinkIconOnly","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","contentSection","__html","buttonContainer","button","label","handleOnclick","type","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/es/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;

package/es/molecule/cm-popin/test/fixtures.js

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

package/es/molecule/cm-popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/cm-popin/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCmPopin","fixtureDangerous","fixtureDefault","fixtureWarningWithClose","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,eAAP,MAA4B,IAA5B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,uBAAP,MAAoC,+BAApC;AAEAN,IAAI,CAAC,0DAAD,EAA6DO,CAAC,IAAI;AACpEA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,eAAe,CAACM,SAAjB,EAA4B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,oDAAmDF,GAAI,mEAAhF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,eAAtF,EAAuGC,gBAAvG,CAAJ;AACAJ,IAAI,CAAC,2DAAD,EAA8DE,oBAA9D,EAAoFC,eAApF,EAAqGE,cAArG,CAAJ;AACAL,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,eAA7F,EAA8GG,uBAA9G,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCmPopin from '..';\nimport fixtureDangerous from './fixtures/dangerous';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWarningWithClose from './fixtures/warning-with-close';\n\ntest('Molecule › MoleculeCmPopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCmPopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCmPopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeCmPopin › Dangerous › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDangerous);\ntest('Molecule › MoleculeCmPopin › Default › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureDefault);\ntest('Molecule › MoleculeCmPopin › WarningWithClose › should be rendered', renderComponentMacro, MoleculeCmPopin, fixtureWarningWithClose);\n"],"file":"fixtures.js"}