@coorpacademy/components 10.6.0 → 10.6.1

package/es/atom/select/index.js

@@ -1,17 +1,16 @@
-import _size from "lodash/fp/size";
-import _includes from "lodash/fp/includes";
-import _filter from "lodash/fp/filter";
-import _getOr from "lodash/fp/getOr";
-import _get from "lodash/fp/get";
-import _map from "lodash/fp/map";
-import _keys from "lodash/fp/keys";
-import _find from "lodash/fp/find";
-
 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, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import filter from 'lodash/fp/filter';
+import find from 'lodash/fp/find';
+import get from 'lodash/fp/get';
+import getOr from 'lodash/fp/getOr';
+import includes from 'lodash/fp/includes';
+import keys from 'lodash/fp/keys';
+import map from 'lodash/fp/map';
+import size from 'lodash/fp/size';
 import { NovaCompositionNavigationArrowDown as ArrowDown } from '@coorpacademy/nova-icons';
 import Provider from '../provider';
 import getClassState from '../../util/get-class-state';
@@ -25,8 +24,8 @@ const themeStyle = {
   sort: style.sort,
   thematiques: style.thematiques,
   player: style.player,
-  template: style.template // we keep template in case it is used anywhere else?
-
+  template: style.template,
+  coorpmanager: null
 };
 
 const Select = (props, context) => {
@@ -59,39 +58,39 @@ const Select = (props, context) => {
   const titleView = title ? /*#__PURE__*/React.createElement("span", {
     className: style.title
   }, title, " ") : null;
-  const selected = useMemo(() => multiple ? _map(_get('value'), _filter({
+  const selected = useMemo(() => multiple ? map(get('value'), filter({
     selected: true
-  }, options)) : _get('value', _find({
+  }, options)) : get('value', find({
     selected: true
   }, options)), [multiple, options]);
-  const selectedLabel = useMemo(() => multiple ? _map(_get('name'), _filter({
+  const selectedLabel = useMemo(() => multiple ? map(get('name'), filter({
     selected: true
-  }, options)) : _get('name', _find({
+  }, options)) : get('name', find({
     selected: true
   }, options)), [multiple, options]);
-  const isSelectedInValidOption = useMemo(() => theme === 'player' && _getOr(false, 'name', _find({
+  const isSelectedInValidOption = useMemo(() => theme === 'player' && getOr(false, 'name', find({
     validOption: false,
     selected: true
   }, options)), [options, theme]);
   const handleChange = useMemo(() => multiple ? e => {
-    onChange(_map(_get('value'), e.target.selectedOptions));
+    onChange(map(get('value'), e.target.selectedOptions));
   } : e => {
     onChange(e.target.value);
   }, [onChange, multiple]);
-  const black = useMemo(() => _getOr('#14171A', 'common.black', skin), [skin]);
-  const color = useMemo(() => _getOr('#00B0FF', 'common.primary', skin), [skin]);
-  const shouldUseSkinFontColor = useMemo(() => !isSelectedInValidOption && selected && _includes(theme, ['question', 'template', 'player']), [isSelectedInValidOption, selected, theme]);
+  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);
+  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);
+  const shouldUseSkinFontColor = useMemo(() => !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']), [isSelectedInValidOption, selected, theme]);
   const arrowColor = selected ? color : undefined;
   const arrowView = !multiple ? /*#__PURE__*/React.createElement(ArrowDown, {
-    color: _includes(theme, ['question', 'template', 'player']) ? arrowColor : black,
+    color: includes(theme, ['question', 'template', 'player']) ? arrowColor : black,
     className: shouldUseSkinFontColor ? style.selectedArrow : style.arrow
   }) : null;
   const behaviourClassName = useMemo(() => getClassState(style.default, style.modified, style.error, modified, error), [error, modified]);
-  const composedClassName = useMemo(() => classnames(theme ? themeStyle[theme] : behaviourClassName, selected ? style.selected : style.unselected, className), [behaviourClassName, className, selected, theme]);
-  const labelSize = useMemo(() => _size(selectedLabel), [selectedLabel]);
+  const composedClassName = useMemo(() => classnames(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName, selected ? style.selected : style.unselected, className), [behaviourClassName, className, selected, theme]);
+  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);
   const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);
   return /*#__PURE__*/React.createElement("div", {
-    className: composedClassName
+    className: classnames(composedClassName, theme === 'coorpmanager' ? style.coorpmanager : null)
   }, /*#__PURE__*/React.createElement("label", {
     "data-name": "select-wrapper",
     style: _extends({}, shouldUseSkinFontColor && {
@@ -100,7 +99,7 @@ const Select = (props, context) => {
     className: style.selectWrapper
   }, titleView, /*#__PURE__*/React.createElement("span", {
     "data-name": "select-span",
-    className: classnames(style.selectSpan, _includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? style.noLabelCommon : null, borderClassName, isLongLabel ? style.longLabel : null)
+    className: classnames(style.selectSpan, includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? style.noLabelCommon : null, borderClassName, isLongLabel ? style.longLabel : null)
   }, selectedLabel), arrowView, /*#__PURE__*/React.createElement("select", {
     "data-name": "native-select",
     className: style.selectBox,
@@ -134,7 +133,7 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   description: PropTypes.string,
   required: PropTypes.bool,
   onChange: PropTypes.func,
-  theme: PropTypes.oneOf(_keys(themeStyle)),
+  theme: PropTypes.oneOf(keys(themeStyle)),
   options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),
   modified: PropTypes.bool,
   error: PropTypes.bool

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["React","useMemo","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowDown","Provider","getClassState","style","themeStyle","filter","invalid","header","mooc","question","sort","thematiques","player","template","Select","props","context","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","map","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {find, keys, map, get, getOr, filter, includes, size} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template // we keep template in case it is used anywhere else?\n};\n\nconst Select = (props, context) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const {skin} = context;\n\n  const title = useMemo(() => (propTitle ? `${propTitle}${required ? '*' : ''}` : null), [\n    propTitle,\n    required\n  ]);\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div className={composedClassName}>\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["React","useMemo","PropTypes","classnames","filter","find","get","getOr","includes","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","Provider","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","context","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","contextTypes","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst Select = (props, context) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const {skin} = context;\n\n  const title = useMemo(() => (propTitle ? `${propTitle}${required ? '*' : ''}` : null), [\n    propTitle,\n    required\n  ]);\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}

package/es/atom/select/style.css

@@ -1,5 +1,6 @@
 @value breakpoints: "../../variables/breakpoints.css";
 @value mobile from breakpoints;
+@value tablet from breakpoints;
 @value colors: "../../variables/colors.css";
 @value orange from colors;
 @value negative from colors;
@@ -19,6 +20,35 @@
   display: flex;
 }
 
+.coorpmanager {
+  composes: default;
+}
+
+div.coorpmanager label.selectWrapper {
+  max-width: fit-content;
+}
+
+.coorpmanager label.selectWrapper select.selectBox {
+  padding-left: 10px;
+  position: relative;
+  border-radius: 2px;
+  border-width: 1px;
+  width: 260px;
+  min-width: 194px;
+}
+
+@media tablet {
+  .coorpmanager label.selectWrapper .description {
+    max-width: 120px;
+  }
+}
+
+@media mobile {
+  .coorpmanager label.selectWrapper select.selectBox {
+    width: 100%;
+    min-width: 180px;
+  }
+}
 .error {
   composes: default;
 }

package/es/atom/select/test/fixtures/coorpmanager.js

@@ -0,0 +1,11 @@
+import _defaultsDeep from "lodash/fp/defaultsDeep";
+import Default from './default';
+const {
+  props
+} = Default;
+export default {
+  props: _defaultsDeep(props, {
+    theme: 'coorpmanager'
+  })
+};
+//# sourceMappingURL=coorpmanager.js.map

package/es/atom/select/test/fixtures/coorpmanager.js.map

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

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

@@ -2,6 +2,7 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomSelect from '..';
+import fixtureCoorpmanager from './fixtures/coorpmanager';
 import fixtureDefault from './fixtures/default';
 import fixtureDisabled from './fixtures/disabled';
 import fixtureError from './fixtures/error';
@@ -25,6 +26,7 @@ test('Atom › AtomSelect > should have valid propTypes', t => {
     t.not(value, undefined, `PropType for "Atom.AtomSelect.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+test('Atom › AtomSelect › Coorpmanager › should be rendered', renderComponentMacro, AtomSelect, fixtureCoorpmanager);
 test('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);
 test('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);
 test('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/select/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomSelect","fixtureDefault","fixtureDisabled","fixtureError","fixtureFilter","fixtureInvalid","fixtureModified","fixtureMooc","fixtureMultipleSelected","fixtureMultiple","fixturePlayer","fixtureQuestion","fixtureRequiredWithTitle","fixtureRequired","fixtureSort","fixtureTemplate","fixtureThematiquesLong","fixtureThematiques","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomSelect from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureFilter from './fixtures/filter';\nimport fixtureInvalid from './fixtures/invalid';\nimport fixtureModified from './fixtures/modified';\nimport fixtureMooc from './fixtures/mooc';\nimport fixtureMultipleSelected from './fixtures/multiple-selected';\nimport fixtureMultiple from './fixtures/multiple';\nimport fixturePlayer from './fixtures/player';\nimport fixtureQuestion from './fixtures/question';\nimport fixtureRequiredWithTitle from './fixtures/required-with-title';\nimport fixtureRequired from './fixtures/required';\nimport fixtureSort from './fixtures/sort';\nimport fixtureTemplate from './fixtures/template';\nimport fixtureThematiquesLong from './fixtures/thematiques-long';\nimport fixtureThematiques from './fixtures/thematiques';\n\ntest('Atom › AtomSelect > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomSelect.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomSelect.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);\ntest('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);\ntest('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);\ntest('Atom › AtomSelect › Filter › should be rendered', renderComponentMacro, AtomSelect, fixtureFilter);\ntest('Atom › AtomSelect › Invalid › should be rendered', renderComponentMacro, AtomSelect, fixtureInvalid);\ntest('Atom › AtomSelect › Modified › should be rendered', renderComponentMacro, AtomSelect, fixtureModified);\ntest('Atom › AtomSelect › Mooc › should be rendered', renderComponentMacro, AtomSelect, fixtureMooc);\ntest('Atom › AtomSelect › MultipleSelected › should be rendered', renderComponentMacro, AtomSelect, fixtureMultipleSelected);\ntest('Atom › AtomSelect › Multiple › should be rendered', renderComponentMacro, AtomSelect, fixtureMultiple);\ntest('Atom › AtomSelect › Player › should be rendered', renderComponentMacro, AtomSelect, fixturePlayer);\ntest('Atom › AtomSelect › Question › should be rendered', renderComponentMacro, AtomSelect, fixtureQuestion);\ntest('Atom › AtomSelect › RequiredWithTitle › should be rendered', renderComponentMacro, AtomSelect, fixtureRequiredWithTitle);\ntest('Atom › AtomSelect › Required › should be rendered', renderComponentMacro, AtomSelect, fixtureRequired);\ntest('Atom › AtomSelect › Sort › should be rendered', renderComponentMacro, AtomSelect, fixtureSort);\ntest('Atom › AtomSelect › Template › should be rendered', renderComponentMacro, AtomSelect, fixtureTemplate);\ntest('Atom › AtomSelect › ThematiquesLong › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiquesLong);\ntest('Atom › AtomSelect › Thematiques › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiques);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/select/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomSelect","fixtureCoorpmanager","fixtureDefault","fixtureDisabled","fixtureError","fixtureFilter","fixtureInvalid","fixtureModified","fixtureMooc","fixtureMultipleSelected","fixtureMultiple","fixturePlayer","fixtureQuestion","fixtureRequiredWithTitle","fixtureRequired","fixtureSort","fixtureTemplate","fixtureThematiquesLong","fixtureThematiques","t","pass","propTypes","value","key","not","undefined"],"mappings":"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","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomSelect from '..';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureFilter from './fixtures/filter';\nimport fixtureInvalid from './fixtures/invalid';\nimport fixtureModified from './fixtures/modified';\nimport fixtureMooc from './fixtures/mooc';\nimport fixtureMultipleSelected from './fixtures/multiple-selected';\nimport fixtureMultiple from './fixtures/multiple';\nimport fixturePlayer from './fixtures/player';\nimport fixtureQuestion from './fixtures/question';\nimport fixtureRequiredWithTitle from './fixtures/required-with-title';\nimport fixtureRequired from './fixtures/required';\nimport fixtureSort from './fixtures/sort';\nimport fixtureTemplate from './fixtures/template';\nimport fixtureThematiquesLong from './fixtures/thematiques-long';\nimport fixtureThematiques from './fixtures/thematiques';\n\ntest('Atom › AtomSelect > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomSelect.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomSelect.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomSelect › Coorpmanager › should be rendered', renderComponentMacro, AtomSelect, fixtureCoorpmanager);\ntest('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);\ntest('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);\ntest('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);\ntest('Atom › AtomSelect › Filter › should be rendered', renderComponentMacro, AtomSelect, fixtureFilter);\ntest('Atom › AtomSelect › Invalid › should be rendered', renderComponentMacro, AtomSelect, fixtureInvalid);\ntest('Atom › AtomSelect › Modified › should be rendered', renderComponentMacro, AtomSelect, fixtureModified);\ntest('Atom › AtomSelect › Mooc › should be rendered', renderComponentMacro, AtomSelect, fixtureMooc);\ntest('Atom › AtomSelect › MultipleSelected › should be rendered', renderComponentMacro, AtomSelect, fixtureMultipleSelected);\ntest('Atom › AtomSelect › Multiple › should be rendered', renderComponentMacro, AtomSelect, fixtureMultiple);\ntest('Atom › AtomSelect › Player › should be rendered', renderComponentMacro, AtomSelect, fixturePlayer);\ntest('Atom › AtomSelect › Question › should be rendered', renderComponentMacro, AtomSelect, fixtureQuestion);\ntest('Atom › AtomSelect › RequiredWithTitle › should be rendered', renderComponentMacro, AtomSelect, fixtureRequiredWithTitle);\ntest('Atom › AtomSelect › Required › should be rendered', renderComponentMacro, AtomSelect, fixtureRequired);\ntest('Atom › AtomSelect › Sort › should be rendered', renderComponentMacro, AtomSelect, fixtureSort);\ntest('Atom › AtomSelect › Template › should be rendered', renderComponentMacro, AtomSelect, fixtureTemplate);\ntest('Atom › AtomSelect › ThematiquesLong › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiquesLong);\ntest('Atom › AtomSelect › Thematiques › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiques);\n"],"file":"fixtures.js"}

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

@@ -61,7 +61,9 @@ const buildInput = field => {
       return /*#__PURE__*/React.createElement(InputDoublestep, field);
 
     case 'select':
-      return /*#__PURE__*/React.createElement(Select, field);
+      return /*#__PURE__*/React.createElement(Select, _extends({}, field, {
+        theme: 'coorpmanager'
+      }));
 
     case 'selectMultiple':
       return /*#__PURE__*/React.createElement(SelectMultiple, field);

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","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"}
+{"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} theme={'coorpmanager'} />;\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/test/fixtures/lookandfeel.js

@@ -5,42 +5,46 @@ export default {
     fields: [{
       title: 'Primary color',
       name: 'primary-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
+      placeholder: '#FFFFFF',
       type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
-      onChange: () => {}
-    }, {
-      title: 'Secondary color',
-      name: 'secondary-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
-      type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
-      onChange: () => {}
-    }, {
-      title: 'Tertirary color',
-      name: 'tertirary-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
-      type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
+      error: '',
+      description: 'CTA buttons, icons, hovers, menu backgrounds...',
+      value: '#00B0FF',
+      options: [],
+      modified: false,
       onChange: () => {}
     }, {
       title: 'Validation color',
-      name: 'validation-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
+      name: 'good-color',
+      placeholder: '#FFFFFF',
       type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
+      error: '',
+      description: 'Success messages',
+      value: '#66BB6A',
+      options: [],
+      modified: false,
       onChange: () => {}
     }, {
       title: 'Error color',
       name: 'error-color',
-      value: '#ff0000',
-      placeholder: '#ffffff',
+      placeholder: '#FFFFFF',
+      type: 'color',
+      error: '',
+      description: 'Error messages',
+      value: '#F73F52',
+      options: [],
+      modified: false,
+      onChange: () => {}
+    }, {
+      title: 'Lives color',
+      name: 'life-color',
+      placeholder: '#FFFFFF',
       type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
+      error: '',
+      description: 'Slides lives',
+      value: '#F73F52',
+      options: [],
+      modified: false,
       onChange: () => {}
     }]
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/lookandfeel.js"],"names":["props","title","subtitle","fields","name","value","placeholder","type","description","onChange"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,QAAQ,EAAE,8EAFL;AAGLC,IAAAA,MAAM,EAAE,CACN;AACEF,MAAAA,KAAK,EAAE,eADT;AAEEG,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KADM,EAUN;AACER,MAAAA,KAAK,EAAE,iBADT;AAEEG,MAAAA,IAAI,EAAE,iBAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KAVM,EAmBN;AACER,MAAAA,KAAK,EAAE,iBADT;AAEEG,MAAAA,IAAI,EAAE,iBAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KAnBM,EA4BN;AACER,MAAAA,KAAK,EAAE,kBADT;AAEEG,MAAAA,IAAI,EAAE,kBAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KA5BM,EAqCN;AACER,MAAAA,KAAK,EAAE,aADT;AAEEG,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KArCM;AAHH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Platform design',\n    subtitle: 'Explanation about what Platform design is and why to set stuffs in this form',\n    fields: [\n      {\n        title: 'Primary color',\n        name: 'primary-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Secondary color',\n        name: 'secondary-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Tertirary color',\n        name: 'tertirary-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Validation color',\n        name: 'validation-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Error color',\n        name: 'error-color',\n        value: '#ff0000',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      }\n    ]\n  }\n};\n"],"file":"lookandfeel.js"}
+{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/lookandfeel.js"],"names":["props","title","subtitle","fields","name","placeholder","type","error","description","value","options","modified","onChange"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,QAAQ,EAAE,8EAFL;AAGLC,IAAAA,MAAM,EAAE,CACN;AACEF,MAAAA,KAAK,EAAE,eADT;AAEEG,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,iDANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KADM,EAaN;AACEX,MAAAA,KAAK,EAAE,kBADT;AAEEG,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,kBANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KAbM,EAyBN;AACEX,MAAAA,KAAK,EAAE,aADT;AAEEG,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,gBANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KAzBM,EAqCN;AACEX,MAAAA,KAAK,EAAE,aADT;AAEEG,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,cANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KArCM;AAHH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Platform design',\n    subtitle: 'Explanation about what Platform design is and why to set stuffs in this form',\n    fields: [\n      {\n        title: 'Primary color',\n        name: 'primary-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'CTA buttons, icons, hovers, menu backgrounds...',\n        value: '#00B0FF',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      },\n      {\n        title: 'Validation color',\n        name: 'good-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'Success messages',\n        value: '#66BB6A',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      },\n      {\n        title: 'Error color',\n        name: 'error-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'Error messages',\n        value: '#F73F52',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      },\n      {\n        title: 'Lives color',\n        name: 'life-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'Slides lives',\n        value: '#F73F52',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      }\n    ]\n  }\n};\n"],"file":"lookandfeel.js"}

package/es/molecule/wizard-summary/style.css

@@ -133,7 +133,7 @@
   text-align: center;
 }
 
-ul {
+.container ul {
   list-style: none;
   padding: 0px;
   margin: 0px;
@@ -215,7 +215,7 @@ ul {
     margin: 0px;
   }
 
-  label {
+  .container label {
     width: 100%;
     right: 0px;
     display: flex;
@@ -223,11 +223,11 @@ ul {
     cursor: pointer;
   }
 
-  label .tabletSummaryTitle{
+  .container label .tabletSummaryTitle{
     flex: 0 1 100%;
   }
   
-  label .tabletSummaryIcon{
+  .container label .tabletSummaryIcon{
     width: 12px;
     transition: all 0.5s ease;
   }

package/lib/atom/select/index.js

@@ -3,27 +3,27 @@
 exports.__esModule = true;
 exports.default = exports.SelectOptionPropTypes = void 0;
 
-var _size2 = _interopRequireDefault(require("lodash/fp/size"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _filter2 = _interopRequireDefault(require("lodash/fp/filter"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
-var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+var _filter = _interopRequireDefault(require("lodash/fp/filter"));
 
-var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+var _find = _interopRequireDefault(require("lodash/fp/find"));
 
-var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+var _get = _interopRequireDefault(require("lodash/fp/get"));
 
-var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+var _getOr = _interopRequireDefault(require("lodash/fp/getOr"));
 
-var _find2 = _interopRequireDefault(require("lodash/fp/find"));
+var _includes = _interopRequireDefault(require("lodash/fp/includes"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _keys = _interopRequireDefault(require("lodash/fp/keys"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _map = _interopRequireDefault(require("lodash/fp/map"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _size = _interopRequireDefault(require("lodash/fp/size"));
 
 var _novaIcons = require("@coorpacademy/nova-icons");
 
@@ -33,12 +33,12 @@ var _getClassState = _interopRequireDefault(require("../../util/get-class-state"
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const themeStyle = {
@@ -50,8 +50,8 @@ const themeStyle = {
   sort: _style.default.sort,
   thematiques: _style.default.thematiques,
   player: _style.default.player,
-  template: _style.default.template // we keep template in case it is used anywhere else?
-
+  template: _style.default.template,
+  coorpmanager: null
 };
 
 const Select = (props, context) => {
@@ -84,39 +84,39 @@ const Select = (props, context) => {
   const titleView = title ? /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.title
   }, title, " ") : null;
-  const selected = (0, _react.useMemo)(() => multiple ? (0, _map2.default)((0, _get2.default)('value'), (0, _filter2.default)({
+  const selected = (0, _react.useMemo)(() => multiple ? (0, _map.default)((0, _get.default)('value'), (0, _filter.default)({
     selected: true
-  }, options)) : (0, _get2.default)('value', (0, _find2.default)({
+  }, options)) : (0, _get.default)('value', (0, _find.default)({
     selected: true
   }, options)), [multiple, options]);
-  const selectedLabel = (0, _react.useMemo)(() => multiple ? (0, _map2.default)((0, _get2.default)('name'), (0, _filter2.default)({
+  const selectedLabel = (0, _react.useMemo)(() => multiple ? (0, _map.default)((0, _get.default)('name'), (0, _filter.default)({
     selected: true
-  }, options)) : (0, _get2.default)('name', (0, _find2.default)({
+  }, options)) : (0, _get.default)('name', (0, _find.default)({
     selected: true
   }, options)), [multiple, options]);
-  const isSelectedInValidOption = (0, _react.useMemo)(() => theme === 'player' && (0, _getOr2.default)(false, 'name', (0, _find2.default)({
+  const isSelectedInValidOption = (0, _react.useMemo)(() => theme === 'player' && (0, _getOr.default)(false, 'name', (0, _find.default)({
     validOption: false,
     selected: true
   }, options)), [options, theme]);
   const handleChange = (0, _react.useMemo)(() => multiple ? e => {
-    onChange((0, _map2.default)((0, _get2.default)('value'), e.target.selectedOptions));
+    onChange((0, _map.default)((0, _get.default)('value'), e.target.selectedOptions));
   } : e => {
     onChange(e.target.value);
   }, [onChange, multiple]);
-  const black = (0, _react.useMemo)(() => (0, _getOr2.default)('#14171A', 'common.black', skin), [skin]);
-  const color = (0, _react.useMemo)(() => (0, _getOr2.default)('#00B0FF', 'common.primary', skin), [skin]);
-  const shouldUseSkinFontColor = (0, _react.useMemo)(() => !isSelectedInValidOption && selected && (0, _includes2.default)(theme, ['question', 'template', 'player']), [isSelectedInValidOption, selected, theme]);
+  const black = (0, _react.useMemo)(() => (0, _getOr.default)('#14171A', 'common.black', skin), [skin]);
+  const color = (0, _react.useMemo)(() => (0, _getOr.default)('#00B0FF', 'common.primary', skin), [skin]);
+  const shouldUseSkinFontColor = (0, _react.useMemo)(() => !isSelectedInValidOption && selected && (0, _includes.default)(theme, ['question', 'template', 'player']), [isSelectedInValidOption, selected, theme]);
   const arrowColor = selected ? color : undefined;
   const arrowView = !multiple ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-    color: (0, _includes2.default)(theme, ['question', 'template', 'player']) ? arrowColor : black,
+    color: (0, _includes.default)(theme, ['question', 'template', 'player']) ? arrowColor : black,
     className: shouldUseSkinFontColor ? _style.default.selectedArrow : _style.default.arrow
   }) : null;
   const behaviourClassName = (0, _react.useMemo)(() => (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error), [error, modified]);
-  const composedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(theme ? themeStyle[theme] : behaviourClassName, selected ? _style.default.selected : _style.default.unselected, className), [behaviourClassName, className, selected, theme]);
-  const labelSize = (0, _react.useMemo)(() => (0, _size2.default)(selectedLabel), [selectedLabel]);
+  const composedClassName = (0, _react.useMemo)(() => (0, _classnames.default)(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName, selected ? _style.default.selected : _style.default.unselected, className), [behaviourClassName, className, selected, theme]);
+  const labelSize = (0, _react.useMemo)(() => (0, _size.default)(selectedLabel), [selectedLabel]);
   const isLongLabel = (0, _react.useMemo)(() => labelSize >= 65, [labelSize]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: composedClassName
+    className: (0, _classnames.default)(composedClassName, theme === 'coorpmanager' ? _style.default.coorpmanager : null)
   }, /*#__PURE__*/_react.default.createElement("label", {
     "data-name": "select-wrapper",
     style: _extends({}, shouldUseSkinFontColor && {
@@ -125,7 +125,7 @@ const Select = (props, context) => {
     className: _style.default.selectWrapper
   }, titleView, /*#__PURE__*/_react.default.createElement("span", {
     "data-name": "select-span",
-    className: (0, _classnames.default)(_style.default.selectSpan, (0, _includes2.default)(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? _style.default.noLabelCommon : null, borderClassName, isLongLabel ? _style.default.longLabel : null)
+    className: (0, _classnames.default)(_style.default.selectSpan, (0, _includes.default)(theme, ['player', 'invalid', 'question', 'thematiques', 'template']) ? _style.default.noLabelCommon : null, borderClassName, isLongLabel ? _style.default.longLabel : null)
   }, selectedLabel), arrowView, /*#__PURE__*/_react.default.createElement("select", {
     "data-name": "native-select",
     className: _style.default.selectBox,
@@ -160,7 +160,7 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   description: _propTypes.default.string,
   required: _propTypes.default.bool,
   onChange: _propTypes.default.func,
-  theme: _propTypes.default.oneOf((0, _keys2.default)(themeStyle)),
+  theme: _propTypes.default.oneOf((0, _keys.default)(themeStyle)),
   options: _propTypes.default.arrayOf(_propTypes.default.shape(SelectOptionPropTypes)),
   modified: _propTypes.default.bool,
   error: _propTypes.default.bool

package/lib/atom/select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","Select","props","context","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","map","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {find, keys, map, get, getOr, filter, includes, size} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template // we keep template in case it is used anywhere else?\n};\n\nconst Select = (props, context) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const {skin} = context;\n\n  const title = useMemo(() => (propTitle ? `${propTitle}${required ? '*' : ''}` : null), [\n    propTitle,\n    required\n  ]);\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div className={composedClassName}>\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/select/index.js"],"names":["themeStyle","filter","style","invalid","header","mooc","question","sort","thematiques","player","template","coorpmanager","Select","props","context","name","options","className","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","skin","optionList","map","option","index","value","selectOption","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","color","shouldUseSkinFontColor","arrowColor","undefined","arrowView","selectedArrow","arrow","behaviourClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectBox","SelectOptionPropTypes","PropTypes","string","isRequired","oneOfType","number","bool","contextTypes","Provider","childContextTypes","propTypes","func","oneOf","arrayOf","shape"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  coorpmanager: null\n};\n\nconst Select = (props, context) => {\n  const {\n    name,\n    options = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle\n  } = props;\n\n  const {skin} = context;\n\n  const title = useMemo(() => (propTitle ? `${propTitle}${required ? '*' : ''}` : null), [\n    propTitle,\n    required\n  ]);\n\n  const optionList =\n    options &&\n    options.map((option, index) => {\n      return (\n        <option key={index} value={option.value} className={style.selectOption}>\n          {option.name}\n        </option>\n      );\n    });\n\n  const titleView = title ? <span className={style.title}>{title} </span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, options)),\n    [multiple, options]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, options)),\n    [multiple, options]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const shouldUseSkinFontColor = useMemo(\n    () =>\n      !isSelectedInValidOption && selected && includes(theme, ['question', 'template', 'player']),\n    [isSelectedInValidOption, selected, theme]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const arrowView = !multiple ? (\n    <ArrowDown\n      color={includes(theme, ['question', 'template', 'player']) ? arrowColor : black}\n      className={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n    />\n  ) : null;\n  const behaviourClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviourClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviourClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-name=\"select-wrapper\"\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, ['player', 'invalid', 'question', 'thematiques', 'template'])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n        >\n          {selectedLabel}\n        </span>\n        {arrowView}\n        <select\n          data-name=\"native-select\"\n          className={style.selectBox}\n          title={selectedLabel}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool\n};\n\nexport default Select;\n"],"file":"index.js"}

package/lib/atom/select/style.css

@@ -1,5 +1,6 @@
 @value breakpoints: "../../variables/breakpoints.css";
 @value mobile from breakpoints;
+@value tablet from breakpoints;
 @value colors: "../../variables/colors.css";
 @value orange from colors;
 @value negative from colors;
@@ -19,6 +20,35 @@
   display: flex;
 }
 
+.coorpmanager {
+  composes: default;
+}
+
+div.coorpmanager label.selectWrapper {
+  max-width: fit-content;
+}
+
+.coorpmanager label.selectWrapper select.selectBox {
+  padding-left: 10px;
+  position: relative;
+  border-radius: 2px;
+  border-width: 1px;
+  width: 260px;
+  min-width: 194px;
+}
+
+@media tablet {
+  .coorpmanager label.selectWrapper .description {
+    max-width: 120px;
+  }
+}
+
+@media mobile {
+  .coorpmanager label.selectWrapper select.selectBox {
+    width: 100%;
+    min-width: 180px;
+  }
+}
 .error {
   composes: default;
 }

package/lib/atom/select/test/fixtures/coorpmanager.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _defaultsDeep2 = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
+
+var _default2 = _interopRequireDefault(require("./default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  props
+} = _default2.default;
+var _default = {
+  props: (0, _defaultsDeep2.default)(props, {
+    theme: 'coorpmanager'
+  })
+};
+exports.default = _default;
+//# sourceMappingURL=coorpmanager.js.map

package/lib/atom/select/test/fixtures/coorpmanager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/select/test/fixtures/coorpmanager.js"],"names":["props","Default","theme"],"mappings":";;;;;;;AACA;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE,4BAAaA,KAAb,EAAoB;AACzBE,IAAAA,KAAK,EAAE;AADkB,GAApB;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    theme: 'coorpmanager'\n  })\n};\n"],"file":"coorpmanager.js"}

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

@@ -8,6 +8,8 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
+var _coorpmanager = _interopRequireDefault(require("./fixtures/coorpmanager"));
+
 var _default = _interopRequireDefault(require("./fixtures/default"));
 
 var _disabled = _interopRequireDefault(require("./fixtures/disabled"));
@@ -50,6 +52,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomSelect.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+(0, _ava.default)('Atom › AtomSelect › Coorpmanager › should be rendered', _renderComponent.default, _.default, _coorpmanager.default);
 (0, _ava.default)('Atom › AtomSelect › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomSelect › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);
 (0, _ava.default)('Atom › AtomSelect › Error › should be rendered', _renderComponent.default, _.default, _error.default);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/select/test/fixtures.js"],"names":["t","pass","AtomSelect","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureDisabled","fixtureError","fixtureFilter","fixtureInvalid","fixtureModified","fixtureMooc","fixtureMultipleSelected","fixtureMultiple","fixturePlayer","fixtureQuestion","fixtureRequiredWithTitle","fixtureRequired","fixtureSort","fixtureTemplate","fixtureThematiquesLong","fixtureThematiques"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iDAAL,EAAwDA,CAAC,IAAI;AAC3DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAWC,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2CAA0CF,GAAI,mEAAvE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,kDAAL,EAAyDG,wBAAzD,EAA+EN,SAA/E,EAA2FO,gBAA3F;AACA,kBAAK,mDAAL,EAA0DD,wBAA1D,EAAgFN,SAAhF,EAA4FQ,iBAA5F;AACA,kBAAK,gDAAL,EAAuDF,wBAAvD,EAA6EN,SAA7E,EAAyFS,cAAzF;AACA,kBAAK,iDAAL,EAAwDH,wBAAxD,EAA8EN,SAA9E,EAA0FU,eAA1F;AACA,kBAAK,kDAAL,EAAyDJ,wBAAzD,EAA+EN,SAA/E,EAA2FW,gBAA3F;AACA,kBAAK,mDAAL,EAA0DL,wBAA1D,EAAgFN,SAAhF,EAA4FY,iBAA5F;AACA,kBAAK,+CAAL,EAAsDN,wBAAtD,EAA4EN,SAA5E,EAAwFa,aAAxF;AACA,kBAAK,2DAAL,EAAkEP,wBAAlE,EAAwFN,SAAxF,EAAoGc,yBAApG;AACA,kBAAK,mDAAL,EAA0DR,wBAA1D,EAAgFN,SAAhF,EAA4Fe,iBAA5F;AACA,kBAAK,iDAAL,EAAwDT,wBAAxD,EAA8EN,SAA9E,EAA0FgB,eAA1F;AACA,kBAAK,mDAAL,EAA0DV,wBAA1D,EAAgFN,SAAhF,EAA4FiB,iBAA5F;AACA,kBAAK,4DAAL,EAAmEX,wBAAnE,EAAyFN,SAAzF,EAAqGkB,0BAArG;AACA,kBAAK,mDAAL,EAA0DZ,wBAA1D,EAAgFN,SAAhF,EAA4FmB,iBAA5F;AACA,kBAAK,+CAAL,EAAsDb,wBAAtD,EAA4EN,SAA5E,EAAwFoB,aAAxF;AACA,kBAAK,mDAAL,EAA0Dd,wBAA1D,EAAgFN,SAAhF,EAA4FqB,iBAA5F;AACA,kBAAK,0DAAL,EAAiEf,wBAAjE,EAAuFN,SAAvF,EAAmGsB,wBAAnG;AACA,kBAAK,sDAAL,EAA6DhB,wBAA7D,EAAmFN,SAAnF,EAA+FuB,oBAA/F","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomSelect from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureFilter from './fixtures/filter';\nimport fixtureInvalid from './fixtures/invalid';\nimport fixtureModified from './fixtures/modified';\nimport fixtureMooc from './fixtures/mooc';\nimport fixtureMultipleSelected from './fixtures/multiple-selected';\nimport fixtureMultiple from './fixtures/multiple';\nimport fixturePlayer from './fixtures/player';\nimport fixtureQuestion from './fixtures/question';\nimport fixtureRequiredWithTitle from './fixtures/required-with-title';\nimport fixtureRequired from './fixtures/required';\nimport fixtureSort from './fixtures/sort';\nimport fixtureTemplate from './fixtures/template';\nimport fixtureThematiquesLong from './fixtures/thematiques-long';\nimport fixtureThematiques from './fixtures/thematiques';\n\ntest('Atom › AtomSelect > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomSelect.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomSelect.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);\ntest('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);\ntest('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);\ntest('Atom › AtomSelect › Filter › should be rendered', renderComponentMacro, AtomSelect, fixtureFilter);\ntest('Atom › AtomSelect › Invalid › should be rendered', renderComponentMacro, AtomSelect, fixtureInvalid);\ntest('Atom › AtomSelect › Modified › should be rendered', renderComponentMacro, AtomSelect, fixtureModified);\ntest('Atom › AtomSelect › Mooc › should be rendered', renderComponentMacro, AtomSelect, fixtureMooc);\ntest('Atom › AtomSelect › MultipleSelected › should be rendered', renderComponentMacro, AtomSelect, fixtureMultipleSelected);\ntest('Atom › AtomSelect › Multiple › should be rendered', renderComponentMacro, AtomSelect, fixtureMultiple);\ntest('Atom › AtomSelect › Player › should be rendered', renderComponentMacro, AtomSelect, fixturePlayer);\ntest('Atom › AtomSelect › Question › should be rendered', renderComponentMacro, AtomSelect, fixtureQuestion);\ntest('Atom › AtomSelect › RequiredWithTitle › should be rendered', renderComponentMacro, AtomSelect, fixtureRequiredWithTitle);\ntest('Atom › AtomSelect › Required › should be rendered', renderComponentMacro, AtomSelect, fixtureRequired);\ntest('Atom › AtomSelect › Sort › should be rendered', renderComponentMacro, AtomSelect, fixtureSort);\ntest('Atom › AtomSelect › Template › should be rendered', renderComponentMacro, AtomSelect, fixtureTemplate);\ntest('Atom › AtomSelect › ThematiquesLong › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiquesLong);\ntest('Atom › AtomSelect › Thematiques › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiques);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/select/test/fixtures.js"],"names":["t","pass","AtomSelect","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCoorpmanager","fixtureDefault","fixtureDisabled","fixtureError","fixtureFilter","fixtureInvalid","fixtureModified","fixtureMooc","fixtureMultipleSelected","fixtureMultiple","fixturePlayer","fixtureQuestion","fixtureRequiredWithTitle","fixtureRequired","fixtureSort","fixtureTemplate","fixtureThematiquesLong","fixtureThematiques"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,iDAAL,EAAwDA,CAAC,IAAI;AAC3DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAWC,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC5CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2CAA0CF,GAAI,mEAAvE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uDAAL,EAA8DG,wBAA9D,EAAoFN,SAApF,EAAgGO,qBAAhG;AACA,kBAAK,kDAAL,EAAyDD,wBAAzD,EAA+EN,SAA/E,EAA2FQ,gBAA3F;AACA,kBAAK,mDAAL,EAA0DF,wBAA1D,EAAgFN,SAAhF,EAA4FS,iBAA5F;AACA,kBAAK,gDAAL,EAAuDH,wBAAvD,EAA6EN,SAA7E,EAAyFU,cAAzF;AACA,kBAAK,iDAAL,EAAwDJ,wBAAxD,EAA8EN,SAA9E,EAA0FW,eAA1F;AACA,kBAAK,kDAAL,EAAyDL,wBAAzD,EAA+EN,SAA/E,EAA2FY,gBAA3F;AACA,kBAAK,mDAAL,EAA0DN,wBAA1D,EAAgFN,SAAhF,EAA4Fa,iBAA5F;AACA,kBAAK,+CAAL,EAAsDP,wBAAtD,EAA4EN,SAA5E,EAAwFc,aAAxF;AACA,kBAAK,2DAAL,EAAkER,wBAAlE,EAAwFN,SAAxF,EAAoGe,yBAApG;AACA,kBAAK,mDAAL,EAA0DT,wBAA1D,EAAgFN,SAAhF,EAA4FgB,iBAA5F;AACA,kBAAK,iDAAL,EAAwDV,wBAAxD,EAA8EN,SAA9E,EAA0FiB,eAA1F;AACA,kBAAK,mDAAL,EAA0DX,wBAA1D,EAAgFN,SAAhF,EAA4FkB,iBAA5F;AACA,kBAAK,4DAAL,EAAmEZ,wBAAnE,EAAyFN,SAAzF,EAAqGmB,0BAArG;AACA,kBAAK,mDAAL,EAA0Db,wBAA1D,EAAgFN,SAAhF,EAA4FoB,iBAA5F;AACA,kBAAK,+CAAL,EAAsDd,wBAAtD,EAA4EN,SAA5E,EAAwFqB,aAAxF;AACA,kBAAK,mDAAL,EAA0Df,wBAA1D,EAAgFN,SAAhF,EAA4FsB,iBAA5F;AACA,kBAAK,0DAAL,EAAiEhB,wBAAjE,EAAuFN,SAAvF,EAAmGuB,wBAAnG;AACA,kBAAK,sDAAL,EAA6DjB,wBAA7D,EAAmFN,SAAnF,EAA+FwB,oBAA/F","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomSelect from '..';\nimport fixtureCoorpmanager from './fixtures/coorpmanager';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureFilter from './fixtures/filter';\nimport fixtureInvalid from './fixtures/invalid';\nimport fixtureModified from './fixtures/modified';\nimport fixtureMooc from './fixtures/mooc';\nimport fixtureMultipleSelected from './fixtures/multiple-selected';\nimport fixtureMultiple from './fixtures/multiple';\nimport fixturePlayer from './fixtures/player';\nimport fixtureQuestion from './fixtures/question';\nimport fixtureRequiredWithTitle from './fixtures/required-with-title';\nimport fixtureRequired from './fixtures/required';\nimport fixtureSort from './fixtures/sort';\nimport fixtureTemplate from './fixtures/template';\nimport fixtureThematiquesLong from './fixtures/thematiques-long';\nimport fixtureThematiques from './fixtures/thematiques';\n\ntest('Atom › AtomSelect > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomSelect.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomSelect.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomSelect › Coorpmanager › should be rendered', renderComponentMacro, AtomSelect, fixtureCoorpmanager);\ntest('Atom › AtomSelect › Default › should be rendered', renderComponentMacro, AtomSelect, fixtureDefault);\ntest('Atom › AtomSelect › Disabled › should be rendered', renderComponentMacro, AtomSelect, fixtureDisabled);\ntest('Atom › AtomSelect › Error › should be rendered', renderComponentMacro, AtomSelect, fixtureError);\ntest('Atom › AtomSelect › Filter › should be rendered', renderComponentMacro, AtomSelect, fixtureFilter);\ntest('Atom › AtomSelect › Invalid › should be rendered', renderComponentMacro, AtomSelect, fixtureInvalid);\ntest('Atom › AtomSelect › Modified › should be rendered', renderComponentMacro, AtomSelect, fixtureModified);\ntest('Atom › AtomSelect › Mooc › should be rendered', renderComponentMacro, AtomSelect, fixtureMooc);\ntest('Atom › AtomSelect › MultipleSelected › should be rendered', renderComponentMacro, AtomSelect, fixtureMultipleSelected);\ntest('Atom › AtomSelect › Multiple › should be rendered', renderComponentMacro, AtomSelect, fixtureMultiple);\ntest('Atom › AtomSelect › Player › should be rendered', renderComponentMacro, AtomSelect, fixturePlayer);\ntest('Atom › AtomSelect › Question › should be rendered', renderComponentMacro, AtomSelect, fixtureQuestion);\ntest('Atom › AtomSelect › RequiredWithTitle › should be rendered', renderComponentMacro, AtomSelect, fixtureRequiredWithTitle);\ntest('Atom › AtomSelect › Required › should be rendered', renderComponentMacro, AtomSelect, fixtureRequired);\ntest('Atom › AtomSelect › Sort › should be rendered', renderComponentMacro, AtomSelect, fixtureSort);\ntest('Atom › AtomSelect › Template › should be rendered', renderComponentMacro, AtomSelect, fixtureTemplate);\ntest('Atom › AtomSelect › ThematiquesLong › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiquesLong);\ntest('Atom › AtomSelect › Thematiques › should be rendered', renderComponentMacro, AtomSelect, fixtureThematiques);\n"],"file":"fixtures.js"}

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

@@ -93,7 +93,9 @@ const buildInput = field => {
       return /*#__PURE__*/_react.default.createElement(_inputDoublestep.default, field);
 
     case 'select':
-      return /*#__PURE__*/_react.default.createElement(_select.default, field);
+      return /*#__PURE__*/_react.default.createElement(_select.default, _extends({}, field, {
+        theme: 'coorpmanager'
+      }));
 
     case 'selectMultiple':
       return /*#__PURE__*/_react.default.createElement(_selectMultiple.default, field);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'roles':\n      return <Roles {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/brand-form-group/index.js"],"names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","SelectMultiple","Roles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return <ImageUpload {...field} />;\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'roles':\n      return <Roles {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"file":"index.js"}

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

@@ -9,42 +9,46 @@ var _default = {
     fields: [{
       title: 'Primary color',
       name: 'primary-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
+      placeholder: '#FFFFFF',
       type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
-      onChange: () => {}
-    }, {
-      title: 'Secondary color',
-      name: 'secondary-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
-      type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
-      onChange: () => {}
-    }, {
-      title: 'Tertirary color',
-      name: 'tertirary-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
-      type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
+      error: '',
+      description: 'CTA buttons, icons, hovers, menu backgrounds...',
+      value: '#00B0FF',
+      options: [],
+      modified: false,
       onChange: () => {}
     }, {
       title: 'Validation color',
-      name: 'validation-color',
-      value: '#ececec',
-      placeholder: '#ffffff',
+      name: 'good-color',
+      placeholder: '#FFFFFF',
       type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
+      error: '',
+      description: 'Success messages',
+      value: '#66BB6A',
+      options: [],
+      modified: false,
       onChange: () => {}
     }, {
       title: 'Error color',
       name: 'error-color',
-      value: '#ff0000',
-      placeholder: '#ffffff',
+      placeholder: '#FFFFFF',
+      type: 'color',
+      error: '',
+      description: 'Error messages',
+      value: '#F73F52',
+      options: [],
+      modified: false,
+      onChange: () => {}
+    }, {
+      title: 'Lives color',
+      name: 'life-color',
+      placeholder: '#FFFFFF',
       type: 'color',
-      description: 'Lorem ipsum dolor sit amet.',
+      error: '',
+      description: 'Slides lives',
+      value: '#F73F52',
+      options: [],
+      modified: false,
       onChange: () => {}
     }]
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/lookandfeel.js"],"names":["props","title","subtitle","fields","name","value","placeholder","type","description","onChange"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,QAAQ,EAAE,8EAFL;AAGLC,IAAAA,MAAM,EAAE,CACN;AACEF,MAAAA,KAAK,EAAE,eADT;AAEEG,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KADM,EAUN;AACER,MAAAA,KAAK,EAAE,iBADT;AAEEG,MAAAA,IAAI,EAAE,iBAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KAVM,EAmBN;AACER,MAAAA,KAAK,EAAE,iBADT;AAEEG,MAAAA,IAAI,EAAE,iBAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KAnBM,EA4BN;AACER,MAAAA,KAAK,EAAE,kBADT;AAEEG,MAAAA,IAAI,EAAE,kBAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KA5BM,EAqCN;AACER,MAAAA,KAAK,EAAE,aADT;AAEEG,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,KAAK,EAAE,SAHT;AAIEC,MAAAA,WAAW,EAAE,SAJf;AAKEC,MAAAA,IAAI,EAAE,OALR;AAMEC,MAAAA,WAAW,EAAE,6BANf;AAOEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAPpB,KArCM;AAHH;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Platform design',\n    subtitle: 'Explanation about what Platform design is and why to set stuffs in this form',\n    fields: [\n      {\n        title: 'Primary color',\n        name: 'primary-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Secondary color',\n        name: 'secondary-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Tertirary color',\n        name: 'tertirary-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Validation color',\n        name: 'validation-color',\n        value: '#ececec',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      },\n      {\n        title: 'Error color',\n        name: 'error-color',\n        value: '#ff0000',\n        placeholder: '#ffffff',\n        type: 'color',\n        description: 'Lorem ipsum dolor sit amet.',\n        onChange: () => {}\n      }\n    ]\n  }\n};\n"],"file":"lookandfeel.js"}
+{"version":3,"sources":["../../../../../src/molecule/brand-form-group/test/fixtures/lookandfeel.js"],"names":["props","title","subtitle","fields","name","placeholder","type","error","description","value","options","modified","onChange"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,QAAQ,EAAE,8EAFL;AAGLC,IAAAA,MAAM,EAAE,CACN;AACEF,MAAAA,KAAK,EAAE,eADT;AAEEG,MAAAA,IAAI,EAAE,eAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,iDANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KADM,EAaN;AACEX,MAAAA,KAAK,EAAE,kBADT;AAEEG,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,kBANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KAbM,EAyBN;AACEX,MAAAA,KAAK,EAAE,aADT;AAEEG,MAAAA,IAAI,EAAE,aAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,gBANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KAzBM,EAqCN;AACEX,MAAAA,KAAK,EAAE,aADT;AAEEG,MAAAA,IAAI,EAAE,YAFR;AAGEC,MAAAA,WAAW,EAAE,SAHf;AAIEC,MAAAA,IAAI,EAAE,OAJR;AAKEC,MAAAA,KAAK,EAAE,EALT;AAMEC,MAAAA,WAAW,EAAE,cANf;AAOEC,MAAAA,KAAK,EAAE,SAPT;AAQEC,MAAAA,OAAO,EAAE,EARX;AASEC,MAAAA,QAAQ,EAAE,KATZ;AAUEC,MAAAA,QAAQ,EAAE,MAAM,CAAE;AAVpB,KArCM;AAHH;AADM,C","sourcesContent":["export default {\n  props: {\n    title: 'Platform design',\n    subtitle: 'Explanation about what Platform design is and why to set stuffs in this form',\n    fields: [\n      {\n        title: 'Primary color',\n        name: 'primary-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'CTA buttons, icons, hovers, menu backgrounds...',\n        value: '#00B0FF',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      },\n      {\n        title: 'Validation color',\n        name: 'good-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'Success messages',\n        value: '#66BB6A',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      },\n      {\n        title: 'Error color',\n        name: 'error-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'Error messages',\n        value: '#F73F52',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      },\n      {\n        title: 'Lives color',\n        name: 'life-color',\n        placeholder: '#FFFFFF',\n        type: 'color',\n        error: '',\n        description: 'Slides lives',\n        value: '#F73F52',\n        options: [],\n        modified: false,\n        onChange: () => {}\n      }\n    ]\n  }\n};\n"],"file":"lookandfeel.js"}

package/lib/molecule/wizard-summary/style.css

@@ -133,7 +133,7 @@
   text-align: center;
 }
 
-ul {
+.container ul {
   list-style: none;
   padding: 0px;
   margin: 0px;
@@ -215,7 +215,7 @@ ul {
     margin: 0px;
   }
 
-  label {
+  .container label {
     width: 100%;
     right: 0px;
     display: flex;
@@ -223,11 +223,11 @@ ul {
     cursor: pointer;
   }
 
-  label .tabletSummaryTitle{
+  .container label .tabletSummaryTitle{
     flex: 0 1 100%;
   }
   
-  label .tabletSummaryIcon{
+  .container label .tabletSummaryIcon{
     width: 12px;
     transition: all 0.5s ease;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.6.0",
+  "version": "10.6.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -119,5 +119,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "91ef820ffb9de91b827f9294658a5d06ccb932aa"
+  "gitHead": "d3077ff2834580e279edfd3a511c5f717c0c114a"
 }