@coorpacademy/components 11.15.3 → 11.16.0

package/es/atom/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAgBA,uDA8FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAmBA,uDA8GC"}

package/es/atom/autocomplete/index.js

@@ -6,7 +6,7 @@ import React, { useCallback, useMemo } from 'react';
 import Autosuggest from 'react-autosuggest';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidStatusClose as ErrorIcon } from '@coorpacademy/nova-icons';
+import { NovaSolidStatusClose as ErrorIcon, NovaCompositionCoorpacademyInformationIcon as InfoIcon } from '@coorpacademy/nova-icons';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
 const THEME_STYLE = {
@@ -52,6 +52,16 @@ const Autocomplete = props => {
     onInput: handleInput,
     'data-testid': 'autocomplete-input'
   };
+  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
+    className: style.description
+  }, description) : null;
+  const toolTipView = description && theme === 'coorpmanager' ? /*#__PURE__*/React.createElement("div", {
+    className: style.infoIconWrapper
+  }, /*#__PURE__*/React.createElement(InfoIcon, {
+    className: style.infoIcon
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.descriptionLabel
+  }, description)) : null;
   const errorIconView = theme === 'coorpmanager' && error ? /*#__PURE__*/React.createElement(ErrorIcon, {
     className: style.leftIcon
   }) : null;
