@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

package/es/atom/autocomplete/index.js

@@ -11,7 +11,7 @@ import getClassState from '../../util/get-class-state';
 import style from './style.css';
 const THEME_STYLE = {
   coorpmanager: style.coorpmanager,
-  default: style.default
+  default: style.defaultStyle
 };
 const renderSuggestion = suggestion => /*#__PURE__*/React.createElement("span", null, suggestion.name);
 const Autocomplete = props => {
@@ -34,7 +34,7 @@ const Autocomplete = props => {
   } = props;
   const mainClass = THEME_STYLE[theme];
   const title = useMemo(() => `${propsTitle}${required ? '*' : ''}`, [propsTitle, required]);
-  const className = useMemo(() => getClassState(style.default, style.modified, style.error, modified, error), [modified, error]);
+  const className = useMemo(() => getClassState(style.defaultStyle, style.modified, style.error, modified, error), [modified, error]);
   const handleInput = useCallback(e => {
     onInput(e);
   }, [onInput]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","Autosuggest","PropTypes","classnames","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","THEME_STYLE","coorpmanager","default","renderSuggestion","suggestion","createElement","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","_noop","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","dangerouslySetInnerHTML","__html","_isNil","isNoTitle","_isEmpty","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","onSuggestionsFetchRequested","onSuggestionsClearRequested","getSuggestionValue","focusInputOnSuggestionClick","propTypes","process","env","NODE_ENV","string","bool","arrayOf","shape","oneOfType","number","oneOf","_keys","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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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","Autosuggest","PropTypes","classnames","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","THEME_STYLE","coorpmanager","default","defaultStyle","renderSuggestion","suggestion","createElement","name","Autocomplete","props","placeholder","value","description","required","modified","error","errorMessage","suggestions","onInput","_noop","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","dangerouslySetInnerHTML","__html","_isNil","isNoTitle","_isEmpty","noValue","inputContainer","container","input","suggestionsContainer","suggestionsContainerOpen","suggestionsList","suggestionHighlighted","onSuggestionsFetchRequested","onSuggestionsClearRequested","getSuggestionValue","focusInputOnSuggestionClick","propTypes","process","env","NODE_ENV","string","bool","arrayOf","shape","oneOfType","number","oneOf","_keys","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.defaultStyle\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.defaultStyle, 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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","ignoreList":[]}

package/es/atom/autocomplete/style.css

@@ -13,14 +13,14 @@
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 
-.default {
+.defaultStyle {
     display: flex;
     flex-wrap: nowrap;
     align-items: center;
     align-content: center;
 }
 
-.default label {
+.defaultStyle label {
     display: flex;
     align-items: center;
     height: 50px;
@@ -30,11 +30,11 @@
 }
 
 .error {
-    composes: default;
+    composes: defaultStyle;
 }
 
 .modified {
-    composes: default;
+    composes: defaultStyle;
 }
 
 .title {

package/es/atom/battle-opponent/index.js

@@ -18,7 +18,7 @@ const BattleOpponent = ({
   'aria-label': ariaLabel
 }, legacyContext) => {
   const translate = GetTranslateFromContext(legacyContext);
-  const wrapperClassnames = useMemo(() => classnames(style.card, style['opponent-card'], isRandom ? style.random : null), [isRandom]);
+  const wrapperClassnames = useMemo(() => classnames(style.card, style.opponentCard, isRandom ? style.random : null), [isRandom]);
   const displayNameClassnames = useMemo(() => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null), [isAlreadyEngaged]);
   const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);
   const [toolTipIsVisible, setToolTipIsVisible] = useState(false);

package/es/atom/battle-opponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","useRef","classnames","v5","uuidV5","has","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyInformationIcon","InformationIcon","ToolTip","toggleStateOnKeyPress","Provider","GetTranslateFromContext","propTypes","style","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","wrapperClassnames","card","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","URL","buttonRef","handleMouseOver","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","TooltipContent","_props","createElement","_extends","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","rightArrow","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText,\n    'aria-label': ariaLabel\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style['opponent-card'], isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [battleOpponentInfoId] = useState(\n    isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const buttonRef = useRef(null);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    // @ts-expect-error (error: focus does not exists on type never)\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500) as unknown as number\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const TooltipContent = useCallback(\n    _props => (\n      <p\n        {..._props}\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-testid=\"battle-opponent-tooltip-content\"\n      >\n        {tooltipText}\n      </p>\n    ),\n    [handleMouseLeave, handleMouseOver, tooltipText]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n      tabIndex={0}\n    >\n      <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n      <p className={displayNameClassnames} tabIndex={0}>\n        {displayName}\n      </p>\n      {isAlreadyEngaged ? (\n        <>\n          <button\n            ref={buttonRef}\n            tabIndex={0}\n            type=\"button\"\n            className={style.tooltipIconContainer}\n            data-testid=\"battle-engaged-opponent-information-button\"\n            onKeyDown={handleKeyPress}\n            onMouseLeave={handleMouseLeave}\n            onMouseOver={handleMouseOver}\n            data-for={battleOpponentInfoId}\n            data-tooltip-place=\"left\"\n            data-tip={isAlreadyEngaged}\n            aria-label={ariaLabel}\n          >\n            <InformationIcon className={style.informationIcon} width={20} height={20} />\n          </button>\n          <span className={style.toolTipWrapper}>\n            <ToolTip\n              fontSize={12}\n              anchorId={battleOpponentInfoId}\n              toolTipIsVisible={toolTipIsVisible}\n              TooltipContent={TooltipContent}\n              closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n            />\n          </span>\n        </>\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","useRef","classnames","v5","uuidV5","has","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyInformationIcon","InformationIcon","ToolTip","toggleStateOnKeyPress","Provider","GetTranslateFromContext","propTypes","style","BattleOpponent","isAlreadyEngaged","isRandom","userAvatarSrc","onClick","displayName","tooltipText","ariaLabel","legacyContext","translate","wrapperClassnames","card","opponentCard","random","displayNameClassnames","name","alreadyEngaged","mouseLeaveTimer","setMouseLeaveTimer","undefined","toolTipIsVisible","setToolTipIsVisible","battleOpponentInfoId","URL","buttonRef","handleMouseOver","clearTimeout","current","focus","handleMouseLeave","setTimeout","blur","handleKeyPress","event","TooltipContent","_props","createElement","_extends","onMouseOver","onMouseLeave","className","tabIndex","avatar","src","alt","Fragment","ref","type","tooltipIconContainer","onKeyDown","informationIcon","width","height","toolTipWrapper","fontSize","anchorId","closeToolTipInformationTextAriaLabel","rightArrow","process","env","NODE_ENV","contextTypes","childContextTypes"],"sources":["../../../src/atom/battle-opponent/index.tsx"],"sourcesContent":["import React, {useCallback, useMemo, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {v5 as uuidV5} from 'uuid';\nimport has from 'lodash/fp/has';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip, {toggleStateOnKeyPress} from '../tooltip';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport propTypes, {BattleOpponentProps} from './prop-types';\nimport style from './style.css';\n\nconst BattleOpponent = (\n  {\n    isAlreadyEngaged,\n    isRandom,\n    userAvatarSrc,\n    onClick,\n    displayName,\n    tooltipText,\n    'aria-label': ariaLabel\n  }: BattleOpponentProps,\n  legacyContext: WebContextValues\n) => {\n  const translate: Required<WebContextValues>['translate'] = GetTranslateFromContext(legacyContext);\n  const wrapperClassnames = useMemo(\n    () => classnames(style.card, style.opponentCard, isRandom ? style.random : null),\n    [isRandom]\n  );\n\n  const displayNameClassnames = useMemo(\n    () => classnames(style.name, isAlreadyEngaged ? style.alreadyEngaged : null),\n    [isAlreadyEngaged]\n  );\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState<number | undefined>(undefined);\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  // to be replaced by useId when React17 is bumped to React18\n  const [battleOpponentInfoId] = useState(\n    isAlreadyEngaged ? uuidV5('engaged-battle-', uuidV5.URL) : undefined\n  );\n\n  const buttonRef = useRef(null);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    // @ts-expect-error (error: focus does not exists on type never)\n    /* istanbul ignore next */ has(['current', 'focus'], buttonRef) && buttonRef.current.focus();\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(\n      setTimeout(() => {\n        setToolTipIsVisible(false);\n        // @ts-expect-error (error: blur does not exists on type never)\n        /* istanbul ignore next */ has(['current', 'blur'], buttonRef) && buttonRef.current.blur();\n      }, 500) as unknown as number\n    );\n  }, []);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible, buttonRef)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const TooltipContent = useCallback(\n    _props => (\n      <p\n        {..._props}\n        onMouseOver={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n        data-testid=\"battle-opponent-tooltip-content\"\n      >\n        {tooltipText}\n      </p>\n    ),\n    [handleMouseLeave, handleMouseOver, tooltipText]\n  );\n\n  return (\n    <li\n      {...(!isAlreadyEngaged && {onClick})}\n      className={wrapperClassnames}\n      data-testid=\"battle-opponent-wrapper\"\n      tabIndex={0}\n    >\n      <div className={style.avatar}>{isRandom ? null : <img src={userAvatarSrc} alt=\"\" />}</div>\n      <p className={displayNameClassnames} tabIndex={0}>\n        {displayName}\n      </p>\n      {isAlreadyEngaged ? (\n        <>\n          <button\n            ref={buttonRef}\n            tabIndex={0}\n            type=\"button\"\n            className={style.tooltipIconContainer}\n            data-testid=\"battle-engaged-opponent-information-button\"\n            onKeyDown={handleKeyPress}\n            onMouseLeave={handleMouseLeave}\n            onMouseOver={handleMouseOver}\n            data-for={battleOpponentInfoId}\n            data-tooltip-place=\"left\"\n            data-tip={isAlreadyEngaged}\n            aria-label={ariaLabel}\n          >\n            <InformationIcon className={style.informationIcon} width={20} height={20} />\n          </button>\n          <span className={style.toolTipWrapper}>\n            <ToolTip\n              fontSize={12}\n              anchorId={battleOpponentInfoId}\n              toolTipIsVisible={toolTipIsVisible}\n              TooltipContent={TooltipContent}\n              closeToolTipInformationTextAriaLabel={translate('close_tooltip_information')}\n            />\n          </span>\n        </>\n      ) : (\n        <ArrowRight className={style.rightArrow} width={16} height={16} />\n      )}\n    </li>\n  );\n};\n\nBattleOpponent.propTypes = propTypes;\n\nBattleOpponent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default BattleOpponent;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAO,OAAO;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAAQC,EAAE,IAAIC,MAAM,QAAO,MAAM;AACjC,OAAOC,GAAG,MAAM,eAAe;AAC/B,SACEC,mCAAmC,IAAIC,UAAU,EACjDC,0CAA0C,IAAIC,eAAe,QACxD,0BAA0B;AACjC,OAAOC,OAAO,IAAGC,qBAAqB,QAAO,YAAY;AACzD,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,aAAa;AAE7D,OAAOC,SAAS,MAA6B,cAAc;AAC3D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,cAAc,GAAGA,CACrB;EACEC,gBAAgB;EAChBC,QAAQ;EACRC,aAAa;EACbC,OAAO;EACPC,WAAW;EACXC,WAAW;EACX,YAAY,EAAEC;AACK,CAAC,EACtBC,aAA+B,KAC5B;EACH,MAAMC,SAAkD,GAAGZ,uBAAuB,CAACW,aAAa,CAAC;EACjG,MAAME,iBAAiB,GAAG3B,OAAO,CAC/B,MAAMG,UAAU,CAACa,KAAK,CAACY,IAAI,EAAEZ,KAAK,CAACa,YAAY,EAAEV,QAAQ,GAAGH,KAAK,CAACc,MAAM,GAAG,IAAI,CAAC,EAChF,CAACX,QAAQ,CACX,CAAC;EAED,MAAMY,qBAAqB,GAAG/B,OAAO,CACnC,MAAMG,UAAU,CAACa,KAAK,CAACgB,IAAI,EAAEd,gBAAgB,GAAGF,KAAK,CAACiB,cAAc,GAAG,IAAI,CAAC,EAC5E,CAACf,gBAAgB,CACnB,CAAC;EAED,MAAM,CAACgB,eAAe,EAAEC,kBAAkB,CAAC,GAAGlC,QAAQ,CAAqBmC,SAAS,CAAC;EACrF,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGrC,QAAQ,CAAC,KAAK,CAAC;;EAE/D;EACA,MAAM,CAACsC,oBAAoB,CAAC,GAAGtC,QAAQ,CACrCiB,gBAAgB,GAAGb,MAAM,CAAC,iBAAiB,EAAEA,MAAM,CAACmC,GAAG,CAAC,GAAGJ,SAC7D,CAAC;EAED,MAAMK,SAAS,GAAGvC,MAAM,CAAC,IAAI,CAAC;EAE9B,MAAMwC,eAAe,GAAG3C,WAAW,CAAC,MAAM;IACxCmC,eAAe,IAAIS,YAAY,CAACT,eAAe,CAAC;IAChD;IACA;IAA2B5B,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAEmC,SAAS,CAAC,IAAIA,SAAS,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;IAC5FP,mBAAmB,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACJ,eAAe,CAAC,CAAC;EAErB,MAAMY,gBAAgB,GAAG/C,WAAW,CAAC,MAAM;IACzCoC,kBAAkB,CAChBY,UAAU,CAAC,MAAM;MACfT,mBAAmB,CAAC,KAAK,CAAC;MAC1B;MACA;MAA2BhC,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,EAAEmC,SAAS,CAAC,IAAIA,SAAS,CAACG,OAAO,CAACI,IAAI,CAAC,CAAC;IAC5F,CAAC,EAAE,GAAG,CACR,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,cAAc,GAAGlD,WAAW,CAChCmD,KAAK,IAAI;IACPtC,qBAAqB,CAACyB,gBAAgB,EAAEC,mBAAmB,EAAEG,SAAS,CAAC,CAACS,KAAK,CAAC;EAChF,CAAC,EACD,CAACb,gBAAgB,CACnB,CAAC;EAED,MAAMc,cAAc,GAAGpD,WAAW,CAChCqD,MAAM,iBACJtD,KAAA,CAAAuD,aAAA,MAAAC,QAAA,KACMF,MAAM;IACVG,WAAW,EAAEb,eAAgB;IAC7Bc,YAAY,EAAEV,gBAAiB;IAC/B,eAAY;EAAiC,IAE5CvB,WACA,CACJ,EACD,CAACuB,gBAAgB,EAAEJ,eAAe,EAAEnB,WAAW,CACjD,CAAC;EAED,oBACEzB,KAAA,CAAAuD,aAAA,OAAAC,QAAA,KACO,CAACpC,gBAAgB,IAAI;IAACG;EAAO,CAAC;IACnCoC,SAAS,EAAE9B,iBAAkB;IAC7B,eAAY,yBAAyB;IACrC+B,QAAQ,EAAE;EAAE,iBAEZ5D,KAAA,CAAAuD,aAAA;IAAKI,SAAS,EAAEzC,KAAK,CAAC2C;EAAO,GAAExC,QAAQ,GAAG,IAAI,gBAAGrB,KAAA,CAAAuD,aAAA;IAAKO,GAAG,EAAExC,aAAc;IAACyC,GAAG,EAAC;EAAE,CAAE,CAAO,CAAC,eAC1F/D,KAAA,CAAAuD,aAAA;IAAGI,SAAS,EAAE1B,qBAAsB;IAAC2B,QAAQ,EAAE;EAAE,GAC9CpC,WACA,CAAC,EACHJ,gBAAgB,gBACfpB,KAAA,CAAAuD,aAAA,CAAAvD,KAAA,CAAAgE,QAAA,qBACEhE,KAAA,CAAAuD,aAAA;IACEU,GAAG,EAAEtB,SAAU;IACfiB,QAAQ,EAAE,CAAE;IACZM,IAAI,EAAC,QAAQ;IACbP,SAAS,EAAEzC,KAAK,CAACiD,oBAAqB;IACtC,eAAY,4CAA4C;IACxDC,SAAS,EAAEjB,cAAe;IAC1BO,YAAY,EAAEV,gBAAiB;IAC/BS,WAAW,EAAEb,eAAgB;IAC7B,YAAUH,oBAAqB;IAC/B,sBAAmB,MAAM;IACzB,YAAUrB,gBAAiB;IAC3B,cAAYM;EAAU,gBAEtB1B,KAAA,CAAAuD,aAAA,CAAC3C,eAAe;IAAC+C,SAAS,EAAEzC,KAAK,CAACmD,eAAgB;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CACrE,CAAC,eACTvE,KAAA,CAAAuD,aAAA;IAAMI,SAAS,EAAEzC,KAAK,CAACsD;EAAe,gBACpCxE,KAAA,CAAAuD,aAAA,CAAC1C,OAAO;IACN4D,QAAQ,EAAE,EAAG;IACbC,QAAQ,EAAEjC,oBAAqB;IAC/BF,gBAAgB,EAAEA,gBAAiB;IACnCc,cAAc,EAAEA,cAAe;IAC/BsB,oCAAoC,EAAE/C,SAAS,CAAC,2BAA2B;EAAE,CAC9E,CACG,CACN,CAAC,gBAEH5B,KAAA,CAAAuD,aAAA,CAAC7C,UAAU;IAACiD,SAAS,EAAEzC,KAAK,CAAC0D,UAAW;IAACN,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAEjE,CAAC;AAET,CAAC;AAEDpD,cAAc,CAACF,SAAS,GAAA4D,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG9D,SAAS;AAEpCE,cAAc,CAAC6D,YAAY,GAAG;EAC5BpD,SAAS,EAAEb,QAAQ,CAACkE,iBAAiB,CAACrD;AACxC,CAAC;AAED,eAAeT,cAAc","ignoreList":[]}

package/es/atom/battle-opponent/style.css

@@ -23,7 +23,7 @@
   margin: 5px;
 }
 
-.opponent-card {
+.opponentCard {
   flex: 1 1 350px;
   height: 80px;
   background-color: white;
@@ -37,7 +37,7 @@
   cursor: pointer;
 }
 
-.opponent-card .name {
+.opponentCard .name {
   font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
@@ -46,7 +46,7 @@
 }
 
 
-.opponent-card .rightArrow {
+.opponentCard .rightArrow {
   margin-left: 20px;
 }
 
@@ -95,7 +95,7 @@
   display: none;
 }
 
-.opponent-card:hover {
+.opponentCard:hover {
   background-color: cm_grey_75;
 }
 
@@ -125,16 +125,16 @@
 }
 
 @media mobile {
-  .opponent-card {
+  .opponentCard {
     width: 100%;
     padding: 10px;
   }
 
-  .opponent-card .avatar {
+  .opponentCard .avatar {
     margin-right: 10px;
   }
 
-  .opponent-card .rightArrow {
+  .opponentCard .rightArrow {
     margin-left: 10px;
   }
 

package/es/atom/button-link-icon/index.js

@@ -32,7 +32,7 @@ const getSizeStyle = size => {
     case 'responsive':
       return style.responsive;
     default:
-      return style.default;
+      return style.defaultStyle;
   }
 };
 const ButtonLinkIcon = props => {

package/es/atom/button-link-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useRef","PropTypes","classnames","ICONS","FaIcon","Link","ToolTip","style","getButtonContent","icon","faIcon","Icon","_getOr","createElement","className","buttonContent","iconName","getSizeStyle","size","small","responsive","default","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","timer","contentView","styleButton","handleOnClick","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","_extends","onMouseEnter","onMouseLeave","type","onMouseOver","Fragment","fontSize","anchorId","placement","closeToolTipInformationTextAriaLabel","propTypes","process","env","NODE_ENV","oneOf","string","_keys","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport FaIcon from '../icon';\nimport Link from '../link';\nimport ToolTip from '../tooltip';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon, faIcon) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon && !faIcon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {faIcon ? <FaIcon iconName={faIcon} /> : <Icon className={style.icon} />}\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.default;\n  }\n};\n\nconst ButtonLinkIcon = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    faIcon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className,\n    tooltipPlacement = 'left'\n  } = props;\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const timer = useRef();\n\n  const contentView = getButtonContent(icon, faIcon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleMouseOver = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      setToolTipIsVisible(true);\n      timer.current = undefined;\n    }, 300);\n  }, [timer, setToolTipIsVisible]);\n\n  const handleMouseLeave = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    setToolTipIsVisible(false);\n  }, [timer, setToolTipIsVisible]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{ariaLabel}</span>,\n    [ariaLabel]\n  );\n\n  const Button = useCallback(\n    () =>\n      link ? (\n        <Link\n          {...link}\n          {...(ariaLabel\n            ? {\n                'data-for': 'button-icon',\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          className={styleButton}\n          data-name={dataName}\n          aria-label={ariaLabel}\n          onMouseEnter={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n        >\n          {contentView}\n        </Link>\n      ) : (\n        <button\n          {...(ariaLabel\n            ? {\n                'data-for': 'button-icon',\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-name={dataName}\n          data-testid={`button-${dataName}-${className}`}\n          className={styleButton}\n          onClick={handleOnClick}\n          onMouseLeave={handleMouseLeave}\n          onMouseOver={handleMouseOver}\n          disabled={disabled}\n        >\n          {contentView}\n        </button>\n      ),\n    [\n      link,\n      ariaLabel,\n      className,\n      contentView,\n      dataName,\n      disabled,\n      handleMouseLeave,\n      handleMouseOver,\n      handleOnClick,\n      styleButton,\n      toolTipIsVisible\n    ]\n  );\n\n  return (\n    <>\n      <Button />\n      {ariaLabel ? (\n        <ToolTip\n          fontSize={12}\n          anchorId=\"button-icon\"\n          toolTipIsVisible={toolTipIsVisible}\n          placement={tooltipPlacement}\n          TooltipContent={TooltipContent}\n          closeToolTipInformationTextAriaLabel={ariaLabel}\n        />\n      ) : null}\n    </>\n  );\n};\n\nButtonLinkIcon.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ButtonLinkIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useRef","PropTypes","classnames","ICONS","FaIcon","Link","ToolTip","style","getButtonContent","icon","faIcon","Icon","_getOr","createElement","className","buttonContent","iconName","getSizeStyle","size","small","responsive","defaultStyle","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","timer","contentView","styleButton","handleOnClick","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","_extends","onMouseEnter","onMouseLeave","type","onMouseOver","Fragment","fontSize","anchorId","placement","closeToolTipInformationTextAriaLabel","propTypes","process","env","NODE_ENV","oneOf","string","_keys","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport FaIcon from '../icon';\nimport Link from '../link';\nimport ToolTip from '../tooltip';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon, faIcon) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon && !faIcon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {faIcon ? <FaIcon iconName={faIcon} /> : <Icon className={style.icon} />}\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.defaultStyle;\n  }\n};\n\nconst ButtonLinkIcon = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    faIcon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className,\n    tooltipPlacement = 'left'\n  } = props;\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const timer = useRef();\n\n  const contentView = getButtonContent(icon, faIcon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleMouseOver = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      setToolTipIsVisible(true);\n      timer.current = undefined;\n    }, 300);\n  }, [timer, setToolTipIsVisible]);\n\n  const handleMouseLeave = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    setToolTipIsVisible(false);\n  }, [timer, setToolTipIsVisible]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{ariaLabel}</span>,\n    [ariaLabel]\n  );\n\n  const Button = useCallback(\n    () =>\n      link ? (\n        <Link\n          {...link}\n          {...(ariaLabel\n            ? {\n                'data-for': 'button-icon',\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          className={styleButton}\n          data-name={dataName}\n          aria-label={ariaLabel}\n          onMouseEnter={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n        >\n          {contentView}\n        </Link>\n      ) : (\n        <button\n          {...(ariaLabel\n            ? {\n                'data-for': 'button-icon',\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-name={dataName}\n          data-testid={`button-${dataName}-${className}`}\n          className={styleButton}\n          onClick={handleOnClick}\n          onMouseLeave={handleMouseLeave}\n          onMouseOver={handleMouseOver}\n          disabled={disabled}\n        >\n          {contentView}\n        </button>\n      ),\n    [\n      link,\n      ariaLabel,\n      className,\n      contentView,\n      dataName,\n      disabled,\n      handleMouseLeave,\n      handleMouseOver,\n      handleOnClick,\n      styleButton,\n      toolTipIsVisible\n    ]\n  );\n\n  return (\n    <>\n      <Button />\n      {ariaLabel ? (\n        <ToolTip\n          fontSize={12}\n          anchorId=\"button-icon\"\n          toolTipIsVisible={toolTipIsVisible}\n          placement={tooltipPlacement}\n          TooltipContent={TooltipContent}\n          closeToolTipInformationTextAriaLabel={ariaLabel}\n        />\n      ) : null}\n    </>\n  );\n};\n\nButtonLinkIcon.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ButtonLinkIcon;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/button-link-icon/style.css

@@ -42,7 +42,7 @@
   text-decoration: none;
 }
 
-.default {
+.defaultStyle {
   composes: button;
   width: 44px;
   height: 44px;
@@ -91,7 +91,7 @@
   }
 }
 
-.default .icon {
+.defaultStyle .icon {
   width: 14px;
   height: 14px;
 }

package/es/atom/button-menu/index.js

@@ -12,7 +12,7 @@ const Button = props => {
     onClick,
     type = 'default'
   } = props;
-  const styleButton = classnames(style.button, type === 'default' && style.default, type === 'defaultLeft' && style.defaultLeft, type === 'dangerous' && style.dangerous, type === 'dangerousLeft' && style.dangerousLeft, disabled && style.disabled);
+  const styleButton = classnames(style.button, type === 'default' && style.defaultStyle, type === 'defaultLeft' && style.defaultLeft, type === 'dangerous' && style.dangerous, type === 'dangerousLeft' && style.dangerousLeft, disabled && style.disabled);
   const handleOnClick = useCallback(() => onClick(), [onClick]);
   return /*#__PURE__*/React.createElement("button", {
     type: "button",

package/es/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","style","propTypes","buttonPropTypes","Button","props","dataName","disabled","label","onClick","type","styleButton","button","default","defaultLeft","dangerous","dangerousLeft","handleOnClick","createElement","title","className","buttonContent","process","env","NODE_ENV","ButtonMenu","buttons","buildButton","index","_extends","key","buttonList","convert","cap"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n      disabled={disabled}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,QAAO,OAAO;AACjD,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,IAAiCC,eAAe,QAAO,SAAS;AAEhF,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACrC,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGL,KAAK;EACjF,MAAMM,WAAW,GAAGX,UAAU,CAC5BC,KAAK,CAACW,MAAM,EACZF,IAAI,KAAK,SAAS,IAAIT,KAAK,CAACY,OAAO,EACnCH,IAAI,KAAK,aAAa,IAAIT,KAAK,CAACa,WAAW,EAC3CJ,IAAI,KAAK,WAAW,IAAIT,KAAK,CAACc,SAAS,EACvCL,IAAI,KAAK,eAAe,IAAIT,KAAK,CAACe,aAAa,EAC/CT,QAAQ,IAAIN,KAAK,CAACM,QACpB,CAAC;EAED,MAAMU,aAAa,GAAGnB,WAAW,CAAC,MAAMW,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAC7D,oBACEb,KAAA,CAAAsB,aAAA;IACER,IAAI,EAAC,QAAQ;IACb,cAAYF,KAAM;IAClBW,KAAK,EAAEX,KAAM;IACb,aAAWF,QAAS;IACpBc,SAAS,EAAET,WAAY;IACvBF,OAAO,EAAEQ,aAAc;IACvBV,QAAQ,EAAEA;EAAS,gBAEnBX,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAEnB,KAAK,CAACoB;EAAc,gBAClCzB,KAAA,CAAAsB,aAAA;IAAME,SAAS,EAAEnB,KAAK,CAACO;EAAM,GAAEA,KAAY,CACxC,CACC,CAAC;AAEb,CAAC;AAEDJ,MAAM,CAACF,SAAS,GAAAoB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGrB,eAAe;AAElC,MAAMsB,UAAU,GAAIpB,KAAsB,IAAK;EAC7C,MAAM;IAACqB,OAAO;IAAE,WAAW,EAAEpB;EAAQ,CAAC,GAAGD,KAAK;EAC9C,MAAMsB,WAAW,GAAG7B,WAAW,CAAC,CAACc,MAAmB,EAAEgB,KAAK,KAAK;IAC9D,oBAAOhC,KAAA,CAAAsB,aAAA,CAACd,MAAM,EAAAyB,QAAA,KAAKjB,MAAM;MAAEkB,GAAG,EAAElB,MAAM,CAACJ,KAAK,GAAGoB;IAAM,EAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,UAAU,GAAGlC,OAAO;EACxB;EACA,MAAME,GAAG,CAACiC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAACN,WAAW,EAAED,OAAO,CAAC,EACrD,CAACA,OAAO,EAAEC,WAAW,CACvB,CAAC;EAED,oBAAO/B,KAAA,CAAAsB,aAAA;IAAK,aAAWZ;EAAS,GAAEyB,UAAgB,CAAC;AACrD,CAAC;AAEDN,UAAU,CAACvB,SAAS,GAAAoB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGtB,SAAS;AAEhC,eAAeuB,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","style","propTypes","buttonPropTypes","Button","props","dataName","disabled","label","onClick","type","styleButton","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","createElement","title","className","buttonContent","process","env","NODE_ENV","ButtonMenu","buttons","buildButton","index","_extends","key","buttonList","convert","cap"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n      disabled={disabled}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,QAAO,OAAO;AACjD,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,IAAiCC,eAAe,QAAO,SAAS;AAEhF,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACrC,MAAM;IAAC,WAAW,EAAEC,QAAQ;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,OAAO;IAAEC,IAAI,GAAG;EAAS,CAAC,GAAGL,KAAK;EACjF,MAAMM,WAAW,GAAGX,UAAU,CAC5BC,KAAK,CAACW,MAAM,EACZF,IAAI,KAAK,SAAS,IAAIT,KAAK,CAACY,YAAY,EACxCH,IAAI,KAAK,aAAa,IAAIT,KAAK,CAACa,WAAW,EAC3CJ,IAAI,KAAK,WAAW,IAAIT,KAAK,CAACc,SAAS,EACvCL,IAAI,KAAK,eAAe,IAAIT,KAAK,CAACe,aAAa,EAC/CT,QAAQ,IAAIN,KAAK,CAACM,QACpB,CAAC;EAED,MAAMU,aAAa,GAAGnB,WAAW,CAAC,MAAMW,OAAO,CAAC,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAC7D,oBACEb,KAAA,CAAAsB,aAAA;IACER,IAAI,EAAC,QAAQ;IACb,cAAYF,KAAM;IAClBW,KAAK,EAAEX,KAAM;IACb,aAAWF,QAAS;IACpBc,SAAS,EAAET,WAAY;IACvBF,OAAO,EAAEQ,aAAc;IACvBV,QAAQ,EAAEA;EAAS,gBAEnBX,KAAA,CAAAsB,aAAA;IAAKE,SAAS,EAAEnB,KAAK,CAACoB;EAAc,gBAClCzB,KAAA,CAAAsB,aAAA;IAAME,SAAS,EAAEnB,KAAK,CAACO;EAAM,GAAEA,KAAY,CACxC,CACC,CAAC;AAEb,CAAC;AAEDJ,MAAM,CAACF,SAAS,GAAAoB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGrB,eAAe;AAElC,MAAMsB,UAAU,GAAIpB,KAAsB,IAAK;EAC7C,MAAM;IAACqB,OAAO;IAAE,WAAW,EAAEpB;EAAQ,CAAC,GAAGD,KAAK;EAC9C,MAAMsB,WAAW,GAAG7B,WAAW,CAAC,CAACc,MAAmB,EAAEgB,KAAK,KAAK;IAC9D,oBAAOhC,KAAA,CAAAsB,aAAA,CAACd,MAAM,EAAAyB,QAAA,KAAKjB,MAAM;MAAEkB,GAAG,EAAElB,MAAM,CAACJ,KAAK,GAAGoB;IAAM,EAAE,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,UAAU,GAAGlC,OAAO;EACxB;EACA,MAAME,GAAG,CAACiC,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAACN,WAAW,EAAED,OAAO,CAAC,EACrD,CAACA,OAAO,EAAEC,WAAW,CACvB,CAAC;EAED,oBAAO/B,KAAA,CAAAsB,aAAA;IAAK,aAAWZ;EAAS,GAAEyB,UAAgB,CAAC;AACrD,CAAC;AAEDN,UAAU,CAACvB,SAAS,GAAAoB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGtB,SAAS;AAEhC,eAAeuB,UAAU","ignoreList":[]}

package/es/atom/button-menu/style.css

@@ -36,22 +36,22 @@
   display: block;
 }
 
-.default {
+.defaultStyle {
   background-color: cm_grey_100;
   color: cm_grey_900;
 }
 
 .defaultLeft {
-  composes: default;
+  composes: defaultStyle;
   justify-content: flex-start;
 }
 
-.default:hover {
+.defaultStyle:hover {
   background-color: cm_grey_200;
 }
 
 .dangerous {
-  composes: default;
+  composes: defaultStyle;
   color: cm_negative_100;
 }
 

package/es/atom/input-checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-checkbox/index.js"],"names":[],"mappings":";AAeA,wDAuDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-checkbox/index.js"],"names":[],"mappings":";AAeA,wDAwDC"}

package/es/atom/input-checkbox/index.js

@@ -32,7 +32,7 @@ const InputCheckbox = props => {
   const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);
   const modifiedClassName = theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;
   const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;
-  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;
+  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.defaultStyle;
   const className = getClassState(defaultContainerClassName, modifiedClassName, errorClassName, modified, error);
   return /*#__PURE__*/React.createElement("label", {
     className: className,

package/es/atom/input-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","NovaSolidStatusValidate","CheckIcon","getClassState","style","titleStylesClassNames","inherit","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","_noop","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","_uniqueId","handleChange","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","default","className","createElement","htmlFor","type","checkbox","name","id","label","undefined","icon","propTypes","process","env","NODE_ENV","string","isRequired","bool","func","oneOf","_keys"],"sources":["../../../src/atom/input-checkbox/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  inherit: style.inherit,\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle,\n    noLabelMargins = false\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  const modifiedClassName =\n    theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n  const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n  const defaultContainerClassName = theme === 'coorpmanager' ? style.coorpManager : style.default;\n\n  const className = getClassState(\n    defaultContainerClassName,\n    modifiedClassName,\n    errorClassName,\n    modified,\n    error\n  );\n\n  return (\n    <label className={className} htmlFor={idCheckbox} data-name=\"checkbox-input-label\">\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        data-name=\"checkbox-input\"\n      />\n      <div\n        data-name=\"checkbox-label\"\n        className={classnames(style.label, noLabelMargins ? style.noLabelMargins : undefined)}\n      >\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={titleStyleClassName} title={title}>\n        {title}\n      </span>\n    </label>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  noLabelMargins: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","NovaSolidStatusValidate","CheckIcon","getClassState","style","titleStylesClassNames","inherit","primary","secondary","tertiary","InputCheckbox","props","checked","onChange","_noop","error","disabled","required","titleStyle","modified","theme","title","propsTitle","noLabelMargins","titleStyleClassName","idCheckbox","_uniqueId","handleChange","e","target","modifiedClassName","coorpManagerModified","defaultModified","errorClassName","coorpManagerError","defaultError","defaultContainerClassName","coorpManager","defaultStyle","className","createElement","htmlFor","type","checkbox","name","id","label","undefined","icon","propTypes","process","env","NODE_ENV","string","isRequired","bool","func","oneOf","_keys"],"sources":["../../../src/atom/input-checkbox/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport {keys, noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  inherit: style.inherit,\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    theme = 'default',\n    title: propsTitle,\n    noLabelMargins = false\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useCallback(e => onChange(e.target.checked), [onChange]);\n\n  const modifiedClassName =\n    theme === 'coorpmanager' ? style.coorpManagerModified : style.defaultModified;\n  const errorClassName = theme === 'coorpmanager' ? style.coorpManagerError : style.defaultError;\n  const defaultContainerClassName =\n    theme === 'coorpmanager' ? style.coorpManager : style.defaultStyle;\n\n  const className = getClassState(\n    defaultContainerClassName,\n    modifiedClassName,\n    errorClassName,\n    modified,\n    error\n  );\n\n  return (\n    <label className={className} htmlFor={idCheckbox} data-name=\"checkbox-input-label\">\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n        data-name=\"checkbox-input\"\n      />\n      <div\n        data-name=\"checkbox-label\"\n        className={classnames(style.label, noLabelMargins ? style.noLabelMargins : undefined)}\n      >\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={titleStyleClassName} title={title}>\n        {title}\n      </span>\n    </label>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  noLabelMargins: PropTypes.bool,\n  theme: PropTypes.oneOf(['coorpmanager', 'default']),\n  titleStyle: PropTypes.oneOf(keys(titleStylesClassNames))\n};\n\nexport default InputCheckbox;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-checkbox/style.css

@@ -16,7 +16,7 @@
 @value cm_green_50 from colors;
 @value cm_primary_blue from colors;
 
-.default {
+.defaultStyle {
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
@@ -36,14 +36,14 @@
 }
 
 .defaultError {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .defaultModified {
-  composes: default;
+  composes: defaultStyle;
 }
 
-.default input,
+.defaultStyle input,
 .coorpManager input {
   display: none;
 }
@@ -55,7 +55,7 @@
   color: white;
 }
 
-.default .title {
+.defaultStyle .title {
   font-family: Gilroy;
   font-size: 15px;
   text-transform: none;
@@ -63,9 +63,9 @@
   width: 180px;
 }
 
-.default .tertiary,
-.default .primary,
-.default .secondary {
+.defaultStyle .tertiary,
+.defaultStyle .primary,
+.defaultStyle .secondary {
   color: dark;
   background-color: unset;
 }
@@ -97,7 +97,7 @@
   background-color: cm_blue_50;
 }
 
-.default .label,
+.defaultStyle .label,
 .coorpManager .label {
   border: solid 1px cm_grey_200;
   background-color: cm_grey_100;
@@ -113,7 +113,7 @@
   position: relative;
 }
 
-.default .label {
+.defaultStyle .label {
   margin-left: 20px;
 }
 
@@ -144,7 +144,7 @@
   outline: 2px solid battle;
 }
 
-.default .inherit,
+.defaultStyle .inherit,
 .coorpManager .inherit {
   color: inherit;
   text-overflow: ellipsis;
@@ -154,7 +154,7 @@
 }
 
 .coorpManager .noLabelMargins,
-.default .noLabelMargins {
+.defaultStyle .noLabelMargins {
   margin-right: 0;
   margin-left: 0;
 }

package/es/atom/input-color/index.js

@@ -19,7 +19,7 @@ const InputColor = props => {
     backgroundColor: value
   };
   const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);
-  const className = getClassState(style.default, style.modified, style.error, modified, error);
+  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {

package/es/atom/input-color/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputColor","props","title","name","placeholder","value","defaultValue","onChange","_noop","error","description","modified","inlineStyle","backgroundColor","handleChange","e","target","className","default","createElement","type","input","onInput","preview","propTypes","process","env","NODE_ENV","string","isRequired","func","bool"],"sources":["../../../src/atom/input-color/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputColor = props => {\n  const {\n    title,\n    name,\n    placeholder,\n    value,\n    defaultValue,\n    onChange = noop,\n    error,\n    description,\n    modified = false\n  } = props;\n\n  const inlineStyle = {\n    backgroundColor: value\n  };\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <input\n          type=\"text\"\n          name={name}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onInput={handleChange}\n          onChange={noop}\n        />\n        <span className={style.preview} style={inlineStyle} />\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputColor.propTypes = {\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool\n};\n\nexport default InputColor;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,QAAQ,GAAAC,KAAO;IACfC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAG;EACb,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAG;IAClBC,eAAe,EAAER;EACnB,CAAC;EACD,MAAMS,YAAY,GAAGlB,OAAO,CAAC,MAAMmB,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAM,CAACX,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMU,SAAS,GAAGnB,aAAa,CAACC,KAAK,CAACmB,OAAO,EAAEnB,KAAK,CAACY,QAAQ,EAAEZ,KAAK,CAACU,KAAK,EAAEE,QAAQ,EAAEF,KAAK,CAAC;EAE5F,oBACEd,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAEA;EAAU,gBACxBtB,KAAA,CAAAwB,aAAA,6BACExB,KAAA,CAAAwB,aAAA;IAAMF,SAAS,EAAElB,KAAK,CAACG;EAAM,GAAE,GAAGA,KAAK,GAAU,CAAC,eAClDP,KAAA,CAAAwB,aAAA;IACEC,IAAI,EAAC,MAAM;IACXjB,IAAI,EAAEA,IAAK;IACXc,SAAS,EAAElB,KAAK,CAACsB,KAAM;IACvBjB,WAAW,EAAEA,WAAY;IACzBE,YAAY,EAAEA,YAAa;IAC3BD,KAAK,EAAEA,KAAM;IACbiB,OAAO,EAAER,YAAa;IACtBP,QAAQ,EAAAC;EAAO,CAChB,CAAC,eACFb,KAAA,CAAAwB,aAAA;IAAMF,SAAS,EAAElB,KAAK,CAACwB,OAAQ;IAACxB,KAAK,EAAEa;EAAY,CAAE,CAChD,CAAC,eACRjB,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAElB,KAAK,CAACW;EAAY,GAAEA,WAAiB,CAClD,CAAC;AAEV,CAAC;AAEDV,UAAU,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBzB,KAAK,EAAEL,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAClC1B,IAAI,EAAEN,SAAS,CAAC+B,MAAM;EACtBxB,WAAW,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACxCvB,YAAY,EAAET,SAAS,CAAC+B,MAAM;EAC9BvB,KAAK,EAAER,SAAS,CAAC+B,MAAM;EACvBnB,KAAK,EAAEZ,SAAS,CAAC+B,MAAM;EACvBrB,QAAQ,EAAEV,SAAS,CAACiC,IAAI;EACxBpB,WAAW,EAAEb,SAAS,CAAC+B,MAAM;EAC7BjB,QAAQ,EAAEd,SAAS,CAACkC;AACtB,CAAC;AAED,eAAe/B,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","getClassState","style","InputColor","props","title","name","placeholder","value","defaultValue","onChange","_noop","error","description","modified","inlineStyle","backgroundColor","handleChange","e","target","className","defaultStyle","createElement","type","input","onInput","preview","propTypes","process","env","NODE_ENV","string","isRequired","func","bool"],"sources":["../../../src/atom/input-color/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputColor = props => {\n  const {\n    title,\n    name,\n    placeholder,\n    value,\n    defaultValue,\n    onChange = noop,\n    error,\n    description,\n    modified = false\n  } = props;\n\n  const inlineStyle = {\n    backgroundColor: value\n  };\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <input\n          type=\"text\"\n          name={name}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onInput={handleChange}\n          onChange={noop}\n        />\n        <span className={style.preview} style={inlineStyle} />\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputColor.propTypes = {\n  title: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  placeholder: PropTypes.string.isRequired,\n  defaultValue: PropTypes.string,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool\n};\n\nexport default InputColor;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,YAAY;IACZC,QAAQ,GAAAC,KAAO;IACfC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAG;EACb,CAAC,GAAGV,KAAK;EAET,MAAMW,WAAW,GAAG;IAClBC,eAAe,EAAER;EACnB,CAAC;EACD,MAAMS,YAAY,GAAGlB,OAAO,CAAC,MAAMmB,CAAC,IAAIR,QAAQ,CAACQ,CAAC,CAACC,MAAM,CAACX,KAAK,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAC7E,MAAMU,SAAS,GAAGnB,aAAa,CAACC,KAAK,CAACmB,YAAY,EAAEnB,KAAK,CAACY,QAAQ,EAAEZ,KAAK,CAACU,KAAK,EAAEE,QAAQ,EAAEF,KAAK,CAAC;EAEjG,oBACEd,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAEA;EAAU,gBACxBtB,KAAA,CAAAwB,aAAA,6BACExB,KAAA,CAAAwB,aAAA;IAAMF,SAAS,EAAElB,KAAK,CAACG;EAAM,GAAE,GAAGA,KAAK,GAAU,CAAC,eAClDP,KAAA,CAAAwB,aAAA;IACEC,IAAI,EAAC,MAAM;IACXjB,IAAI,EAAEA,IAAK;IACXc,SAAS,EAAElB,KAAK,CAACsB,KAAM;IACvBjB,WAAW,EAAEA,WAAY;IACzBE,YAAY,EAAEA,YAAa;IAC3BD,KAAK,EAAEA,KAAM;IACbiB,OAAO,EAAER,YAAa;IACtBP,QAAQ,EAAAC;EAAO,CAChB,CAAC,eACFb,KAAA,CAAAwB,aAAA;IAAMF,SAAS,EAAElB,KAAK,CAACwB,OAAQ;IAACxB,KAAK,EAAEa;EAAY,CAAE,CAChD,CAAC,eACRjB,KAAA,CAAAwB,aAAA;IAAKF,SAAS,EAAElB,KAAK,CAACW;EAAY,GAAEA,WAAiB,CAClD,CAAC;AAEV,CAAC;AAEDV,UAAU,CAACwB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBzB,KAAK,EAAEL,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAClC1B,IAAI,EAAEN,SAAS,CAAC+B,MAAM;EACtBxB,WAAW,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACxCvB,YAAY,EAAET,SAAS,CAAC+B,MAAM;EAC9BvB,KAAK,EAAER,SAAS,CAAC+B,MAAM;EACvBnB,KAAK,EAAEZ,SAAS,CAAC+B,MAAM;EACvBrB,QAAQ,EAAEV,SAAS,CAACiC,IAAI;EACxBpB,WAAW,EAAEb,SAAS,CAAC+B,MAAM;EAC7BjB,QAAQ,EAAEd,SAAS,CAACkC;AACtB,CAAC;AAED,eAAe/B,UAAU","ignoreList":[]}

package/es/atom/input-color/style.css

@@ -1,7 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value grey from colors;
 
-.default {
+.defaultStyle {
   composes: default from '../input-text/style.css';
 }
 
@@ -11,12 +11,12 @@
 
 .error {
   composes: error from '../input-text/style.css';
-  composes: default;
+  composes: defaultStyle;
 }
 
 .modified {
   composes: modified from '../input-text/style.css';
-  composes: default;
+  composes: defaultStyle;
 }
 
 .title {

package/es/atom/input-html/index.js

@@ -31,7 +31,7 @@ const InputHtml = (props, legacyContext) => {
     description,
     disabled
   } = props;
-  const className = error ? style.error : style.default;
+  const className = error ? style.error : style.defaultStyle;
   const iconContent = !preview ? /*#__PURE__*/React.createElement(PreviewIcon, {
     style: {
       color: mediumColor

package/es/atom/input-html/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","Provider","GetSkinFromContext","InputPreview","style","InputHtml","props","legacyContext","value","onChange","_noop","text","setText","preview","setPreview","handleChange","e","_value","target","handlePreview","preventDefault","skin","mediumColor","_getOr","title","placeholder","error","description","disabled","className","default","iconContent","createElement","color","height","contentWrapper","input","toggle","onClick","propTypes","process","env","NODE_ENV","string","bool","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n  const {value = '', onChange = noop} = props;\n  const [text, setText] = useState(value);\n  const [preview, setPreview] = useState(true);\n\n  const handleChange = useCallback(\n    e => {\n      const _value = e.target.value;\n      setText(_value);\n      onChange(_value);\n    },\n    [onChange]\n  );\n\n  const handlePreview = useCallback(\n    e => {\n      e.preventDefault();\n      setPreview(!preview);\n    },\n    [preview, setPreview]\n  );\n\n  const skin = GetSkinFromContext(legacyContext);\n  const mediumColor = getOr('#999999', 'common.medium', skin);\n\n  const {title, placeholder, error, description, disabled} = props;\n\n  const className = error ? style.error : style.default;\n  const iconContent = !preview ? (\n    <PreviewIcon style={{color: mediumColor}} height={16} />\n  ) : (\n    <PencilIcon style={{color: mediumColor}} height={16} />\n  );\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <div className={style.contentWrapper}>\n          <InputPreview\n            title={title}\n            text={text}\n            placeholder={placeholder}\n            onChange={handleChange}\n            disabled={disabled}\n            preview={preview}\n            className={style.input}\n          />\n        </div>\n        <span\n          data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n          className={style.toggle}\n          onClick={handlePreview}\n        >\n          {iconContent}\n        </span>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputHtml.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","Provider","GetSkinFromContext","InputPreview","style","InputHtml","props","legacyContext","value","onChange","_noop","text","setText","preview","setPreview","handleChange","e","_value","target","handlePreview","preventDefault","skin","mediumColor","_getOr","title","placeholder","error","description","disabled","className","defaultStyle","iconContent","createElement","color","height","contentWrapper","input","toggle","onClick","propTypes","process","env","NODE_ENV","string","bool","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nconst InputHtml = (props, legacyContext) => {\n  const {value = '', onChange = noop} = props;\n  const [text, setText] = useState(value);\n  const [preview, setPreview] = useState(true);\n\n  const handleChange = useCallback(\n    e => {\n      const _value = e.target.value;\n      setText(_value);\n      onChange(_value);\n    },\n    [onChange]\n  );\n\n  const handlePreview = useCallback(\n    e => {\n      e.preventDefault();\n      setPreview(!preview);\n    },\n    [preview, setPreview]\n  );\n\n  const skin = GetSkinFromContext(legacyContext);\n  const mediumColor = getOr('#999999', 'common.medium', skin);\n\n  const {title, placeholder, error, description, disabled} = props;\n\n  const className = error ? style.error : style.defaultStyle;\n  const iconContent = !preview ? (\n    <PreviewIcon style={{color: mediumColor}} height={16} />\n  ) : (\n    <PencilIcon style={{color: mediumColor}} height={16} />\n  );\n\n  return (\n    <div className={className}>\n      <label>\n        <span className={style.title}>{`${title} `}</span>\n        <div className={style.contentWrapper}>\n          <InputPreview\n            title={title}\n            text={text}\n            placeholder={placeholder}\n            onChange={handleChange}\n            disabled={disabled}\n            preview={preview}\n            className={style.input}\n          />\n        </div>\n        <span\n          data-testid={preview ? 'pencil-icon' : 'preview-icon'}\n          className={style.toggle}\n          onClick={handlePreview}\n        >\n          {iconContent}\n        </span>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nInputHtml.propTypes = {\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string\n};\n\nInputHtml.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default InputHtml;\n"],"mappings":"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","ignoreList":[]}