@coorpacademy/components 10.3.3-alpha.1 → 10.3.4

package/lib/molecule/quick-access-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["getIcon","feature","ManageUserIcon","UploadUserIcon","ManageEmailIcon","MassiveBattleIcon","CmsIcon","LookAndFeelIcon","DashboardIcon","CockpitIcon","AnalyticsIcon","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","openInNewTab","Icon","newTabOnClick","style","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","PropTypes","string","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, openInNewTab = false} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = openInNewTab ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"quick-access-card\" data-type={feature} className={style.quickAccess}>\n      <Link href={href} target={openInNewTab ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  openInNewTab: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}

package/lib/molecule/resource-player/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.TYPE_VIDEO = exports.TYPE_PDF = exports.TYPE_IMAGE = exports.TYPE_AUDIO = void 0;
+exports.default = exports.TYPE_AUDIO = exports.TYPE_VIDEO = exports.TYPE_PDF = exports.TYPE_IMAGE = void 0;
 
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
@@ -25,8 +25,6 @@ var _provider = _interopRequireDefault(require("../../atom/provider"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-const _excluded = ["type", "videoId"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -73,7 +71,7 @@ const ResourceElement = props => {
     type,
     videoId
   } = _omit2,
-        childProps = _objectWithoutPropertiesLoose(_omit2, _excluded);
+        childProps = _objectWithoutPropertiesLoose(_omit2, ["type", "videoId"]);
 
   const {
     url

package/lib/molecule/resource-player/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/resource-player/index.js"],"names":["TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","type","isRequired","description","string","VideoPlayer","propTypes","pdfPropType","mediaUrl","Pdf","audioPropType","Audio","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","style","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","delay","overlayTitle","overlayText","contextTypes","Provider","childContextTypes","number","func","ResourcePlayer","React","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} color={dark} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/resource-player/index.js"],"names":["TYPE_IMAGE","TYPE_PDF","TYPE_VIDEO","TYPE_AUDIO","isType","name","PropTypes","oneOf","videoPropType","shape","type","isRequired","description","string","VideoPlayer","propTypes","pdfPropType","mediaUrl","Pdf","audioPropType","Audio","imgPropType","url","ResourceElement","props","resource","autoplay","disableAutostart","videoId","childProps","style","img","backgroundImage","oneOfType","bool","OverlayElement","context","undefined","title","text","lifeAmount","onClick","skin","dark","overlay","icons","playButton","delay","overlayTitle","overlayText","contextTypes","Provider","childContextTypes","number","func","ResourcePlayer","React","Component","constructor","state","handleOverlay","bind","setState","render","className","customClassName","propsOverlay","stateOverlay","overlayView","image","pdf","audio","video"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {omit, get} from 'lodash/fp';\nimport {NovaSolidVideosVideoControlPlay as Play} from '@coorpacademy/nova-icons';\nimport Pdf from '../pdf';\nimport Audio from '../audio';\nimport VideoPlayer from '../video-player';\nimport Life from '../../atom/life';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nexport const TYPE_IMAGE = 'img';\nexport const TYPE_PDF = 'pdf';\nexport const TYPE_VIDEO = 'video';\nexport const TYPE_AUDIO = 'audio';\n\nconst isType = name => PropTypes.oneOf([name]);\n\nconst videoPropType = PropTypes.shape({\n  type: isType(TYPE_VIDEO).isRequired,\n  description: PropTypes.string.isRequired,\n  ...VideoPlayer.propTypes\n});\n\nconst pdfPropType = PropTypes.shape({\n  type: isType(TYPE_PDF).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Pdf.propTypes\n});\n\nconst audioPropType = PropTypes.shape({\n  type: isType(TYPE_AUDIO).isRequired,\n  description: PropTypes.string.isRequired,\n  mediaUrl: PropTypes.string.isRequired,\n  ...Audio.propTypes\n});\n\nconst imgPropType = PropTypes.shape({\n  type: isType(TYPE_IMAGE).isRequired,\n  url: PropTypes.string.isRequired\n});\n\nconst ResourceElement = props => {\n  const {resource, autoplay = false, disableAutostart} = props;\n  const {type, videoId, ...childProps} = omit('id', resource);\n  const {url} = childProps;\n\n  switch (type) {\n    case TYPE_IMAGE:\n      return <div className={style.img} style={{backgroundImage: `url(${url})`}} />;\n    case TYPE_PDF:\n      return <Pdf {...childProps} />;\n    case TYPE_AUDIO:\n      return <Audio {...childProps} />;\n    case TYPE_VIDEO:\n      return (\n        <VideoPlayer\n          {...omit('id', childProps)}\n          autoplay={autoplay}\n          disableAutostart={disableAutostart}\n          id={videoId}\n        />\n      );\n  }\n};\n\nResourceElement.propTypes = {\n  resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n  autoplay: PropTypes.bool,\n  disableAutostart: PropTypes.bool\n};\n\nconst OverlayElement = (props = {}, context = undefined) => {\n  const {title, text, lifeAmount, onClick} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.overlay} onClick={onClick} data-name=\"overlay\">\n      <div className={style.icons}>\n        <Play className={style.playButton} color={dark} />\n        <Life\n          count={lifeAmount}\n          operator=\"+\"\n          bounce={{\n            type: 'bounceTwice',\n            delay: '2.5s'\n          }}\n          heartOnRight\n        />\n      </div>\n\n      <p className={style.overlayTitle}>{title}</p>\n      <p className={style.overlayText}>{text}</p>\n    </div>\n  );\n};\n\nOverlayElement.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nOverlayElement.propTypes = {\n  lifeAmount: PropTypes.number,\n  onClick: PropTypes.func,\n  text: PropTypes.string,\n  title: PropTypes.string\n};\n\nclass ResourcePlayer extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    resource: PropTypes.oneOfType([videoPropType, pdfPropType, imgPropType, audioPropType]),\n    overlay: PropTypes.shape({\n      title: PropTypes.string,\n      text: PropTypes.string,\n      lifeAmount: PropTypes.number\n    })\n  };\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      autoplay: false,\n      overlay: props.overlay\n    };\n\n    this.handleOverlay = this.handleOverlay.bind(this);\n  }\n\n  handleOverlay() {\n    this.setState({\n      autoplay: true,\n      overlay: null\n    });\n  }\n\n  render() {\n    const {className: customClassName, resource, overlay: propsOverlay} = this.props;\n    const {overlay: stateOverlay, autoplay} = this.state;\n    const {type} = resource;\n\n    const overlayView = stateOverlay ? (\n      <OverlayElement {...stateOverlay} onClick={this.handleOverlay} />\n    ) : null;\n\n    return (\n      <div data-name={type} className={customClassName}>\n        <div\n          className={\n            {\n              [TYPE_IMAGE]: style.image,\n              [TYPE_PDF]: style.pdf,\n              [TYPE_AUDIO]: style.audio,\n              [TYPE_VIDEO]: style.video\n            }[type]\n          }\n        >\n          {overlayView}\n          <ResourceElement {...this.props} disableAutostart={!!propsOverlay} autoplay={autoplay} />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ResourcePlayer;\n"],"file":"index.js"}

package/lib/molecule/scope-tabs/index.js

@@ -19,9 +19,9 @@ var _moduleBubble = _interopRequireDefault(require("../module-bubble"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

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

@@ -8,24 +8,18 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
-var _coorpmanagerWithValue = _interopRequireDefault(require("./fixtures/coorpmanager-with-value"));
-
-var _coorpmanager = _interopRequireDefault(require("./fixtures/coorpmanager"));
-
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _withValue = _interopRequireDefault(require("./fixtures/with-value"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-(0, _ava.default)('Atom › AtomInputSearch > should have valid propTypes', t => {
+(0, _ava.default)('Molecule › MoleculeSearch > should have valid propTypes', t => {
   t.pass();
   (0, _forEach.default)(_.default.propTypes, (value, key) => {
-    t.not(value, undefined, `PropType for "Atom.AtomInputSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+    t.not(value, undefined, `PropType for "Molecule.MoleculeSearch.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-(0, _ava.default)('Atom › AtomInputSearch › CoorpmanagerWithValue › should be rendered', _renderComponent.default, _.default, _coorpmanagerWithValue.default);
-(0, _ava.default)('Atom › AtomInputSearch › Coorpmanager › should be rendered', _renderComponent.default, _.default, _coorpmanager.default);
-(0, _ava.default)('Atom › AtomInputSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
-(0, _ava.default)('Atom › AtomInputSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
+(0, _ava.default)('Molecule › MoleculeSearch › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Molecule › MoleculeSearch › WithValue › should be rendered', _renderComponent.default, _.default, _withValue.default);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/search/test/fixtures.js"],"names":["t","pass","AtomInputSearch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCoorpmanagerWithValue","fixtureCoorpmanager","fixtureDefault","fixtureWithValue"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,sDAAL,EAA6DA,CAAC,IAAI;AAChEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAgBC,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,gDAA+CF,GAAI,mEAA5E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,qEAAL,EAA4EG,wBAA5E,EAAkGN,SAAlG,EAAmHO,8BAAnH;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAA0GQ,qBAA1G;AACA,kBAAK,uDAAL,EAA8DF,wBAA9D,EAAoFN,SAApF,EAAqGS,gBAArG;AACA,kBAAK,yDAAL,EAAgEH,wBAAhE,EAAsFN,SAAtF,EAAuGU,kBAAvG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputSearch from '..';\nimport fixtureCoorpmanagerWithValue from './fixtures/coorpmanager-with-value';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Atom › AtomInputSearch > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputSearch.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputSearch › CoorpmanagerWithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanagerWithValue);\ntest('Atom › AtomInputSearch › Coorpmanager › should be rendered', renderComponentMacro, AtomInputSearch, fixtureCoorpmanager);\ntest('Atom › AtomInputSearch › Default › should be rendered', renderComponentMacro, AtomInputSearch, fixtureDefault);\ntest('Atom › AtomInputSearch › WithValue › should be rendered', renderComponentMacro, AtomInputSearch, fixtureWithValue);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/search/test/fixtures.js"],"names":["t","pass","MoleculeSearch","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureWithValue"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,yDAAL,EAAgEA,CAAC,IAAI;AACnEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,mDAAkDF,GAAI,mEAA/E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,0DAAL,EAAiEG,wBAAjE,EAAuFN,SAAvF,EAAuGO,gBAAvG;AACA,kBAAK,4DAAL,EAAmED,wBAAnE,EAAyFN,SAAzF,EAAyGQ,kBAAzG","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeSearch from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureWithValue from './fixtures/with-value';\n\ntest('Molecule › MoleculeSearch > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeSearch.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeSearch.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeSearch › Default › should be rendered', renderComponentMacro, MoleculeSearch, fixtureDefault);\ntest('Molecule › MoleculeSearch › WithValue › should be rendered', renderComponentMacro, MoleculeSearch, fixtureWithValue);\n"],"file":"fixtures.js"}

package/lib/molecule/search-form/index.js

@@ -15,9 +15,9 @@ var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -31,7 +31,8 @@ const SearchForm = (props, context) => {
     onReset,
     search,
     onSearchFocus,
-    onSearchBlur
+    onSearchBlur,
+    'search-reset-aria-label': searchResetAriaLabel
   } = props;
   const handleSubmit = (0, _react.useMemo)(() => evt => {
     evt.preventDefault();
@@ -46,12 +47,14 @@ const SearchForm = (props, context) => {
     action: action,
     method: method,
     onSubmit: handleSubmit,
-    "data-name": "searchForm"
+    "data-name": "searchForm",
+    "aria-label": search.placeholder
   }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
     onFocus: onSearchFocus,
     onBlur: onSearchBlur
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "search-form-reset",
+    "aria-label": searchResetAriaLabel,
     onClick: onReset,
     className: search.value ? _style.default.wrapperClear : _style.default.wrapperNoClear
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
@@ -67,7 +70,8 @@ SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   onReset: _propTypes.default.func,
   onSearchFocus: _propTypes.default.func,
   onSearchBlur: _propTypes.default.func,
-  search: _propTypes.default.shape(_inputSearch.default.propTypes)
+  search: _propTypes.default.shape(_inputSearch.default.propTypes),
+  'search-reset-aria-label': _propTypes.default.string
 } : {};
 var _default = SearchForm;
 exports.default = _default;

package/lib/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","handleSubmit","evt","preventDefault","skin","dark","style","form","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,MAAT;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA,MAApC;AAA4CC,IAAAA,aAA5C;AAA2DC,IAAAA;AAA3D,MAA2ER,KAAjF;AACA,QAAMS,YAAY,GAAG,oBACnB,MAAMC,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOP,QAAQ,IAAIA,QAAQ,CAACM,GAAD,CAA3B;AACD,GAJkB,EAKnB,CAACN,QAAD,CALmB,CAArB;AAOA,QAAM;AAACQ,IAAAA;AAAD,MAASX,OAAf;AACA,QAAMY,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;AAEA,sBACE;AACE,IAAA,SAAS,EAAEE,eAAMC,IADnB;AAEE,IAAA,MAAM,EAAEb,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,iBAAU;AALZ,kBAOE,6BAAC,oBAAD,eAAYH,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KAPF,eAQE;AACE,iBAAU,mBADZ;AAEE,IAAA,OAAO,EAAEH,OAFX;AAGE,IAAA,SAAS,EAAEC,MAAM,CAACU,KAAP,GAAeF,eAAMG,YAArB,GAAoCH,eAAMI;AAHvD,kBAKE,6BAAC,wCAAD;AAAW,IAAA,KAAK,EAAEL,IAAlB;AAAwB,IAAA,SAAS,EAAEC,eAAMK;AAAzC,IALF,CARF,CADF;AAkBD,CA9BD;;AAgCApB,UAAU,CAACqB,SAAX,2CAAuB;AACrBlB,EAAAA,MAAM,EAAEmB,mBAAUC,MADG;AAErBnB,EAAAA,MAAM,EAAEkB,mBAAUC,MAFG;AAGrBlB,EAAAA,QAAQ,EAAEiB,mBAAUE,IAHC;AAIrBlB,EAAAA,OAAO,EAAEgB,mBAAUE,IAJE;AAKrBhB,EAAAA,aAAa,EAAEc,mBAAUE,IALJ;AAMrBf,EAAAA,YAAY,EAAEa,mBAAUE,IANH;AAOrBjB,EAAAA,MAAM,EAAEe,mBAAUG,KAAV,CAAgBC,qBAAOL,SAAvB;AAPa,CAAvB;eAUerB,U","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {action, method, onSubmit, onReset, search, onSearchFocus, onSearchBlur} = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes)\n};\n\nexport default SearchForm;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/search-form/index.js"],"names":["SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","handleSubmit","evt","preventDefault","skin","dark","style","form","placeholder","value","wrapperClear","wrapperNoClear","clear","propTypes","PropTypes","string","func","shape","Search"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACrC,QAAM;AACJC,IAAAA,MADI;AAEJC,IAAAA,MAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,OAJI;AAKJC,IAAAA,MALI;AAMJC,IAAAA,aANI;AAOJC,IAAAA,YAPI;AAQJ,+BAA2BC;AARvB,MASFT,KATJ;AAUA,QAAMU,YAAY,GAAG,oBACnB,MAAMC,GAAG,IAAI;AACXA,IAAAA,GAAG,CAACC,cAAJ;AACA,WAAOR,QAAQ,IAAIA,QAAQ,CAACO,GAAD,CAA3B;AACD,GAJkB,EAKnB,CAACP,QAAD,CALmB,CAArB;AAOA,QAAM;AAACS,IAAAA;AAAD,MAASZ,OAAf;AACA,QAAMa,IAAI,GAAG,mBAAI,aAAJ,EAAmBD,IAAnB,CAAb;AAEA,sBACE;AACE,IAAA,SAAS,EAAEE,eAAMC,IADnB;AAEE,IAAA,MAAM,EAAEd,MAFV;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,QAAQ,EAAEO,YAJZ;AAKE,iBAAU,YALZ;AAME,kBAAYJ,MAAM,CAACW;AANrB,kBAQE,6BAAC,oBAAD,eAAYX,MAAZ;AAAoB,IAAA,OAAO,EAAEC,aAA7B;AAA4C,IAAA,MAAM,EAAEC;AAApD,KARF,eASE;AACE,iBAAU,mBADZ;AAEE,kBAAYC,oBAFd;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,SAAS,EAAEC,MAAM,CAACY,KAAP,GAAeH,eAAMI,YAArB,GAAoCJ,eAAMK;AAJvD,kBAME,6BAAC,wCAAD;AAAW,IAAA,KAAK,EAAEN,IAAlB;AAAwB,IAAA,SAAS,EAAEC,eAAMM;AAAzC,IANF,CATF,CADF;AAoBD,CAzCD;;AA2CAtB,UAAU,CAACuB,SAAX,2CAAuB;AACrBpB,EAAAA,MAAM,EAAEqB,mBAAUC,MADG;AAErBrB,EAAAA,MAAM,EAAEoB,mBAAUC,MAFG;AAGrBpB,EAAAA,QAAQ,EAAEmB,mBAAUE,IAHC;AAIrBpB,EAAAA,OAAO,EAAEkB,mBAAUE,IAJE;AAKrBlB,EAAAA,aAAa,EAAEgB,mBAAUE,IALJ;AAMrBjB,EAAAA,YAAY,EAAEe,mBAAUE,IANH;AAOrBnB,EAAAA,MAAM,EAAEiB,mBAAUG,KAAV,CAAgBC,qBAAOL,SAAvB,CAPa;AAQrB,6BAA2BC,mBAAUC;AARhB,CAAvB;eAWezB,U","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    'search-reset-aria-label': searchResetAriaLabel\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon color={dark} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string\n};\n\nexport default SearchForm;\n"],"file":"index.js"}

package/lib/molecule/select-multiple/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useChoices = exports.default = void 0;
+exports.default = exports.useChoices = void 0;
 
 var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
 
@@ -37,9 +37,9 @@ var _getClassState = _interopRequireDefault(require("../../util/get-class-state"
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -53,7 +53,9 @@ const themeStyle = {
 };
 
 const useChoices = options => {
-  const choicesRef = (0, _react.useRef)(options);
+  const choicesRef = {
+    current: options
+  };
 
   const getChoices = () => {
     return choicesRef.current;
@@ -79,7 +81,7 @@ const CMMultipleView = ({
       return onChange(choice);
     }
 
-    return onChange(_extends({}, choice, {
+    return onChange(_extends(_extends({}, choice), {}, {
       selected: checked
     }));
   }, [onChange, choice, multiple]);
@@ -159,13 +161,13 @@ const SelectMultiple = ({
       className: _style.default.choice
     }, isCMTheme ? /*#__PURE__*/_react.default.createElement(CMMultipleView, {
       multiple: multiple,
-      choice: _extends({}, choice, {
+      choice: _extends(_extends({}, choice), {}, {
         i
       }),
       onChange: handleChange
     }) : /*#__PURE__*/_react.default.createElement(_titledCheckbox.default, {
       onToggle: handleChange,
-      choice: _extends({}, choice, {
+      choice: _extends(_extends({}, choice), {}, {
         i
       }),
       background: defaultColor

package/lib/molecule/select-multiple/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["themeStyle","setup","style","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","getChoices","current","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","required","error","disabled","skin","isOpened","updateIsOpened","nodeRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","_title","isActive","titleView","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","TitledCheckbox","func","string","arrayOf","oneOf"],"mappings":"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","sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/input-checkbox';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar,\n  coorpmanager: style.coorpmanager\n};\n\nexport const useChoices = options => {\n  const choicesRef = useRef(options);\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst CMMultipleView = ({multiple, choice, onChange}) => {\n  const handleChange = useCallback(\n    checked => {\n      if (!multiple) {\n        return onChange(choice);\n      }\n      return onChange({...choice, selected: checked});\n    },\n    [onChange, choice, multiple]\n  );\n\n  return multiple ? (\n    <div className={style.item}>\n      <Checkbox\n        titleStyle=\"inherit\"\n        checked={choice.selected}\n        onChange={handleChange}\n        noLabelMargins\n        title={choice.name}\n      />\n    </div>\n  ) : (\n    <span className={style.item} onClick={handleChange} title={choice.name}>\n      {choice.name}\n    </span>\n  );\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    hint,\n    multiple,\n    onChange,\n    onError,\n    modified = false,\n    required = false,\n    error = '',\n    disabled = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(\n    e => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      updateIsOpened(prev => !prev);\n    },\n    [disabled]\n  );\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n\n      return onChange(choice);\n    },\n    [multiple, onChange, setChoices, getChoices]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const isCMTheme = theme === 'coorpmanager';\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        {isCMTheme ? (\n          <CMMultipleView multiple={multiple} choice={{...choice, i}} onChange={handleChange} />\n        ) : (\n          <TitledCheckbox\n            onToggle={handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        )}\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const _title = title && `${title}${required ? ' *' : ''}`;\n\n  const isActive = isOpened === true;\n\n  const titleView = title ? (\n    <span\n      className={classnames(\n        style.title,\n        isCMTheme && selection && style.titleWithSelection,\n        isCMTheme && isEmpty(selection) && style.noValue,\n        isActive && style.active\n      )}\n    >\n      {_title}\n      {isCMTheme ? (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon className={style.infoIcon} />\n          <div className={style.descriptionLabel}>{description}</div>\n        </div>\n      ) : null}\n    </span>\n  ) : null;\n\n  const hintView = isCMTheme ? (\n    <div\n      className={classnames(style.hint, isActive && style.hideHint)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: error || hint}}\n    />\n  ) : null;\n\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const showPlaceholder = isCMTheme && isActive;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  const errorIconView = error ? <ErrorIcon onClick={onError} className={style.errorIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(mainClass, behaviourClassName, disabled && style.disabled)}\n      ref={nodeRef}\n    >\n      <label>\n        {!isCMTheme && titleView}\n        <div className={style.select} title={selection || placeholder} onClick={handleOnClick}>\n          {isCMTheme && titleView}\n          <span\n            className={classnames(\n              style.selection,\n              isCMTheme && isEmpty(selection) && style.noselection\n            )}\n          >\n            {selection || !isCMTheme || (showPlaceholder && placeholder) || null}\n          </span>\n          {isCMTheme ? (\n            <div className={style.iconsWrapper}>\n              <div className={style.flex}>{errorIconView}</div>\n              <div className={classnames(style.flex, isActive && style.clicked)}>\n                <ArrowDown\n                  color={black}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          )}\n        </div>\n        <div className={classnames(style.choices, isActive && style.activeChoices)}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      {!isCMTheme ? <div className={style.description}>{description}</div> : null}\n      {hintView}\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCMMultipleView.propTypes = {\n  multiple: PropTypes.bool,\n  choice: TitledCheckbox.propTypes.choice,\n  onChange: PropTypes.func\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  hint: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  multiple: PropTypes.bool,\n  modified: PropTypes.bool,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  error: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default SelectMultiple;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/select-multiple/index.js"],"names":["themeStyle","setup","style","cockpit","sidebar","coorpmanager","useChoices","options","choicesRef","current","getChoices","setChoices","choice","choices","i","selected","filter","c","CMMultipleView","multiple","onChange","handleChange","checked","item","name","SelectMultiple","title","theme","placeholder","description","hint","onError","modified","required","error","disabled","skin","isOpened","updateIsOpened","nodeRef","defaultColor","black","handleOnClick","e","preventDefault","stopPropagation","prev","closeHandle","contains","target","document","addEventListener","removeEventListener","isCMTheme","lines","convert","cap","selection","_title","isActive","titleView","titleWithSelection","noValue","active","infoIconWrapper","infoIcon","descriptionLabel","hintView","hideHint","__html","mainClass","default","showPlaceholder","behaviourClassName","errorIconView","errorIcon","select","noselection","iconsWrapper","flex","clicked","arrow","down","activeChoices","list","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","TitledCheckbox","func","string","arrayOf","oneOf"],"mappings":"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","sourcesContent":["import React, {useState, useEffect, useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {map, pipe, join, filter, get, set, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport TitledCheckbox from '../titled-checkbox';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/input-checkbox';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  cockpit: style.cockpit,\n  sidebar: style.sidebar,\n  coorpmanager: style.coorpmanager\n};\n\nexport const useChoices = options => {\n  const choicesRef = {current: options};\n\n  const getChoices = () => {\n    return choicesRef.current;\n  };\n\n  const setChoices = choice => {\n    const choices = set(`[${choice.i}].selected`, !choice.selected, getChoices());\n\n    choicesRef.current = choices.filter(c => c.selected);\n  };\n\n  return [getChoices, setChoices];\n};\n\nconst CMMultipleView = ({multiple, choice, onChange}) => {\n  const handleChange = useCallback(\n    checked => {\n      if (!multiple) {\n        return onChange(choice);\n      }\n      return onChange({...choice, selected: checked});\n    },\n    [onChange, choice, multiple]\n  );\n\n  return multiple ? (\n    <div className={style.item}>\n      <Checkbox\n        titleStyle=\"inherit\"\n        checked={choice.selected}\n        onChange={handleChange}\n        noLabelMargins\n        title={choice.name}\n      />\n    </div>\n  ) : (\n    <span className={style.item} onClick={handleChange} title={choice.name}>\n      {choice.name}\n    </span>\n  );\n};\n\nconst SelectMultiple = (\n  {\n    title,\n    options,\n    theme,\n    placeholder,\n    description,\n    hint,\n    multiple,\n    onChange,\n    onError,\n    modified = false,\n    required = false,\n    error = '',\n    disabled = false\n  },\n  {skin}\n) => {\n  const [isOpened, updateIsOpened] = useState(false);\n  const [getChoices, setChoices] = useChoices(options);\n  const nodeRef = useRef(null);\n\n  const defaultColor = get('common.primary', skin);\n  const black = get('common.black', skin);\n\n  const handleOnClick = useCallback(\n    e => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      updateIsOpened(prev => !prev);\n    },\n    [disabled]\n  );\n\n  const closeHandle = useCallback(e => {\n    if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n      updateIsOpened(false);\n    }\n  }, []);\n\n  const handleChange = useCallback(\n    choice => {\n      // if multiple prop is turned on\n      // we return all selected choices\n      if (multiple) {\n        setChoices(choice);\n\n        return onChange(getChoices());\n      }\n\n      return onChange(choice);\n    },\n    [multiple, onChange, setChoices, getChoices]\n  );\n\n  useEffect(() => {\n    document.addEventListener('click', closeHandle);\n    document.addEventListener('touchstart', closeHandle);\n\n    return () => {\n      document.removeEventListener('click', closeHandle);\n      document.removeEventListener('touchstart', closeHandle);\n    };\n  }, [closeHandle]);\n\n  const isCMTheme = theme === 'coorpmanager';\n\n  const lines = map.convert({cap: false})((choice, i) => {\n    return (\n      <li key={i} className={style.choice}>\n        {isCMTheme ? (\n          <CMMultipleView multiple={multiple} choice={{...choice, i}} onChange={handleChange} />\n        ) : (\n          <TitledCheckbox\n            onToggle={handleChange}\n            choice={{...choice, i}}\n            background={defaultColor}\n          />\n        )}\n      </li>\n    );\n  }, options);\n\n  const selection = pipe(filter({selected: true}), map('name'), join(', '))(options);\n\n  const _title = title && `${title}${required ? ' *' : ''}`;\n\n  const isActive = isOpened === true;\n\n  const titleView = title ? (\n    <span\n      className={classnames(\n        style.title,\n        isCMTheme && selection && style.titleWithSelection,\n        isCMTheme && isEmpty(selection) && style.noValue,\n        isActive && style.active\n      )}\n    >\n      {_title}\n      {isCMTheme ? (\n        <div className={style.infoIconWrapper}>\n          <InfoIcon className={style.infoIcon} />\n          <div className={style.descriptionLabel}>{description}</div>\n        </div>\n      ) : null}\n    </span>\n  ) : null;\n\n  const hintView = isCMTheme ? (\n    <div\n      className={classnames(style.hint, isActive && style.hideHint)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: error || hint}}\n    />\n  ) : null;\n\n  const mainClass = theme ? themeStyle[theme] : style.default;\n  const showPlaceholder = isCMTheme && isActive;\n  const behaviourClassName = getClassState(\n    style.default,\n    style.modified,\n    style.error,\n    modified,\n    error\n  );\n\n  const errorIconView = error ? <ErrorIcon onClick={onError} className={style.errorIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(mainClass, behaviourClassName, disabled && style.disabled)}\n      ref={nodeRef}\n    >\n      <label>\n        {!isCMTheme && titleView}\n        <div className={style.select} title={selection || placeholder} onClick={handleOnClick}>\n          {isCMTheme && titleView}\n          <span\n            className={classnames(\n              style.selection,\n              isCMTheme && isEmpty(selection) && style.noselection\n            )}\n          >\n            {selection || !isCMTheme || (showPlaceholder && placeholder) || null}\n          </span>\n          {isCMTheme ? (\n            <div className={style.iconsWrapper}>\n              <div className={style.flex}>{errorIconView}</div>\n              <div className={classnames(style.flex, isActive && style.clicked)}>\n                <ArrowDown\n                  color={black}\n                  className={classnames(style.arrow, {[style.down]: isActive})}\n                />\n              </div>\n            </div>\n          ) : (\n            <ArrowDown\n              color={black}\n              className={classnames(style.arrow, {[style.down]: isActive})}\n            />\n          )}\n        </div>\n        <div className={classnames(style.choices, isActive && style.activeChoices)}>\n          <ul className={style.list}>{lines}</ul>\n        </div>\n      </label>\n      {!isCMTheme ? <div className={style.description}>{description}</div> : null}\n      {hintView}\n    </div>\n  );\n};\n\nSelectMultiple.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCMMultipleView.propTypes = {\n  multiple: PropTypes.bool,\n  choice: TitledCheckbox.propTypes.choice,\n  onChange: PropTypes.func\n};\n\nSelectMultiple.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  description: PropTypes.string,\n  hint: PropTypes.string,\n  options: PropTypes.arrayOf(TitledCheckbox.propTypes.choice),\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n  multiple: PropTypes.bool,\n  modified: PropTypes.bool,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  error: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle))\n};\n\nexport default SelectMultiple;\n"],"file":"index.js"}

package/lib/molecule/select-multiple/style.css

@@ -78,7 +78,6 @@
   user-select: none;
   overflow: scroll;
   max-height: 0;
-  transition: all 0.25s linear;
   opacity: 1;
 }
 
@@ -185,7 +184,7 @@
 }
 
 .setup label {
-  display: inline-flex;
+  display: flex;
   align-items: center;
 }
 

package/lib/molecule/select-multiple/test/fixtures/setup-theme.js

@@ -11,7 +11,7 @@ var _default = {
     options: [{
       value: 'connect',
       name: 'Connect users',
-      selected: false
+      selected: true
     }, {
       value: 'coorpacademy',
       name: 'Coorpacademy users',
@@ -19,7 +19,7 @@ var _default = {
     }, {
       value: 'fr',
       name: 'country-fr',
-      selected: false
+      selected: true
     }, {
       value: 'ekino',
       name: 'Ekino users',
@@ -67,7 +67,11 @@ var _default = {
     }],
     multiple: true,
     theme: 'setup',
-    modified: true
+    modified: true,
+    onChange: value => {
+      console.log(value);
+    },
+    onError: () => true
   }
 };
 exports.default = _default;

package/lib/molecule/select-multiple/test/fixtures/setup-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/setup-theme.js"],"names":["props","title","type","description","required","options","value","name","selected","multiple","theme","modified"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,aADF;AAELC,IAAAA,IAAI,EAAE,gBAFD;AAGLC,IAAAA,WAAW,EAAE,2CAHR;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,KAAK,EAAE,SADT;AAEEC,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,oBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,EAqBP;AACEF,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KArBO,EA0BP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEC,MAAAA,IAAI,EAAE,qBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA1BO,EA+BP;AACEF,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA/BO,EAoCP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KApCO,EAyCP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAzCO,EA8CP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,OAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA9CO,EAmDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAnDO,EAwDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAxDO,EA6DP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA7DO,EAkEP;AACEF,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAlEO,CALJ;AA6ELC,IAAAA,QAAQ,EAAE,IA7EL;AA8ELC,IAAAA,KAAK,EAAE,OA9EF;AA+ELC,IAAAA,QAAQ,EAAE;AA/EL;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Populations',\n    type: 'selectMultiple',\n    description: 'The cohorte which will receive the battle',\n    required: true,\n    options: [\n      {\n        value: 'connect',\n        name: 'Connect users',\n        selected: false\n      },\n      {\n        value: 'coorpacademy',\n        name: 'Coorpacademy users',\n        selected: false\n      },\n      {\n        value: 'fr',\n        name: 'country-fr',\n        selected: false\n      },\n      {\n        value: 'ekino',\n        name: 'Ekino users',\n        selected: false\n      },\n      {\n        value: 'user',\n        name: 'Simple users',\n        selected: false\n      },\n      {\n        value: 'default-digital',\n        name: 'Default for digital',\n        selected: false\n      },\n      {\n        value: 'chanel',\n        name: 'Chanel users',\n        selected: false\n      },\n      {\n        value: 'adaptive-pop',\n        name: 'adaptive-pop',\n        selected: false\n      },\n      {\n        value: 'co',\n        name: 'provider-co',\n        selected: false\n      },\n      {\n        value: 'latin',\n        name: 'latin',\n        selected: false\n      },\n      {\n        value: 'organization_A',\n        name: 'organization_A',\n        selected: false\n      },\n      {\n        value: 'organization_B',\n        name: 'organization_B',\n        selected: false\n      },\n      {\n        value: 'organization_C',\n        name: 'organization_C',\n        selected: false\n      },\n      {\n        value: 'ALL',\n        name: 'ALL',\n        selected: false\n      }\n    ],\n    multiple: true,\n    theme: 'setup',\n    modified: true\n  }\n};\n"],"file":"setup-theme.js"}
+{"version":3,"sources":["../../../../../src/molecule/select-multiple/test/fixtures/setup-theme.js"],"names":["props","title","type","description","required","options","value","name","selected","multiple","theme","modified","onChange","console","log","onError"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,aADF;AAELC,IAAAA,IAAI,EAAE,gBAFD;AAGLC,IAAAA,WAAW,EAAE,2CAHR;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,OAAO,EAAE,CACP;AACEC,MAAAA,KAAK,EAAE,SADT;AAEEC,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KADO,EAMP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,oBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KANO,EAWP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAXO,EAgBP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAhBO,EAqBP;AACEF,MAAAA,KAAK,EAAE,MADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KArBO,EA0BP;AACEF,MAAAA,KAAK,EAAE,iBADT;AAEEC,MAAAA,IAAI,EAAE,qBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA1BO,EA+BP;AACEF,MAAAA,KAAK,EAAE,QADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA/BO,EAoCP;AACEF,MAAAA,KAAK,EAAE,cADT;AAEEC,MAAAA,IAAI,EAAE,cAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KApCO,EAyCP;AACEF,MAAAA,KAAK,EAAE,IADT;AAEEC,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAzCO,EA8CP;AACEF,MAAAA,KAAK,EAAE,OADT;AAEEC,MAAAA,IAAI,EAAE,OAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA9CO,EAmDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAnDO,EAwDP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAxDO,EA6DP;AACEF,MAAAA,KAAK,EAAE,gBADT;AAEEC,MAAAA,IAAI,EAAE,gBAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KA7DO,EAkEP;AACEF,MAAAA,KAAK,EAAE,KADT;AAEEC,MAAAA,IAAI,EAAE,KAFR;AAGEC,MAAAA,QAAQ,EAAE;AAHZ,KAlEO,CALJ;AA6ELC,IAAAA,QAAQ,EAAE,IA7EL;AA8ELC,IAAAA,KAAK,EAAE,OA9EF;AA+ELC,IAAAA,QAAQ,EAAE,IA/EL;AAgFLC,IAAAA,QAAQ,EAAEN,KAAK,IAAI;AACjBO,MAAAA,OAAO,CAACC,GAAR,CAAYR,KAAZ;AACD,KAlFI;AAmFLS,IAAAA,OAAO,EAAE,MAAM;AAnFV;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Populations',\n    type: 'selectMultiple',\n    description: 'The cohorte which will receive the battle',\n    required: true,\n    options: [\n      {\n        value: 'connect',\n        name: 'Connect users',\n        selected: true\n      },\n      {\n        value: 'coorpacademy',\n        name: 'Coorpacademy users',\n        selected: false\n      },\n      {\n        value: 'fr',\n        name: 'country-fr',\n        selected: true\n      },\n      {\n        value: 'ekino',\n        name: 'Ekino users',\n        selected: false\n      },\n      {\n        value: 'user',\n        name: 'Simple users',\n        selected: false\n      },\n      {\n        value: 'default-digital',\n        name: 'Default for digital',\n        selected: false\n      },\n      {\n        value: 'chanel',\n        name: 'Chanel users',\n        selected: false\n      },\n      {\n        value: 'adaptive-pop',\n        name: 'adaptive-pop',\n        selected: false\n      },\n      {\n        value: 'co',\n        name: 'provider-co',\n        selected: false\n      },\n      {\n        value: 'latin',\n        name: 'latin',\n        selected: false\n      },\n      {\n        value: 'organization_A',\n        name: 'organization_A',\n        selected: false\n      },\n      {\n        value: 'organization_B',\n        name: 'organization_B',\n        selected: false\n      },\n      {\n        value: 'organization_C',\n        name: 'organization_C',\n        selected: false\n      },\n      {\n        value: 'ALL',\n        name: 'ALL',\n        selected: false\n      }\n    ],\n    multiple: true,\n    theme: 'setup',\n    modified: true,\n    onChange: value => {\n      console.log(value);\n    },\n    onError: () => true\n  }\n};\n"],"file":"setup-theme.js"}

package/lib/molecule/select-multiple/test/index.js

@@ -16,9 +16,9 @@ var _ = _interopRequireWildcard(require(".."));
 
 var _checked = _interopRequireDefault(require("./fixtures/checked"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -44,7 +44,7 @@ const setup = options => {
 (0, _ava.default)('should select array of choices when props.multiple is set', t => {
   t.plan(2);
 
-  const props = _extends({}, _checked.default.props, {
+  const props = _extends(_extends({}, _checked.default.props), {}, {
     multiple: true,
     onChange: choices => {
       t.true(Array.isArray(choices), 'dffdff');
@@ -71,7 +71,7 @@ const setup = options => {
   const [getChoices, setChoices] = setup(props.options);
   const choices = getChoices();
   t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');
-  setChoices(_extends({}, props.options[0], {
+  setChoices(_extends(_extends({}, props.options[0]), {}, {
     i: 0
   }));
   t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');

package/lib/molecule/select-multiple/test/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["adapter","Adapter","setup","options","returnVal","TestComponent","push","t","plan","props","defaultFixture","multiple","onChange","choices","true","Array","isArray","pass","wrapper","update","checkbox","find","first","simulate","getChoices","is","length","setChoices","selected","i"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEA,MAAMC,KAAK,GAAGC,OAAO,IAAI;AACvB,QAAMC,SAAS,GAAG,EAAlB;;AACA,QAAMC,aAAa,GAAG,MAAM;AAC1BD,IAAAA,SAAS,CAACE,IAAV,CAAe,kBAAWH,OAAX,CAAf;AACA,WAAO,IAAP;AACD,GAHD;;AAKA,mCAAM,6BAAC,aAAD,OAAN;AACA,SAAO,sBAAQC,SAAR,CAAP;AACD,CATD;;AAWA,kBAAK,2DAAL,EAAkEG,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AACA,QAAMC,KAAK,gBACNC,iBAAeD,KADT;AAETE,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,QAAQ,EAAEC,OAAO,IAAI;AACnBN,MAAAA,CAAC,CAACO,IAAF,CAAOC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAP,EAA+B,QAA/B;AACAN,MAAAA,CAAC,CAACU,IAAF;AACD;AANQ,IAAX;;AASA,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAoBT,KAApB,CAAN,CAAhB;AAEAS,EAAAA,OAAO,CAACC,MAAR;AAEA,QAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,iBAAb,EAAgCC,KAAhC,EAAjB;AAEAF,EAAAA,QAAQ,CAACG,QAAT,CAAkB,QAAlB,EAA4B;AAACd,IAAAA;AAAD,GAA5B;AACD,CAlBD;AAoBA,kBAAK,gCAAL,EAAuCF,CAAC,IAAI;AAC1C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,IAAetB,KAAK,CAACO,KAAK,CAACN,OAAP,CAA1B;AAEAI,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAGE,MAAlB,EAA0B,CAA1B,EAA6B,gCAA7B;AACD,CALD;AAOA,kBAAK,oCAAL,EAA2CnB,CAAC,IAAI;AAC9C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,EAAaG,UAAb,IAA2BzB,KAAK,CAACO,KAAK,CAACN,OAAP,CAAtC;AACA,QAAMU,OAAO,GAAGW,UAAU,EAA1B;AAEAjB,EAAAA,CAAC,CAACkB,EAAF,CAAKZ,OAAO,CAAC,CAAD,CAAP,CAAWe,QAAhB,EAA0B,KAA1B,EAAiC,oDAAjC;AAEAD,EAAAA,UAAU,cAAKlB,KAAK,CAACN,OAAN,CAAc,CAAd,CAAL;AAAuB0B,IAAAA,CAAC,EAAE;AAA1B,KAAV;AAEAtB,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAG,CAAH,CAAV,CAAgBI,QAArB,EAA+B,IAA/B,EAAqC,qDAArC;AACD,CAVD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport flatten from 'lodash/fp/flatten';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport SelectMultiple, {useChoices} from '..';\nimport defaultFixture from './fixtures/checked';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst setup = options => {\n  const returnVal = [];\n  const TestComponent = () => {\n    returnVal.push(useChoices(options));\n    return null;\n  };\n\n  mount(<TestComponent />);\n  return flatten(returnVal);\n};\n\ntest('should select array of choices when props.multiple is set', t => {\n  t.plan(2);\n  const props = {\n    ...defaultFixture.props,\n    multiple: true,\n    onChange: choices => {\n      t.true(Array.isArray(choices), 'dffdff');\n      t.pass();\n    }\n  };\n\n  const wrapper = mount(<SelectMultiple {...props} />);\n\n  wrapper.update();\n\n  const checkbox = wrapper.find('[checked=false]').first();\n\n  checkbox.simulate('change', {props});\n});\n\ntest('should return choices (getter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices] = setup(props.options);\n\n  t.is(getChoices().length, 4, 'not returning expected choices');\n});\n\ntest('should set current choice (setter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices, setChoices] = setup(props.options);\n  const choices = getChoices();\n\n  t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');\n\n  setChoices({...props.options[0], i: 0});\n\n  t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');\n});\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/select-multiple/test/index.js"],"names":["adapter","Adapter","setup","options","returnVal","TestComponent","push","t","plan","props","defaultFixture","multiple","onChange","choices","true","Array","isArray","pass","wrapper","update","checkbox","find","first","simulate","getChoices","is","length","setChoices","selected","i"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;;AAEA,MAAMC,KAAK,GAAGC,OAAO,IAAI;AACvB,QAAMC,SAAS,GAAG,EAAlB;;AACA,QAAMC,aAAa,GAAG,MAAM;AAC1BD,IAAAA,SAAS,CAACE,IAAV,CAAe,kBAAWH,OAAX,CAAf;AACA,WAAO,IAAP;AACD,GAHD;;AAKA,mCAAM,6BAAC,aAAD,OAAN;AACA,SAAO,sBAAQC,SAAR,CAAP;AACD,CATD;;AAWA,kBAAK,2DAAL,EAAkEG,CAAC,IAAI;AACrEA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AACA,QAAMC,KAAK,yBACNC,iBAAeD,KADT;AAETE,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,QAAQ,EAAEC,OAAO,IAAI;AACnBN,MAAAA,CAAC,CAACO,IAAF,CAAOC,KAAK,CAACC,OAAN,CAAcH,OAAd,CAAP,EAA+B,QAA/B;AACAN,MAAAA,CAAC,CAACU,IAAF;AACD;AANQ,IAAX;;AASA,QAAMC,OAAO,GAAG,iCAAM,6BAAC,SAAD,EAAoBT,KAApB,CAAN,CAAhB;AAEAS,EAAAA,OAAO,CAACC,MAAR;AAEA,QAAMC,QAAQ,GAAGF,OAAO,CAACG,IAAR,CAAa,iBAAb,EAAgCC,KAAhC,EAAjB;AAEAF,EAAAA,QAAQ,CAACG,QAAT,CAAkB,QAAlB,EAA4B;AAACd,IAAAA;AAAD,GAA5B;AACD,CAlBD;AAoBA,kBAAK,gCAAL,EAAuCF,CAAC,IAAI;AAC1C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,IAAetB,KAAK,CAACO,KAAK,CAACN,OAAP,CAA1B;AAEAI,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAGE,MAAlB,EAA0B,CAA1B,EAA6B,gCAA7B;AACD,CALD;AAOA,kBAAK,oCAAL,EAA2CnB,CAAC,IAAI;AAC9C,QAAME,KAAK,gBAAOC,iBAAeD,KAAtB,CAAX;;AACA,QAAM,CAACe,UAAD,EAAaG,UAAb,IAA2BzB,KAAK,CAACO,KAAK,CAACN,OAAP,CAAtC;AACA,QAAMU,OAAO,GAAGW,UAAU,EAA1B;AAEAjB,EAAAA,CAAC,CAACkB,EAAF,CAAKZ,OAAO,CAAC,CAAD,CAAP,CAAWe,QAAhB,EAA0B,KAA1B,EAAiC,oDAAjC;AAEAD,EAAAA,UAAU,uBAAKlB,KAAK,CAACN,OAAN,CAAc,CAAd,CAAL;AAAuB0B,IAAAA,CAAC,EAAE;AAA1B,KAAV;AAEAtB,EAAAA,CAAC,CAACkB,EAAF,CAAKD,UAAU,GAAG,CAAH,CAAV,CAAgBI,QAArB,EAA+B,IAA/B,EAAqC,qDAArC;AACD,CAVD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport flatten from 'lodash/fp/flatten';\nimport React from 'react';\nimport {mount, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport SelectMultiple, {useChoices} from '..';\nimport defaultFixture from './fixtures/checked';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\nconst setup = options => {\n  const returnVal = [];\n  const TestComponent = () => {\n    returnVal.push(useChoices(options));\n    return null;\n  };\n\n  mount(<TestComponent />);\n  return flatten(returnVal);\n};\n\ntest('should select array of choices when props.multiple is set', t => {\n  t.plan(2);\n  const props = {\n    ...defaultFixture.props,\n    multiple: true,\n    onChange: choices => {\n      t.true(Array.isArray(choices), 'dffdff');\n      t.pass();\n    }\n  };\n\n  const wrapper = mount(<SelectMultiple {...props} />);\n\n  wrapper.update();\n\n  const checkbox = wrapper.find('[checked=false]').first();\n\n  checkbox.simulate('change', {props});\n});\n\ntest('should return choices (getter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices] = setup(props.options);\n\n  t.is(getChoices().length, 4, 'not returning expected choices');\n});\n\ntest('should set current choice (setter)', t => {\n  const props = {...defaultFixture.props};\n  const [getChoices, setChoices] = setup(props.options);\n  const choices = getChoices();\n\n  t.is(choices[0].selected, false, 'not setting correctly expected value for choice[0]');\n\n  setChoices({...props.options[0], i: 0});\n\n  t.is(getChoices()[0].selected, true, 'not updating correctly expected value for choice[0]');\n});\n"],"file":"index.js"}

package/lib/molecule/setup-section/index.js

@@ -49,7 +49,7 @@ ContentTypesToggler.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
 ContentTypesToggler.propTypes = process.env.NODE_ENV !== "production" ? {
-  contentTypes: _propTypes.default.shape(_extends({}, _radioGroup.default.propTypes, {
+  contentTypes: _propTypes.default.shape(_extends(_extends({}, _radioGroup.default.propTypes), {}, {
     modified: _propTypes.default.bool
   }))
 } : {};

package/lib/molecule/setup-section/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func","InputSwitch"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDownIcon,\n  NovaCompositionNavigationArrowTop as ArrowUpIcon\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate, skin} = context;\n  const brand = get('common.brand', skin);\n  const medium = get('common.medium', skin);\n\n  const {title, onUp, onDown, display, contentTypes} = props;\n  const colorUp = onDown ? brand : medium;\n  const colorDown = onUp ? brand : medium;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n        <div className={style.arrowSection}>\n          <ArrowDownIcon\n            color={colorUp}\n            className={onDown ? style.arrow : style.disabled}\n            onClick={onDown}\n          />\n          <ArrowUpIcon\n            color={colorDown}\n            className={onUp ? style.arrow : style.disabled}\n            onClick={onUp}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-section/index.js"],"names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","medium","title","onUp","onDown","display","colorUp","colorDown","wrapper","settings","label","arrowSection","arrow","disabled","string","isRequired","func","InputSwitch"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDownIcon,\n  NovaCompositionNavigationArrowTop as ArrowUpIcon\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate, skin} = context;\n  const brand = get('common.brand', skin);\n  const medium = get('common.medium', skin);\n\n  const {title, onUp, onDown, display, contentTypes} = props;\n  const colorUp = onDown ? brand : medium;\n  const colorDown = onUp ? brand : medium;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n        <div className={style.arrowSection}>\n          <ArrowDownIcon\n            color={colorUp}\n            className={onDown ? style.arrow : style.disabled}\n            onClick={onDown}\n          />\n          <ArrowUpIcon\n            color={colorDown}\n            className={onUp ? style.arrow : style.disabled}\n            onClick={onUp}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"file":"index.js"}

package/lib/molecule/setup-section/test/fixtures/first.js

@@ -25,7 +25,7 @@ var _default = {
       modified: true,
       onChange: value => console.log(value)
     },
-    contentTypes: _extends({}, contentTypes, {
+    contentTypes: _extends(_extends({}, contentTypes), {}, {
       modified: true
     })
   }

package/lib/molecule/setup-section/test/fixtures/first.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/setup-section/test/fixtures/first.js"],"names":["props","contentTypes","ContentTypes","id","title","onUp","onDown","e","console","log","display","value","modified","onChange"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAM;AAACA,EAAAA,KAAK,EAAEC;AAAR,IAAwBC,iBAA9B;eAEe;AACbF,EAAAA,KAAK,EAAE;AACLG,IAAAA,EAAE,EAAE,OADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,IAHD;AAILC,IAAAA,MAAM,EAAEC,CAAC,IAAI;AACXC,MAAAA,OAAO,CAACC,GAAR,CAAYF,CAAZ;AACD,KANI;AAOLG,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,IADA;AAEPC,MAAAA,QAAQ,EAAE,IAFH;AAGPC,MAAAA,QAAQ,EAAEF,KAAK,IAAIH,OAAO,CAACC,GAAR,CAAYE,KAAZ;AAHZ,KAPJ;AAYLV,IAAAA,YAAY,eACPA,YADO;AAEVW,MAAAA,QAAQ,EAAE;AAFA;AAZP;AADM,C","sourcesContent":["import ContentTypes from '../../../../atom/radio-group/test/fixtures/default';\n\nconst {props: contentTypes} = ContentTypes;\n\nexport default {\n  props: {\n    id: 'first',\n    title: 'Recommended for you',\n    onUp: null,\n    onDown: e => {\n      console.log(e);\n    },\n    display: {\n      value: true,\n      modified: true,\n      onChange: value => console.log(value)\n    },\n    contentTypes: {\n      ...contentTypes,\n      modified: true\n    }\n  }\n};\n"],"file":"first.js"}
+{"version":3,"sources":["../../../../../src/molecule/setup-section/test/fixtures/first.js"],"names":["props","contentTypes","ContentTypes","id","title","onUp","onDown","e","console","log","display","value","modified","onChange"],"mappings":";;;;;AAAA;;;;;;AAEA,MAAM;AAACA,EAAAA,KAAK,EAAEC;AAAR,IAAwBC,iBAA9B;eAEe;AACbF,EAAAA,KAAK,EAAE;AACLG,IAAAA,EAAE,EAAE,OADC;AAELC,IAAAA,KAAK,EAAE,qBAFF;AAGLC,IAAAA,IAAI,EAAE,IAHD;AAILC,IAAAA,MAAM,EAAEC,CAAC,IAAI;AACXC,MAAAA,OAAO,CAACC,GAAR,CAAYF,CAAZ;AACD,KANI;AAOLG,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE,IADA;AAEPC,MAAAA,QAAQ,EAAE,IAFH;AAGPC,MAAAA,QAAQ,EAAEF,KAAK,IAAIH,OAAO,CAACC,GAAR,CAAYE,KAAZ;AAHZ,KAPJ;AAYLV,IAAAA,YAAY,wBACPA,YADO;AAEVW,MAAAA,QAAQ,EAAE;AAFA;AAZP;AADM,C","sourcesContent":["import ContentTypes from '../../../../atom/radio-group/test/fixtures/default';\n\nconst {props: contentTypes} = ContentTypes;\n\nexport default {\n  props: {\n    id: 'first',\n    title: 'Recommended for you',\n    onUp: null,\n    onDown: e => {\n      console.log(e);\n    },\n    display: {\n      value: true,\n      modified: true,\n      onChange: value => console.log(value)\n    },\n    contentTypes: {\n      ...contentTypes,\n      modified: true\n    }\n  }\n};\n"],"file":"first.js"}