@@ -66,7 +76,7 @@ const Autocomplete = props => {
     className: classnames(mainClass, className, _isNil(propsTitle) && style.isNoTitle)
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, title, toolTipView), /*#__PURE__*/React.createElement("div", {
     className: style.inputContainer
   }, /*#__PURE__*/React.createElement(Autosuggest, {
     theme: {
@@ -86,9 +96,7 @@ const Autocomplete = props => {
     inputProps: inputProps,
     focusInputOnSuggestionClick: false,
     onSuggestionSelected: handleSuggestionsSelected
-  }), errorIconView, errorText)), /*#__PURE__*/React.createElement("div", {
-    className: style.description
-  }, description));
+  }), errorIconView, errorText)), descriptionView);
 };
 
 Autocomplete.propTypes = process.env.NODE_ENV !== "production" ? {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","Autosuggest","PropTypes","classnames","NovaSolidStatusClose","ErrorIcon","getClassState","style","THEME_STYLE","coorpmanager","default","renderSuggestion","suggestion","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","onFetch","onClear","onBlur","onSuggestionSelected","title","propsTitle","theme","mainClass","className","handleInput","e","handleBlur","selectedSuggestion","handleSuggestionsFetchRequested","handleSuggestionsClearRequested","handleSuggestionsSelected","data","inputProps","onChange","errorIconView","leftIcon","errorText","__html","isNoTitle","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","propTypes","string","bool","arrayOf","shape","oneOfType","number","oneOf","func"],"sources":["../../../src/atom/autocomplete/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {noop, isNil, isEmpty, keys} from 'lodash/fp';\nimport {NovaSolidStatusClose as ErrorIcon} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst THEME_STYLE = {\n  coorpmanager: style.coorpmanager,\n  default: style.default\n};\n\nconst renderSuggestion = suggestion => <span>{suggestion.name}</span>;\n\nconst Autocomplete = props => {\n  const {\n    placeholder = '',\n    value,\n    description,\n    required,\n    modified = false,\n    error = false,\n    errorMessage,\n    suggestions = [],\n    onInput = noop,\n    onFetch = noop,\n    onClear = noop,\n    onBlur = noop,\n    onSuggestionSelected = noop,\n    title: propsTitle,\n    theme = 'default'\n  } = props;\n\n  const mainClass = THEME_STYLE[theme];\n  const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);\n  const className = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [modified, error]\n  );\n\n  const handleInput = useCallback(\n    e => {\n      onInput(e);\n    },\n    [onInput]\n  );\n  const handleBlur = useCallback(\n    (e, selectedSuggestion) => onBlur(e, selectedSuggestion),\n    [onBlur]\n  );\n  const handleSuggestionsFetchRequested = useCallback(e => onFetch(e), [onFetch]);\n  const handleSuggestionsClearRequested = useCallback(e => onClear(e), [onClear]);\n  const handleSuggestionsSelected = useCallback(\n    (e, data) => onSuggestionSelected(data),\n    [onSuggestionSelected]\n  );\n\n  const inputProps = {\n    placeholder,\n    value,\n    onChange: noop,\n    onBlur: handleBlur,\n    onInput: handleInput,\n    'data-testid': 'autocomplete-input'\n  };\n\n  const errorIconView =\n    theme === 'coorpmanager' && error ? <ErrorIcon className={style.leftIcon} /> : null;\n\n  const errorText =\n    theme === 'coorpmanager' && error ? (\n      <div\n        className={style.errorText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: errorMessage}}\n      />\n    ) : null;\n  return (\n    <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>{title}</span>\n        <div className={style.inputContainer}>\n          <Autosuggest\n            theme={{\n              container: style.container,\n              input: style.input,\n              suggestionsContainer: style.suggestionsContainer,\n              suggestionsContainerOpen: style.suggestionsContainerOpen,\n              suggestionsList: style.suggestionsList,\n              suggestion: style.suggestion,\n              suggestionHighlighted: style.suggestionHighlighted\n            }}\n            suggestions={suggestions}\n            onSuggestionsFetchRequested={handleSuggestionsFetchRequested}\n            onSuggestionsClearRequested={handleSuggestionsClearRequested}\n            getSuggestionValue={noop}\n            renderSuggestion={renderSuggestion}\n            inputProps={inputProps}\n            focusInputOnSuggestionClick={false}\n            onSuggestionSelected={handleSuggestionsSelected}\n          />\n          {errorIconView}\n          {errorText}\n        </div>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nAutocomplete.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  errorMessage: PropTypes.string,\n  suggestions: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  theme: PropTypes.oneOf(keys(THEME_STYLE)),\n  onInput: PropTypes.func,\n  onFetch: PropTypes.func,\n  onClear: PropTypes.func,\n  onBlur: PropTypes.func,\n  onSuggestionSelected: PropTypes.func\n};\n\nexport default Autocomplete;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","Autosuggest","PropTypes","classnames","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","THEME_STYLE","coorpmanager","default","renderSuggestion","suggestion","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","onFetch","onClear","onBlur","onSuggestionSelected","title","propsTitle","theme","mainClass","className","handleInput","e","handleBlur","selectedSuggestion","handleSuggestionsFetchRequested","handleSuggestionsClearRequested","handleSuggestionsSelected","data","inputProps","onChange","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","errorIconView","leftIcon","errorText","__html","isNoTitle","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","propTypes","string","bool","arrayOf","shape","oneOfType","number","oneOf","func"],"sources":["../../../src/atom/autocomplete/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {noop, isNil, isEmpty, keys} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst THEME_STYLE = {\n  coorpmanager: style.coorpmanager,\n  default: style.default\n};\n\nconst renderSuggestion = suggestion => <span>{suggestion.name}</span>;\n\nconst Autocomplete = props => {\n  const {\n    placeholder = '',\n    value,\n    description,\n    required,\n    modified = false,\n    error = false,\n    errorMessage,\n    suggestions = [],\n    onInput = noop,\n    onFetch = noop,\n    onClear = noop,\n    onBlur = noop,\n    onSuggestionSelected = noop,\n    title: propsTitle,\n    theme = 'default'\n  } = props;\n\n  const mainClass = THEME_STYLE[theme];\n  const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);\n  const className = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [modified, error]\n  );\n\n  const handleInput = useCallback(\n    e => {\n      onInput(e);\n    },\n    [onInput]\n  );\n  const handleBlur = useCallback(\n    (e, selectedSuggestion) => onBlur(e, selectedSuggestion),\n    [onBlur]\n  );\n  const handleSuggestionsFetchRequested = useCallback(e => onFetch(e), [onFetch]);\n  const handleSuggestionsClearRequested = useCallback(e => onClear(e), [onClear]);\n  const handleSuggestionsSelected = useCallback(\n    (e, data) => onSuggestionSelected(data),\n    [onSuggestionSelected]\n  );\n\n  const inputProps = {\n    placeholder,\n    value,\n    onChange: noop,\n    onBlur: handleBlur,\n    onInput: handleInput,\n    'data-testid': 'autocomplete-input'\n  };\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n\n  const errorIconView =\n    theme === 'coorpmanager' && error ? <ErrorIcon className={style.leftIcon} /> : null;\n\n  const errorText =\n    theme === 'coorpmanager' && error ? (\n      <div\n        className={style.errorText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: errorMessage}}\n      />\n    ) : null;\n  return (\n    <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {title}\n          {toolTipView}\n        </span>\n        <div className={style.inputContainer}>\n          <Autosuggest\n            theme={{\n              container: style.container,\n              input: style.input,\n              suggestionsContainer: style.suggestionsContainer,\n              suggestionsContainerOpen: style.suggestionsContainerOpen,\n              suggestionsList: style.suggestionsList,\n              suggestion: style.suggestion,\n              suggestionHighlighted: style.suggestionHighlighted\n            }}\n            suggestions={suggestions}\n            onSuggestionsFetchRequested={handleSuggestionsFetchRequested}\n            onSuggestionsClearRequested={handleSuggestionsClearRequested}\n            getSuggestionValue={noop}\n            renderSuggestion={renderSuggestion}\n            inputProps={inputProps}\n            focusInputOnSuggestionClick={false}\n            onSuggestionSelected={handleSuggestionsSelected}\n          />\n          {errorIconView}\n          {errorText}\n        </div>\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nAutocomplete.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  errorMessage: PropTypes.string,\n  suggestions: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  theme: PropTypes.oneOf(keys(THEME_STYLE)),\n  onInput: PropTypes.func,\n  onFetch: PropTypes.func,\n  onClear: PropTypes.func,\n  onBlur: PropTypes.func,\n  onSuggestionSelected: PropTypes.func\n};\n\nexport default Autocomplete;\n"],"mappings":"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"}

package/es/atom/autocomplete/style.css

@@ -10,6 +10,7 @@
 @value cm_grey_100 from colors;
 @value cm_grey_150 from colors;
 @value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 
 .default {
@@ -193,6 +194,20 @@
   top: 7px;
 }
 
+.coorpmanager:focus-within .title.noValue .infoIcon {
+  width: 8px;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager .title.noValue .infoIcon {
+  height: 10px;
+  width: 10px;
+  line-height: 12px;
+  color: cm_grey_500;
+}
+
 .coorpmanager .inputContainer {
   width: 100%
 }
@@ -277,3 +292,71 @@
   padding-top: 8px;
   color: cm_negative_100;
 }
+
+.coorpmanager .infoIconWrapper {
+  overflow: visible;
+  height: 12px;
+  margin: 0px 4px;
+  cursor: pointer;
+  pointer-events: fill;
+  position: relative;
+}
+
+.coorpmanager .infoIcon {
+  cursor: pointer;
+  width: 8px;
+  height: 8px;
+  line-height: 16px;
+  color: cm_grey_400;
+  transition: all 0.25s linear;
+}
+
+.coorpmanager .infoIconWrapper:hover .descriptionLabel {
+  visibility: visible;
+  opacity: 1;
+}
+
+.coorpmanager .descriptionLabel {
+  margin: 0 1px 18px 0;
+  padding: 8px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: center;
+  color: white;
+  padding: 8px 16px;
+  max-width: 348px;
+  width: max-content;
+  position: absolute;
+  left: -24px;
+  z-index: 3;
+  bottom: 5px;
+  visibility: hidden;
+  opacity: 0;
+  overflow-wrap: break-word;
+  white-space: break-spaces;
+}
+
+.coorpmanager .descriptionLabel::after{
+  content:'';
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid cm_grey_700;
+  position: absolute;
+  bottom: -6px;
+  left: 21px;
+}
+
+.coorpmanager .title.noValue .descriptionLabel::after{
+  left: 22px;
+}
+.coorpmanager:focus-within .title.noValue .descriptionLabel::after{
+  left: 21px;
+}

package/es/molecule/select-multiple/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/select-multiple/index.js"],"names":[],"mappings":"AAsBO,oEAcN;;AA2BD;;;;;;;;;;;;;;;gBAoLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/select-multiple/index.js"],"names":[],"mappings":"AAsBO,oEAcN;;AAwBD;;;;;;;;;;;;;;;gBAoLC"}

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

@@ -47,10 +47,8 @@ const CMMultipleView = ({
   choice,
   onChange
 }) => {
-  const handleChange = useCallback(checked => {
-    return onChange(_extends({}, choice, {
-      selected: checked
-    }));
+  const handleChange = useCallback(() => {
+    return onChange(choice);
   }, [onChange, choice]);
   return multiple ? /*#__PURE__*/React.createElement("div", {
     className: style.item

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

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

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

@@ -296,14 +296,6 @@
   color: cm_grey_400;
 }
 
-.coorpmanager .select .title.noValue.active,
-.coorpmanager .select .title.titleWithSelection {
-  width: max-content;
-  height: 8px;
-  line-height: 12px;
-  color: cm_grey_400;
-}
-
 .coorpmanager .arrow:hover {
   background-color: cm_grey_200;
 }
@@ -343,6 +335,8 @@
 .coorpmanager .select .title.titleWithSelection .infoIcon {
   color: cm_grey_400;
   margin: 0 4px 0 4px;
+  width: 8px;
+  height: 8px;
 }
 
 .coorpmanager .infoIconWrapper:hover .descriptionLabel {
@@ -369,9 +363,9 @@
   max-width: 348px;
   width: max-content;
   position: absolute;
-  left: -24px;
+  left: -19px;
   z-index: 3;
-  bottom: 5px;
+  bottom: 17px;
   visibility: hidden;
   opacity: 0;
   overflow-wrap: break-word;
@@ -451,7 +445,7 @@
 .coorpmanager .errorIcon {
   background-color: cm_negative_100;
   color: white;
-  padding: 4px;
+  padding: 2px;
   border-radius: 50%;
   width: 10px;
   height: 10px;

package/es/organism/brand-form/index.d.ts

@@ -512,6 +512,7 @@ declare namespace BrandForm {
         }>>;
         export { tooltip_1 as tooltip };
         export const isLoading: PropTypes.Requireable<boolean>;
+        export const theme: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/es/organism/brand-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-form/index.js"],"names":[],"mappings":";AAiDA,kEA6EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-form/index.js"],"names":[],"mappings":";AA6DA,kEA+EC"}

package/es/organism/brand-form/index.js

@@ -5,11 +5,12 @@ import { NovaCompositionNavigationArrowLeft as ArrowLeft } from '@coorpacademy/n
 import BrandFormGroup from '../../molecule/brand-form-group';
 import Provider from '../../atom/provider';
 import Button from '../../atom/button';
+import ButtonLink from '../../atom/button-link';
 import Link from '../../atom/link';
 import Loader from '../../atom/loader';
 import style from './style.css';
 
-const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor) => {
+const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor, theme) => {
   if (!onSubmit && !onReset) {
     return null;
   }
@@ -19,7 +20,14 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     "data-tip": tooltip.title,
     "data-for": "submitButton",
     className: style.saveButton
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, theme === 'coorpmanager' ? /*#__PURE__*/React.createElement(ButtonLink, {
+    type: "primary",
+    label: submitValue,
+    disabled: disabledSubmit,
+    "data-testid": "submit-button",
+    buttonType: "submit",
+    onClick: onSubmit
+  }) : /*#__PURE__*/React.createElement(Button, {
     type: "submit",
     disabled: disabledSubmit,
     submitValue: submitValue
@@ -39,7 +47,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
   }, submitButton, resetButton);
 };
 
-function BrandForm(props, context) {
+const BrandForm = (props, context) => {
   const {
     groups,
     disabled,
@@ -51,7 +59,8 @@ function BrandForm(props, context) {
     resetValue,
     back,
     tooltip,
-    isLoading
+    isLoading,
+    theme
   } = props;
   const {
     skin
@@ -76,7 +85,7 @@ function BrandForm(props, context) {
       key: index
     }, /*#__PURE__*/React.createElement(BrandFormGroup, group));
   });
-  const buttonSection = buildButtonSection(onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor);
+  const buttonSection = buildButtonSection(onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor, theme);
   const handleSubmit = useMemo(() => e => {
     e.preventDefault();
     return onSubmit(e);
@@ -95,7 +104,7 @@ function BrandForm(props, context) {
     onReset: handleReset,
     className: style.form
   }, brandGroups, buttonSection));
-}
+};
 
 BrandForm.contextTypes = {
   skin: Provider.childContextTypes.skin
@@ -123,7 +132,8 @@ BrandForm.propTypes = process.env.NODE_ENV !== "production" ? {
     title: PropTypes.string,
     place: PropTypes.string
   }),
-  isLoading: PropTypes.bool
+  isLoading: PropTypes.bool,
+  theme: PropTypes.string
 } : {};
 export default BrandForm;
 //# sourceMappingURL=index.js.map

package/es/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","place","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","BrandFormGroup","Provider","Button","ButtonLink","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","theme","disabledSubmit","submitButton","title","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","place","propTypes","arrayOf","shape","isRequired","bool","func","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor,\n  theme\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      {theme === 'coorpmanager' ? (\n        <ButtonLink\n          type=\"primary\"\n          label={submitValue}\n          disabled={disabledSubmit}\n          data-testid=\"submit-button\"\n          buttonType=\"submit\"\n          onClick={onSubmit}\n        />\n      ) : (\n        <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n      )}\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/es/organism/wizard-contents/index.d.ts

@@ -528,6 +528,7 @@ declare namespace WizardContents {
                 place: PropTypes.Requireable<string>;
             }>>;
             isLoading: PropTypes.Requireable<boolean>;
+            theme: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             languageTabs: PropTypes.Requireable<(PropTypes.InferProps<{

package/es/template/back-office/brand-update/index.d.ts

@@ -613,6 +613,7 @@ declare namespace BrandUpdate {
                 place: PropTypes.Requireable<string>;
             }>>;
             isLoading: PropTypes.Requireable<boolean>;
+            theme: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;

package/es/template/back-office/brand-update/style.css

@@ -95,8 +95,9 @@
   display: flex;
   flex-direction: column;
   overflow: auto;
-  top: 124px;
+  top: 94px;
   position: relative;
+  padding-top: 30px;
 }
 
 .contentWithNotifications {

package/lib/atom/autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAgBA,uDA8FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/autocomplete/index.js"],"names":[],"mappings":";AAmBA,uDA8GC"}

package/lib/atom/autocomplete/index.js

@@ -74,6 +74,16 @@ const Autocomplete = props => {
     onInput: handleInput,
     'data-testid': 'autocomplete-input'
   };
+  const descriptionView = description && theme !== 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.description
+  }, description) : null;
+  const toolTipView = description && theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.infoIconWrapper
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyInformationIcon, {
+    className: _style.default.infoIcon
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.descriptionLabel
+  }, description)) : null;
   const errorIconView = theme === 'coorpmanager' && error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
     className: _style.default.leftIcon
   }) : null;
@@ -88,7 +98,7 @@ const Autocomplete = props => {
     className: (0, _classnames.default)(mainClass, className, (0, _isNil2.default)(propsTitle) && _style.default.isNoTitle)
   }, /*#__PURE__*/_react.default.createElement("label", null, /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(_style.default.title, (0, _isEmpty2.default)(value) && _style.default.noValue)
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+  }, title, toolTipView), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.inputContainer
   }, /*#__PURE__*/_react.default.createElement(_reactAutosuggest.default, {
     theme: {
@@ -108,9 +118,7 @@ const Autocomplete = props => {
     inputProps: inputProps,
     focusInputOnSuggestionClick: false,
     onSuggestionSelected: handleSuggestionsSelected
-  }), errorIconView, errorText)), /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.description
-  }, description));
+  }), errorIconView, errorText)), descriptionView);
 };
 
 Autocomplete.propTypes = process.env.NODE_ENV !== "production" ? {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEME_STYLE","coorpmanager","style","default","renderSuggestion","suggestion","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","onFetch","onClear","onBlur","onSuggestionSelected","title","propsTitle","theme","mainClass","useMemo","className","getClassState","handleInput","useCallback","e","handleBlur","selectedSuggestion","handleSuggestionsFetchRequested","handleSuggestionsClearRequested","handleSuggestionsSelected","data","inputProps","onChange","errorIconView","leftIcon","errorText","__html","classnames","isNoTitle","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","propTypes","PropTypes","string","bool","arrayOf","shape","oneOfType","number","oneOf","func"],"sources":["../../../src/atom/autocomplete/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {noop, isNil, isEmpty, keys} from 'lodash/fp';\nimport {NovaSolidStatusClose as ErrorIcon} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst THEME_STYLE = {\n  coorpmanager: style.coorpmanager,\n  default: style.default\n};\n\nconst renderSuggestion = suggestion => <span>{suggestion.name}</span>;\n\nconst Autocomplete = props => {\n  const {\n    placeholder = '',\n    value,\n    description,\n    required,\n    modified = false,\n    error = false,\n    errorMessage,\n    suggestions = [],\n    onInput = noop,\n    onFetch = noop,\n    onClear = noop,\n    onBlur = noop,\n    onSuggestionSelected = noop,\n    title: propsTitle,\n    theme = 'default'\n  } = props;\n\n  const mainClass = THEME_STYLE[theme];\n  const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);\n  const className = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [modified, error]\n  );\n\n  const handleInput = useCallback(\n    e => {\n      onInput(e);\n    },\n    [onInput]\n  );\n  const handleBlur = useCallback(\n    (e, selectedSuggestion) => onBlur(e, selectedSuggestion),\n    [onBlur]\n  );\n  const handleSuggestionsFetchRequested = useCallback(e => onFetch(e), [onFetch]);\n  const handleSuggestionsClearRequested = useCallback(e => onClear(e), [onClear]);\n  const handleSuggestionsSelected = useCallback(\n    (e, data) => onSuggestionSelected(data),\n    [onSuggestionSelected]\n  );\n\n  const inputProps = {\n    placeholder,\n    value,\n    onChange: noop,\n    onBlur: handleBlur,\n    onInput: handleInput,\n    'data-testid': 'autocomplete-input'\n  };\n\n  const errorIconView =\n    theme === 'coorpmanager' && error ? <ErrorIcon className={style.leftIcon} /> : null;\n\n  const errorText =\n    theme === 'coorpmanager' && error ? (\n      <div\n        className={style.errorText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: errorMessage}}\n      />\n    ) : null;\n  return (\n    <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>{title}</span>\n        <div className={style.inputContainer}>\n          <Autosuggest\n            theme={{\n              container: style.container,\n              input: style.input,\n              suggestionsContainer: style.suggestionsContainer,\n              suggestionsContainerOpen: style.suggestionsContainerOpen,\n              suggestionsList: style.suggestionsList,\n              suggestion: style.suggestion,\n              suggestionHighlighted: style.suggestionHighlighted\n            }}\n            suggestions={suggestions}\n            onSuggestionsFetchRequested={handleSuggestionsFetchRequested}\n            onSuggestionsClearRequested={handleSuggestionsClearRequested}\n            getSuggestionValue={noop}\n            renderSuggestion={renderSuggestion}\n            inputProps={inputProps}\n            focusInputOnSuggestionClick={false}\n            onSuggestionSelected={handleSuggestionsSelected}\n          />\n          {errorIconView}\n          {errorText}\n        </div>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nAutocomplete.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  errorMessage: PropTypes.string,\n  suggestions: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  theme: PropTypes.oneOf(keys(THEME_STYLE)),\n  onInput: PropTypes.func,\n  onFetch: PropTypes.func,\n  onClear: PropTypes.func,\n  onBlur: PropTypes.func,\n  onSuggestionSelected: PropTypes.func\n};\n\nexport default Autocomplete;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEME_STYLE","coorpmanager","style","default","renderSuggestion","suggestion","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","onFetch","onClear","onBlur","onSuggestionSelected","title","propsTitle","theme","mainClass","useMemo","className","getClassState","handleInput","useCallback","e","handleBlur","selectedSuggestion","handleSuggestionsFetchRequested","handleSuggestionsClearRequested","handleSuggestionsSelected","data","inputProps","onChange","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","errorIconView","leftIcon","errorText","__html","classnames","isNoTitle","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","propTypes","PropTypes","string","bool","arrayOf","shape","oneOfType","number","oneOf","func"],"sources":["../../../src/atom/autocomplete/index.js"],"sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport Autosuggest from 'react-autosuggest';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {noop, isNil, isEmpty, keys} from 'lodash/fp';\nimport {\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst THEME_STYLE = {\n  coorpmanager: style.coorpmanager,\n  default: style.default\n};\n\nconst renderSuggestion = suggestion => <span>{suggestion.name}</span>;\n\nconst Autocomplete = props => {\n  const {\n    placeholder = '',\n    value,\n    description,\n    required,\n    modified = false,\n    error = false,\n    errorMessage,\n    suggestions = [],\n    onInput = noop,\n    onFetch = noop,\n    onClear = noop,\n    onBlur = noop,\n    onSuggestionSelected = noop,\n    title: propsTitle,\n    theme = 'default'\n  } = props;\n\n  const mainClass = THEME_STYLE[theme];\n  const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);\n  const className = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [modified, error]\n  );\n\n  const handleInput = useCallback(\n    e => {\n      onInput(e);\n    },\n    [onInput]\n  );\n  const handleBlur = useCallback(\n    (e, selectedSuggestion) => onBlur(e, selectedSuggestion),\n    [onBlur]\n  );\n  const handleSuggestionsFetchRequested = useCallback(e => onFetch(e), [onFetch]);\n  const handleSuggestionsClearRequested = useCallback(e => onClear(e), [onClear]);\n  const handleSuggestionsSelected = useCallback(\n    (e, data) => onSuggestionSelected(data),\n    [onSuggestionSelected]\n  );\n\n  const inputProps = {\n    placeholder,\n    value,\n    onChange: noop,\n    onBlur: handleBlur,\n    onInput: handleInput,\n    'data-testid': 'autocomplete-input'\n  };\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n\n  const errorIconView =\n    theme === 'coorpmanager' && error ? <ErrorIcon className={style.leftIcon} /> : null;\n\n  const errorText =\n    theme === 'coorpmanager' && error ? (\n      <div\n        className={style.errorText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: errorMessage}}\n      />\n    ) : null;\n  return (\n    <div className={classnames(mainClass, className, isNil(propsTitle) && style.isNoTitle)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {title}\n          {toolTipView}\n        </span>\n        <div className={style.inputContainer}>\n          <Autosuggest\n            theme={{\n              container: style.container,\n              input: style.input,\n              suggestionsContainer: style.suggestionsContainer,\n              suggestionsContainerOpen: style.suggestionsContainerOpen,\n              suggestionsList: style.suggestionsList,\n              suggestion: style.suggestion,\n              suggestionHighlighted: style.suggestionHighlighted\n            }}\n            suggestions={suggestions}\n            onSuggestionsFetchRequested={handleSuggestionsFetchRequested}\n            onSuggestionsClearRequested={handleSuggestionsClearRequested}\n            getSuggestionValue={noop}\n            renderSuggestion={renderSuggestion}\n            inputProps={inputProps}\n            focusInputOnSuggestionClick={false}\n            onSuggestionSelected={handleSuggestionsSelected}\n          />\n          {errorIconView}\n          {errorText}\n        </div>\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nAutocomplete.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  value: PropTypes.string,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  errorMessage: PropTypes.string,\n  suggestions: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    })\n  ),\n  theme: PropTypes.oneOf(keys(THEME_STYLE)),\n  onInput: PropTypes.func,\n  onFetch: PropTypes.func,\n  onClear: PropTypes.func,\n  onBlur: PropTypes.func,\n  onSuggestionSelected: PropTypes.func\n};\n\nexport default Autocomplete;\n"],"mappings":"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"}

package/lib/atom/autocomplete/style.css

@@ -10,6 +10,7 @@
 @value cm_grey_100 from colors;
 @value cm_grey_150 from colors;
 @value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 
 .default {
@@ -193,6 +194,20 @@
   top: 7px;
 }
 
+.coorpmanager:focus-within .title.noValue .infoIcon {
+  width: 8px;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager .title.noValue .infoIcon {
+  height: 10px;
+  width: 10px;
+  line-height: 12px;
+  color: cm_grey_500;
+}
+
 .coorpmanager .inputContainer {
   width: 100%
 }
@@ -277,3 +292,71 @@
   padding-top: 8px;
   color: cm_negative_100;
 }
+
+.coorpmanager .infoIconWrapper {
+  overflow: visible;
+  height: 12px;
+  margin: 0px 4px;
+  cursor: pointer;
+  pointer-events: fill;
+  position: relative;
+}
+
+.coorpmanager .infoIcon {
+  cursor: pointer;
+  width: 8px;
+  height: 8px;
+  line-height: 16px;
+  color: cm_grey_400;
+  transition: all 0.25s linear;
+}
+
+.coorpmanager .infoIconWrapper:hover .descriptionLabel {
+  visibility: visible;
+  opacity: 1;
+}
+
+.coorpmanager .descriptionLabel {
+  margin: 0 1px 18px 0;
+  padding: 8px 16px;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.43;
+  letter-spacing: normal;
+  text-align: center;
+  color: white;
+  padding: 8px 16px;
+  max-width: 348px;
+  width: max-content;
+  position: absolute;
+  left: -24px;
+  z-index: 3;
+  bottom: 5px;
+  visibility: hidden;
+  opacity: 0;
+  overflow-wrap: break-word;
+  white-space: break-spaces;
+}
+
+.coorpmanager .descriptionLabel::after{
+  content:'';
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid cm_grey_700;
+  position: absolute;
+  bottom: -6px;
+  left: 21px;
+}
+
+.coorpmanager .title.noValue .descriptionLabel::after{
+  left: 22px;
+}
+.coorpmanager:focus-within .title.noValue .descriptionLabel::after{
+  left: 21px;
+}

package/lib/molecule/select-multiple/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/select-multiple/index.js"],"names":[],"mappings":"AAsBO,oEAcN;;AA2BD;;;;;;;;;;;;;;;gBAoLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/select-multiple/index.js"],"names":[],"mappings":"AAsBO,oEAcN;;AAwBD;;;;;;;;;;;;;;;gBAoLC"}

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

@@ -76,10 +76,8 @@ const CMMultipleView = ({
   choice,
   onChange
 }) => {
-  const handleChange = (0, _react.useCallback)(checked => {
-    return onChange(_extends({}, choice, {
-      selected: checked
-    }));
+  const handleChange = (0, _react.useCallback)(() => {
+    return onChange(choice);
   }, [onChange, choice]);
   return multiple ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.item

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

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

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

@@ -296,14 +296,6 @@
   color: cm_grey_400;
 }
 
-.coorpmanager .select .title.noValue.active,
-.coorpmanager .select .title.titleWithSelection {
-  width: max-content;
-  height: 8px;
-  line-height: 12px;
-  color: cm_grey_400;
-}
-
 .coorpmanager .arrow:hover {
   background-color: cm_grey_200;
 }
@@ -343,6 +335,8 @@
 .coorpmanager .select .title.titleWithSelection .infoIcon {
   color: cm_grey_400;
   margin: 0 4px 0 4px;
+  width: 8px;
+  height: 8px;
 }
 
 .coorpmanager .infoIconWrapper:hover .descriptionLabel {
@@ -369,9 +363,9 @@
   max-width: 348px;
   width: max-content;
   position: absolute;
-  left: -24px;
+  left: -19px;
   z-index: 3;
-  bottom: 5px;
+  bottom: 17px;
   visibility: hidden;
   opacity: 0;
   overflow-wrap: break-word;
@@ -451,7 +445,7 @@
 .coorpmanager .errorIcon {
   background-color: cm_negative_100;
   color: white;
-  padding: 4px;
+  padding: 2px;
   border-radius: 50%;
   width: 10px;
   height: 10px;

package/lib/organism/brand-form/index.d.ts

@@ -512,6 +512,7 @@ declare namespace BrandForm {
         }>>;
         export { tooltip_1 as tooltip };
         export const isLoading: PropTypes.Requireable<boolean>;
+        export const theme: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/lib/organism/brand-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-form/index.js"],"names":[],"mappings":";AAiDA,kEA6EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/brand-form/index.js"],"names":[],"mappings":";AA6DA,kEA+EC"}

package/lib/organism/brand-form/index.js

@@ -17,6 +17,8 @@ var _provider = _interopRequireDefault(require("../../atom/provider"));
 
 var _button = _interopRequireDefault(require("../../atom/button"));
 
+var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
+
 var _link = _interopRequireDefault(require("../../atom/link"));
 
 var _loader = _interopRequireDefault(require("../../atom/loader"));
@@ -29,7 +31,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor) => {
+const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor, theme) => {
   if (!onSubmit && !onReset) {
     return null;
   }
@@ -39,7 +41,14 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
     "data-tip": tooltip.title,
     "data-for": "submitButton",
     className: _style.default.saveButton
-  }, /*#__PURE__*/_react.default.createElement(_button.default, {
+  }, theme === 'coorpmanager' ? /*#__PURE__*/_react.default.createElement(_buttonLink.default, {
+    type: "primary",
+    label: submitValue,
+    disabled: disabledSubmit,
+    "data-testid": "submit-button",
+    buttonType: "submit",
+    onClick: onSubmit
+  }) : /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "submit",
     disabled: disabledSubmit,
     submitValue: submitValue
@@ -59,7 +68,7 @@ const buildButtonSection = (onSubmit, submitValue, onReset, resetValue, tooltip,
   }, submitButton, resetButton);
 };
 
-function BrandForm(props, context) {
+const BrandForm = (props, context) => {
   const {
     groups,
     disabled,
@@ -71,7 +80,8 @@ function BrandForm(props, context) {
     resetValue,
     back,
     tooltip,
-    isLoading
+    isLoading,
+    theme
   } = props;
   const {
     skin
@@ -94,7 +104,7 @@ function BrandForm(props, context) {
       key: index
     }, /*#__PURE__*/_react.default.createElement(_brandFormGroup.default, group));
   });
-  const buttonSection = buildButtonSection(onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor);
+  const buttonSection = buildButtonSection(onSubmit, submitValue, onReset, resetValue, tooltip, disabled, isModified, isPending, darkColor, theme);
   const handleSubmit = (0, _react.useMemo)(() => e => {
     e.preventDefault();
     return onSubmit(e);
@@ -113,7 +123,7 @@ function BrandForm(props, context) {
     onReset: handleReset,
     className: _style.default.form
   }, brandGroups, buttonSection));
-}
+};
 
 BrandForm.contextTypes = {
   skin: _provider.default.childContextTypes.skin
@@ -141,7 +151,8 @@ BrandForm.propTypes = process.env.NODE_ENV !== "production" ? {
     title: _propTypes.default.string,
     place: _propTypes.default.string
   }),
-  isLoading: _propTypes.default.bool
+  isLoading: _propTypes.default.bool,
+  theme: _propTypes.default.string
 } : {};
 var _default = BrandForm;
 exports.default = _default;

package/lib/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","theme","disabledSubmit","submitButton","title","style","saveButton","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","place","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport ButtonLink from '../../atom/button-link';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor,\n  theme\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      {theme === 'coorpmanager' ? (\n        <ButtonLink\n          type=\"primary\"\n          label={submitValue}\n          disabled={disabledSubmit}\n          data-testid=\"submit-button\"\n          buttonType=\"submit\"\n          onClick={onSubmit}\n        />\n      ) : (\n        <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n      )}\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\nconst BrandForm = (props, context) => {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading,\n    theme\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor,\n    theme\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n};\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/lib/organism/wizard-contents/index.d.ts

@@ -528,6 +528,7 @@ declare namespace WizardContents {
                 place: PropTypes.Requireable<string>;
             }>>;
             isLoading: PropTypes.Requireable<boolean>;
+            theme: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             languageTabs: PropTypes.Requireable<(PropTypes.InferProps<{

package/lib/template/back-office/brand-update/index.d.ts

@@ -613,6 +613,7 @@ declare namespace BrandUpdate {
                 place: PropTypes.Requireable<string>;
             }>>;
             isLoading: PropTypes.Requireable<boolean>;
+            theme: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             key: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;

package/lib/template/back-office/brand-update/style.css

@@ -95,8 +95,9 @@
   display: flex;
   flex-direction: column;
   overflow: auto;
-  top: 124px;
+  top: 94px;
   position: relative;
+  padding-top: 30px;
 }
 
 .contentWithNotifications {

package/locales/.mtslconfig.json

@@ -0,0 +1 @@
+{"ignore_dirs":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.15.3",
+  "version": "11.16.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "a4191f29a68bd97126b50ff10b68f5b1d8c566d4"
+  "gitHead": "e93be374d218c12f5a64704bcadac58964eba847"
 }