@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","createElement","_extends","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","key","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","default","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.default, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","classnames","concat","filter","find","flatMapDeep","get","getOr","includes","isEmpty","keys","map","size","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionNavigationArrowTop","ArrowUp","Provider","GetSkinFromContext","getClassState","style","themeStyle","invalid","header","mooc","question","sort","thematiques","player","template","skillDetail","coorpmanager","ArrowView","shouldRender","isArrowUp","ariaLabel","arrowClass","arrowColor","props","color","className","createElement","_extends","Select","legacyContext","name","options","optgroups","borderClassName","onChange","multiple","disabled","required","description","theme","modified","error","title","propTitle","ariaLabelledBy","skin","setIsArrowUp","handleSelectOnFocus","handleSelectOnBlur","selectOption","option","index","key","value","optionList","optgroup","label","i","titleView","selected","selectedLabel","isSelectedInValidOption","validOption","handleChange","e","target","selectedOptions","black","isThemeOneOfQuestionTemplateOrPlayer","shouldUseSkinFontColor","undefined","behaviorClassName","defaultStyle","composedClassName","unselected","labelSize","isLongLabel","selectWrapper","selectSpan","noLabelCommon","longLabel","selectedArrow","arrow","selectBox","onClick","onBlur","onMouseLeave","SelectOptionPropTypes","string","isRequired","oneOfType","number","bool","SelectOptionGroupPropTypes","arrayOf","shape","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","func","oneOf"],"sources":["../../../src/atom/select/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport concat from 'lodash/fp/concat';\nimport filter from 'lodash/fp/filter';\nimport find from 'lodash/fp/find';\nimport flatMapDeep from 'lodash/fp/flatMapDeep';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport includes from 'lodash/fp/includes';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport keys from 'lodash/fp/keys';\nimport map from 'lodash/fp/map';\nimport size from 'lodash/fp/size';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowTop as ArrowUp\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  filter: style.filter,\n  invalid: style.invalid,\n  header: style.header,\n  mooc: style.mooc,\n  question: style.question,\n  sort: style.sort,\n  thematiques: style.thematiques,\n  player: style.player,\n  template: style.template,\n  skillDetail: style.skillDetail,\n  coorpmanager: null\n};\n\nconst ArrowView = ({shouldRender, isArrowUp, ariaLabel, arrowClass, arrowColor}) => {\n  const props = useMemo(\n    () => ({\n      ...(arrowColor &\n        {\n          color: arrowColor\n        }),\n      className: arrowClass\n    }),\n    [arrowClass, arrowColor]\n  );\n  if (shouldRender) {\n    return isArrowUp ? (\n      <ArrowUp {...props} data-testid=\"select-arrow-up-icon\" />\n    ) : (\n      <ArrowDown {...props} data-testid=\"select-arrow-down-icon\" />\n    );\n  } else return null;\n};\n\nconst Select = (props, legacyContext) => {\n  const {\n    name,\n    options = [],\n    optgroups = [],\n    className,\n    borderClassName,\n    onChange,\n    multiple = false,\n    disabled,\n    required,\n    description,\n    theme,\n    modified = false,\n    error = false,\n    title: propTitle,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const title = useMemo(\n    () => (propTitle ? `${propTitle}${required ? '*' : ''}` : null),\n    [propTitle, required]\n  );\n\n  const [isArrowUp, setIsArrowUp] = useState(false);\n\n  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);\n  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);\n\n  const selectOption = (option, index) => {\n    return (\n      <option key={index} value={option.value} className={style.selectOption}>\n        {option.name}\n      </option>\n    );\n  };\n\n  const optionList = !isEmpty(options)\n    ? options.map((option, index) => selectOption(option, index))\n    : optgroups.map((optgroup, index) => {\n        return (\n          <optgroup key={index} label={optgroup.label}>\n            {optgroup.options && optgroup.options.map((option, i) => selectOption(option, i))}\n          </optgroup>\n        );\n      });\n\n  const titleView = title ? <span className={style.title}>{title}</span> : null;\n\n  const selected = useMemo(\n    () =>\n      multiple\n        ? map(get('value'), filter({selected: true}, options))\n        : get('value', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n  const selectedLabel = useMemo(\n    () =>\n      multiple\n        ? map(get('name'), filter({selected: true}, options))\n        : get('name', find({selected: true}, concat(options, flatMapDeep('options', optgroups)))),\n    [multiple, options, optgroups]\n  );\n\n  const isSelectedInValidOption = useMemo(\n    () =>\n      theme === 'player' &&\n      getOr(false, 'name', find({validOption: false, selected: true}, options)),\n    [options, theme]\n  );\n\n  const handleChange = useMemo(\n    () =>\n      multiple\n        ? e => {\n            setIsArrowUp(false);\n            onChange(map(get('value'), e.target.selectedOptions));\n          }\n        : e => {\n            setIsArrowUp(false);\n            onChange(e.target.value);\n          },\n    [onChange, multiple]\n  );\n\n  const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);\n  const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const isThemeOneOfQuestionTemplateOrPlayer = useMemo(\n    () => includes(theme, ['question', 'template', 'player']),\n    [theme]\n  );\n  const shouldUseSkinFontColor = useMemo(\n    () => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer,\n    [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]\n  );\n  const arrowColor = selected ? color : undefined;\n\n  const behaviorClassName = useMemo(\n    () => getClassState(style.defaultStyle, style.modified, style.error, modified, error),\n    [error, modified]\n  );\n  const composedClassName = useMemo(\n    () =>\n      classnames(\n        theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName,\n        selected ? style.selected : style.unselected,\n        className\n      ),\n    [behaviorClassName, className, selected, theme]\n  );\n\n  const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);\n\n  const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);\n\n  return (\n    <div\n      className={classnames(\n        composedClassName,\n        theme === 'coorpmanager' ? style.coorpmanager : null\n      )}\n    >\n      <label\n        data-testid=\"select-wrapper\"\n        data-name=\"select-wrapper\"\n        title={title}\n        style={{\n          ...(shouldUseSkinFontColor && {\n            color\n          })\n        }}\n        className={style.selectWrapper}\n      >\n        {titleView}\n        <span\n          data-testid=\"select-span\"\n          data-name=\"select-span\"\n          className={classnames(\n            style.selectSpan,\n            includes(theme, [\n              'player',\n              'invalid',\n              'question',\n              'thematiques',\n              'template',\n              'skillDetail'\n            ])\n              ? style.noLabelCommon\n              : null,\n            borderClassName,\n            isLongLabel ? style.longLabel : null\n          )}\n          style={{\n            ...(shouldUseSkinFontColor && {\n              color\n            })\n          }}\n        >\n          {selectedLabel}\n        </span>\n        <ArrowView\n          shouldRender={!multiple}\n          isArrowUp={isArrowUp}\n          ariaLabel={ariaLabel}\n          arrowClass={shouldUseSkinFontColor ? style.selectedArrow : style.arrow}\n          arrowColor={isThemeOneOfQuestionTemplateOrPlayer ? arrowColor : black}\n        />\n        <select\n          {...(ariaLabelledBy ? {'aria-labelledby': ariaLabelledBy} : {})}\n          {...(ariaLabel && !ariaLabelledBy ? {'aria-label': ariaLabel} : {})}\n          {...(ariaLabel ? {title: ariaLabel} : {})}\n          data-name=\"native-select\"\n          className={style.selectBox}\n          name={name}\n          onChange={handleChange}\n          value={selected}\n          multiple={multiple}\n          disabled={disabled}\n          onClick={handleSelectOnFocus}\n          onBlur={handleSelectOnBlur}\n          // onBlur does not handle completely an out of bounds click\n          // ex: select is Opened and a click is done outside, cancelling the select\n          // that doesn't count as a Blur, so an onMouseLeave is needed\n          onMouseLeave={handleSelectOnBlur}\n          data-testid=\"native-select\"\n        >\n          {optionList}\n        </select>\n      </label>\n      <div className={style.description}>{description}</div>\n    </div>\n  );\n};\n\nexport const SelectOptionPropTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  selected: PropTypes.bool,\n  validOption: PropTypes.bool\n};\n\nexport const SelectOptionGroupPropTypes = {\n  label: PropTypes.string.isRequired,\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n};\n\nSelect.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSelect.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  className: PropTypes.string,\n  borderClassName: PropTypes.string,\n  disabled: PropTypes.bool,\n  multiple: PropTypes.bool,\n  description: PropTypes.string,\n  required: PropTypes.bool,\n  onChange: PropTypes.func,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes)),\n  optgroups: PropTypes.arrayOf(PropTypes.shape(SelectOptionGroupPropTypes)),\n  modified: PropTypes.bool,\n  error: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'aria-labelledby': PropTypes.string\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/select/style.css

@@ -17,12 +17,12 @@
 @value cm_blue_900 from colors;
 @value cm_grey_450 from colors;
 
-.default {
+.defaultStyle {
   display: flex;
 }
 
 .coorpmanager {
-  composes: default;
+  composes: defaultStyle;
 }
 
 div.coorpmanager label.selectWrapper {
@@ -51,18 +51,18 @@ div.coorpmanager label.selectWrapper {
   }
 }
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .modified {
-  composes: default;
+  composes: defaultStyle;
 }
 
 .selectWrapper {
   position: relative;
 }
 
-.default .selectWrapper {
+.defaultStyle .selectWrapper {
   display: flex;
   align-items: center;
   height: 50px;
@@ -94,7 +94,7 @@ div.coorpmanager label.selectWrapper {
   text-overflow: ellipsis;
 }
 
-.default .selectBox {
+.defaultStyle .selectBox {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
@@ -155,7 +155,7 @@ div.coorpmanager label.selectWrapper {
   margin: auto 0;
 }
 
-.default select:focus::-ms-value {
+.defaultStyle select:focus::-ms-value {
   background-color: transparent;  /* make the select background transparent in ie */
   color: dark;
 }
@@ -194,7 +194,7 @@ div.coorpmanager label.selectWrapper {
   }
 }
 
-.default .selectBox[multiple] {
+.defaultStyle .selectBox[multiple] {
   padding: 0;
   height: 80px;
 }
@@ -257,7 +257,7 @@ div.coorpmanager label.selectWrapper {
 */
 
 .no-label {
-  composes: default;
+  composes: defaultStyle;
   position: relative;
 }
 
@@ -278,7 +278,7 @@ div.coorpmanager label.selectWrapper {
   box-sizing: border-box;
 }
 
-div.default label.selectWrapper span.longLabel {
+div.defaultStyle label.selectWrapper span.longLabel {
     min-width: 230px;
     max-width: 280px;
     white-space: pre-wrap;
@@ -367,7 +367,7 @@ div.player:hover span.selectSpan {
     height: 100%;
   }
 
-  .player.default .selectBox {
+  .player.defaultStyle .selectBox {
     position: absolute;
     top: 0px;
     left: 0px;
@@ -407,7 +407,7 @@ div.player:hover span.selectSpan {
 */
 
 .mooc {
-  composes: default;
+  composes: defaultStyle;
   width: 150px;
 }
 
@@ -552,7 +552,7 @@ div.player:hover span.selectSpan {
   margin-left: 0;
 }
 
-.default .selectWrapper select.selectBox {
+.defaultStyle .selectWrapper select.selectBox {
   width: inherit;
   border-radius: 8px;
   padding: 0;

package/es/atom/select-icon/index.js

@@ -61,7 +61,7 @@ const SelectIcon = props => {
     isSelected = false
   } = options;
   const contentView = getButtonContent(faIcon, options);
-  const styleButton = classnames(style.default, isSelected && style.selected);
+  const styleButton = classnames(style.defaultStyle, isSelected && style.selected);
   const handleOnClick = useCallback(() => onClick(), [onClick]);
   const IconButton = useCallback(() => /*#__PURE__*/React.createElement("button", {
     type: "button",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","default","selected","handleOnClick","IconButton","type","propTypes","process","env","NODE_ENV","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.default, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","classnames","FaIcon","COLORS","style","ICON_COLOR","cm_primary_blue","BACKGROUND_COLOR","white","CHECK_ICON_NAME_MAP","single","multi","getButtonContent","faIcon","options","selectionMode","isSelected","iconColor","createElement","className","contentWrapper","checkIcon","iconName","backgroundColor","size","faSize","wrapperSize","iconWrapper","icon","iconText","SelectIcon","props","dataName","ariaLabel","onClick","contentView","styleButton","defaultStyle","selected","handleOnClick","IconButton","type","propTypes","process","env","NODE_ENV","string","func","shape","oneOf","bool"],"sources":["../../../src/atom/select-icon/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport FaIcon from '../icon';\n\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ICON_COLOR = COLORS.cm_primary_blue;\nconst BACKGROUND_COLOR = COLORS.white;\nconst CHECK_ICON_NAME_MAP = {\n  single: 'circle-check',\n  multi: 'square-check'\n};\n\nconst getButtonContent = (faIcon, options = {}) => {\n  const {selectionMode = 'single', isSelected = false, iconColor = ICON_COLOR} = options;\n\n  return (\n    <div className={style.contentWrapper}>\n      {isSelected ? (\n        /* checkbox icon */\n        <div className={style.checkIcon}>\n          <FaIcon\n            iconName={CHECK_ICON_NAME_MAP[selectionMode]}\n            iconColor={iconColor}\n            backgroundColor={BACKGROUND_COLOR}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        </div>\n      ) : null}\n      {\n        /* selection tick (L18) / icon */\n        <div className={style.iconWrapper}>\n          <div className={style.icon}>\n            <FaIcon\n              iconName={faIcon}\n              iconColor={isSelected ? iconColor : ''}\n              size={{faSize: 32, wrapperSize: 32}}\n            />\n          </div>\n          <div className={style.iconText}>{faIcon}</div>\n        </div>\n      }\n    </div>\n  );\n};\n\nconst SelectIcon = props => {\n  const {faIcon, 'data-name': dataName, 'aria-label': ariaLabel, onClick, options = {}} = props;\n\n  const {isSelected = false} = options;\n\n  const contentView = getButtonContent(faIcon, options);\n  const styleButton = classnames(style.defaultStyle, isSelected && style.selected);\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const IconButton = useCallback(\n    () => (\n      <button\n        type=\"button\"\n        aria-label={ariaLabel}\n        data-name={dataName}\n        data-testid={`button-${dataName}`}\n        className={styleButton}\n        onClick={handleOnClick}\n      >\n        {contentView}\n      </button>\n    ),\n    [ariaLabel, contentView, dataName, handleOnClick, styleButton]\n  );\n\n  return <IconButton />;\n};\n\nSelectIcon.propTypes = {\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  options: PropTypes.shape({\n    selectionMode: PropTypes.oneOf(['single', 'multi']),\n    isSelected: PropTypes.bool,\n    iconColor: PropTypes.string\n  })\n};\n\nexport default SelectIcon;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/select-icon/style.css

@@ -36,7 +36,7 @@
   color: cm_grey_500;
 }
 
-.default {
+.defaultStyle {
   composes: button;
   width: 144px;
   height: 120px;

package/es/atom/status-item/index.js

@@ -79,7 +79,7 @@ const StatusItem = props => {
     selected
   } = props;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.default, icon === 'right' && style.right, icon === 'wrong' && style.wrong, current && style.current, icon === 'valid' && style.valid, icon === 'invalid' && style.invalid, icon === 'errors-number' && style.errorsNumber, selected && style.selected),
+    className: classnames(style.defaultStyle, icon === 'right' && style.right, icon === 'wrong' && style.wrong, current && style.current, icon === 'valid' && style.valid, icon === 'invalid' && style.invalid, icon === 'errors-number' && style.errorsNumber, selected && style.selected),
     "data-name": "status-item"
   }, /*#__PURE__*/React.createElement(Content, props));
 };

package/es/atom/status-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","Provider","GetTranslateFromContext","style","propTypes","Content","props","legacyContext","icon","current","value","translate","child","contentAriaLabel","headerStepValue","createElement","className","rightIcon","currentRightIcon","role","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","_extends","StatusItem","selected","default","right","wrong","valid","invalid","errorsNumber","process","env","NODE_ENV","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","Provider","GetTranslateFromContext","style","propTypes","Content","props","legacyContext","icon","current","value","translate","child","contentAriaLabel","headerStepValue","createElement","className","rightIcon","currentRightIcon","role","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","_extends","StatusItem","selected","defaultStyle","right","wrong","valid","invalid","errorsNumber","process","env","NODE_ENV","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.defaultStyle,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,aAAa;AAE7D,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAyB,SAAS;AAElD,MAAMC,OAAO,GAAGA,CAACC,KAAsB,EAAEC,aAA+B,KAAK;EAC3E,MAAM;IAACC,IAAI;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGJ,KAAK;EACpC,MAAMK,SAAS,GAAGT,uBAAuB,CAACK,aAAa,CAAC;EACxD,IAAIK,KAAK;EACT,IAAIC,gBAAgB;EACpB,QAAQL,IAAI;IACV,KAAK,WAAW;MACdI,KAAK,GAAGF,KAAK;MACbG,gBAAgB,GAAGF,SAAS,CAAC,+CAA+C,EAAE;QAC5EF,OAAO,EAAEA,OAAO,GAAG,UAAU,GAAG,EAAE;QAClCK,eAAe,EAAEJ;MACnB,CAAC,CAAC;MACF;IAEF,KAAK,OAAO;MACVE,KAAK,gBACHjB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;QACRkB,SAAS,EAAEpB,UAAU,CAACO,KAAK,CAACc,SAAS,EAAER,OAAO,IAAIN,KAAK,CAACe,gBAAgB,CAAE;QAC1EC,IAAI,EAAC,QAAQ;QACb,cAAYR,SAAS,CAAC,0CAA0C,EAAE;UAChEF,OAAO,EAAEA,OAAO,GAAG,UAAU,GAAG,EAAE;UAClCK,eAAe,EAAEJ;QACnB,CAAC;MAAE,CACJ,CACF;MACD;IAEF,KAAK,OAAO;MACVE,KAAK,gBACHjB,KAAA,CAAAoB,aAAA,CAACf,SAAS;QACRgB,SAAS,EAAEpB,UAAU,CAACO,KAAK,CAACiB,SAAS,EAAEX,OAAO,IAAIN,KAAK,CAACkB,gBAAgB,CAAE;QAC1EF,IAAI,EAAC,OAAO;QACZ,cAAYR,SAAS,CAAC,4CAA4C,EAAE;UAClEF,OAAO,EAAEA,OAAO,GAAG,UAAU,GAAG,EAAE;UAClCK,eAAe,EAAEJ;QACnB,CAAC;MAAE,CACJ,CACF;MACD;IAEF,KAAK,eAAe;MAClBE,KAAK,GAAGF,KAAK;MACbG,gBAAgB,GAAGF,SAAS,CAAC,2BAA2B,EAAE;QACxDW,sBAAsB,EAAEZ;MAC1B,CAAC,CAAC;MACF;IAEF,KAAK,OAAO;MACVE,KAAK,gBACHjB,KAAA,CAAAoB,aAAA,CAACjB,SAAS;QACRkB,SAAS,EAAEpB,UAAU,CAACO,KAAK,CAACoB,SAAS,CAAE;QACvCJ,IAAI,EAAC,QAAQ;QACb,cAAYR,SAAS,CAAC,yBAAyB;MAAE,CAClD,CACF;MACD;IAEF,KAAK,SAAS;MACZC,KAAK,gBACHjB,KAAA,CAAAoB,aAAA,CAACf,SAAS;QACRgB,SAAS,EAAEpB,UAAU,CAACO,KAAK,CAACqB,WAAW,CAAE;QACzCL,IAAI,EAAC,OAAO;QACZ,cAAYR,SAAS,CAAC,2BAA2B;MAAE,CACpD,CACF;MACD;IAEF;MACE,OAAO,IAAI;EACf;EAEA,oBACEhB,KAAA,CAAAoB,aAAA,SAAAU,QAAA,KACOjB,IAAI,KAAK,WAAW,IAAIA,IAAI,KAAK,eAAe,GACjD;IAAC,YAAY,EAAEK,gBAAgB;IAAEM,IAAI,EAAE;EAAQ,CAAC,GAChD,CAAC,CAAC;IACNH,SAAS,EAAEb,KAAK,CAACO;EAAM,IAEtBE,KACG,CAAC;AAEX,CAAC;AAED,MAAMc,UAAU,GAAIpB,KAAsB,IAAK;EAC7C,MAAM;IAACE,IAAI;IAAEC,OAAO;IAAEkB;EAAQ,CAAC,GAAGrB,KAAK;EACvC,oBACEX,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEpB,UAAU,CACnBO,KAAK,CAACyB,YAAY,EAClBpB,IAAI,KAAK,OAAO,IAAIL,KAAK,CAAC0B,KAAK,EAC/BrB,IAAI,KAAK,OAAO,IAAIL,KAAK,CAAC2B,KAAK,EAC/BrB,OAAO,IAAIN,KAAK,CAACM,OAAO,EACxBD,IAAI,KAAK,OAAO,IAAIL,KAAK,CAAC4B,KAAK,EAC/BvB,IAAI,KAAK,SAAS,IAAIL,KAAK,CAAC6B,OAAO,EACnCxB,IAAI,KAAK,eAAe,IAAIL,KAAK,CAAC8B,YAAY,EAC9CN,QAAQ,IAAIxB,KAAK,CAACwB,QACpB,CAAE;IACF,aAAU;EAAa,gBAEvBhC,KAAA,CAAAoB,aAAA,CAACV,OAAO,EAAKC,KAAQ,CAClB,CAAC;AAEV,CAAC;AAEDD,OAAO,CAACD,SAAS,GAAA8B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGhC,SAAS;AAE7BC,OAAO,CAACgC,YAAY,GAAG;EACrBC,IAAI,EAAErC,QAAQ,CAACsC,iBAAiB,CAACD,IAAI;EACrC3B,SAAS,EAAEV,QAAQ,CAACsC,iBAAiB,CAAC5B;AACxC,CAAC;AAEDe,UAAU,CAACtB,SAAS,GAAA8B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGhC,SAAS;AAEhC,eAAesB,UAAU","ignoreList":[]}

package/es/atom/status-item/style.css

@@ -11,7 +11,7 @@
 @value cm_pink_50 from colors;
 @value cm_primary_blue from colors;
 
-.default {
+.defaultStyle {
   width: 100%;
   height: 100%;
   opacity: 0.5;

package/es/atom/tag/index.js

@@ -5,7 +5,7 @@ import classnames from 'classnames';
 import Icon from '../icon';
 import style from './style.css';
 const TAG_STYLES = {
-  default: style.default,
+  default: style.defaultStyle,
   success: style.success,
   failure: style.failure,
   warning: style.warning,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","style","TAG_STYLES","default","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","content","propTypes","process","env","NODE_ENV","string","oneOf","_keys","objectOf","oneOfType","number","shape"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {position, ...iconProps} = icon;\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' ? <Icon {...iconProps} /> : null}\n        <div>{label}</div>\n        {position === 'right' ? <Icon {...iconProps} /> : null}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACE,OAAO;EACtBC,OAAO,EAAEH,KAAK,CAACG,OAAO;EACtBC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,QAAQ,EAAEN,KAAK,CAACM;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAER,KAAK,CAACS,KAAK;EACdC,CAAC,EAAEV,KAAK,CAACW,MAAM;EACfC,CAAC,EAAEZ,KAAK,CAACa;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACEvB,KAAA,CAAA0B,aAAA;IACEC,SAAS,EAAEzB,UAAU,CAACG,UAAU,CAACe,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClCf,KAAK,EAAEkB;EAAY,gBAEnBtB,KAAA,CAAA0B,aAAA;IAAKC,SAAS,EAAEvB,KAAK,CAACwB;EAAQ,GAC3BJ,QAAQ,KAAK,MAAM,gBAAGxB,KAAA,CAAA0B,aAAA,CAACvB,IAAI,EAAKsB,SAAY,CAAC,GAAG,IAAI,eACrDzB,KAAA,CAAA0B,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAGxB,KAAA,CAAA0B,aAAA,CAACvB,IAAI,EAAKsB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdb,KAAK,EAAElB,SAAS,CAACgC,MAAM;EACvBb,IAAI,EAAEnB,SAAS,CAACiC,KAAK,CAACC,KAAA,CAAK9B,UAAU,CAAC,CAAC;EACvCgB,IAAI,EAAEpB,SAAS,CAACiC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCZ,WAAW,EAAErB,SAAS,CAACmC,QAAQ,CAACnC,SAAS,CAACoC,SAAS,CAAC,CAACpC,SAAS,CAACgC,MAAM,EAAEhC,SAAS,CAACqC,MAAM,CAAC,CAAC,CAAC;EAC1Ff,IAAI,EAAEtB,SAAS,CAACsC,KAAK,CAAC;IAAC,GAAGpC,IAAI,CAAC0B,SAAS;IAAEL,QAAQ,EAAEvB,SAAS,CAACiC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAED,eAAehB,GAAG","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Icon","style","TAG_STYLES","default","defaultStyle","success","failure","warning","progress","TAG_SIZE","S","small","M","medium","L","large","Tag","label","type","size","customStyle","icon","position","iconProps","createElement","className","content","propTypes","process","env","NODE_ENV","string","oneOf","_keys","objectOf","oneOfType","number","shape"],"sources":["../../../src/atom/tag/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport Icon from '../icon';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.defaultStyle,\n  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst TAG_SIZE = {\n  S: style.small,\n  M: style.medium,\n  L: style.large\n};\n\nconst Tag = ({label, type = 'default', size = 'M', customStyle = {}, icon = {}}) => {\n  const {position, ...iconProps} = icon;\n\n  return (\n    <span\n      className={classnames(TAG_STYLES[type], TAG_SIZE[size])}\n      data-name={`content-tag-${label}`}\n      style={customStyle}\n    >\n      <div className={style.content}>\n        {position === 'left' ? <Icon {...iconProps} /> : null}\n        <div>{label}</div>\n        {position === 'right' ? <Icon {...iconProps} /> : null}\n      </div>\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES)),\n  size: PropTypes.oneOf(['S', 'M', 'L']),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  icon: PropTypes.shape({...Icon.propTypes, position: PropTypes.oneOf(['left', 'right'])})\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACG,YAAY;EAC3BC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACK,OAAO;EACtBC,OAAO,EAAEN,KAAK,CAACM,OAAO;EACtBC,QAAQ,EAAEP,KAAK,CAACO;AAClB,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfC,CAAC,EAAET,KAAK,CAACU,KAAK;EACdC,CAAC,EAAEX,KAAK,CAACY,MAAM;EACfC,CAAC,EAAEb,KAAK,CAACc;AACX,CAAC;AAED,MAAMC,GAAG,GAAGA,CAAC;EAACC,KAAK;EAAEC,IAAI,GAAG,SAAS;EAAEC,IAAI,GAAG,GAAG;EAAEC,WAAW,GAAG,CAAC,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAC,CAAC,KAAK;EAClF,MAAM;IAACC,QAAQ;IAAE,GAAGC;EAAS,CAAC,GAAGF,IAAI;EAErC,oBACExB,KAAA,CAAA2B,aAAA;IACEC,SAAS,EAAE1B,UAAU,CAACG,UAAU,CAACgB,IAAI,CAAC,EAAET,QAAQ,CAACU,IAAI,CAAC,CAAE;IACxD,aAAW,eAAeF,KAAK,EAAG;IAClChB,KAAK,EAAEmB;EAAY,gBAEnBvB,KAAA,CAAA2B,aAAA;IAAKC,SAAS,EAAExB,KAAK,CAACyB;EAAQ,GAC3BJ,QAAQ,KAAK,MAAM,gBAAGzB,KAAA,CAAA2B,aAAA,CAACxB,IAAI,EAAKuB,SAAY,CAAC,GAAG,IAAI,eACrD1B,KAAA,CAAA2B,aAAA,cAAMP,KAAW,CAAC,EACjBK,QAAQ,KAAK,OAAO,gBAAGzB,KAAA,CAAA2B,aAAA,CAACxB,IAAI,EAAKuB,SAAY,CAAC,GAAG,IAC/C,CACD,CAAC;AAEX,CAAC;AAEDP,GAAG,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACdb,KAAK,EAAEnB,SAAS,CAACiC,MAAM;EACvBb,IAAI,EAAEpB,SAAS,CAACkC,KAAK,CAACC,KAAA,CAAK/B,UAAU,CAAC,CAAC;EACvCiB,IAAI,EAAErB,SAAS,CAACkC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;EACtCZ,WAAW,EAAEtB,SAAS,CAACoC,QAAQ,CAACpC,SAAS,CAACqC,SAAS,CAAC,CAACrC,SAAS,CAACiC,MAAM,EAAEjC,SAAS,CAACsC,MAAM,CAAC,CAAC,CAAC;EAC1Ff,IAAI,EAAEvB,SAAS,CAACuC,KAAK,CAAC;IAAC,GAAGrC,IAAI,CAAC2B,SAAS;IAAEL,QAAQ,EAAExB,SAAS,CAACkC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC;EAAC,CAAC;AACzF,CAAC;AAED,eAAehB,GAAG","ignoreList":[]}

package/es/atom/tag/style.css

@@ -35,7 +35,7 @@
   padding: 8px 16px;
 }
 
-.default {
+.defaultStyle {
   composes: tag;
   background-color: cm_grey_100;
   color: cm_grey_500;

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

@@ -20,7 +20,7 @@ const BrandCreateForm = (props, context) => {
   } = context;
   const waitMessage = translate('Wait_creation');
   const wrapperClass = isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;
-  const fieldClass = field.error ? style.error : style.default;
+  const fieldClass = field.error ? style.error : style.defaultStyle;
   const disabled = isPending || !isModified;
   const {
     onChange

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","ButtonLink","Loader","Provider","style","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","modifiedWrapper","wrapper","fieldClass","default","disabled","onChange","handleChange","e","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","shape","func","bool"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.default;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <ButtonLink\n        type=\"primary\"\n        data-name=\"brand_create_submit_button\"\n        usage=\"submit\"\n        customStyle={{\n          display: 'inline-block',\n          width: 'fit-content'\n        }}\n        disabled={disabled}\n        label={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","ButtonLink","Loader","Provider","style","BrandCreateForm","props","context","title","subtitle","description","field","onSubmit","submitValue","isPending","isModified","translate","waitMessage","wrapperClass","error","modifiedWrapper","wrapper","fieldClass","defaultStyle","disabled","onChange","handleChange","e","target","value","actionView","createElement","className","wait","loading","type","usage","customStyle","display","width","label","header","content","maxLength","placeholder","defaultValue","onInput","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","isRequired","shape","func","bool"],"sources":["../../../src/molecule/brand-create-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandCreateForm = (props, context) => {\n  const {title, subtitle, description, field, onSubmit, submitValue, isPending, isModified} = props;\n  const {translate} = context;\n  const waitMessage = translate('Wait_creation');\n\n  const wrapperClass =\n    isModified || isPending || field.error ? style.modifiedWrapper : style.wrapper;\n  const fieldClass = field.error ? style.error : style.defaultStyle;\n  const disabled = isPending || !isModified;\n  const {onChange} = field;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const actionView = isPending ? (\n    <div>\n      <div className={style.wait}>{waitMessage}</div>\n      <div className={style.loading}>\n        <Loader />\n      </div>\n    </div>\n  ) : (\n    <div>\n      <ButtonLink\n        type=\"primary\"\n        data-name=\"brand_create_submit_button\"\n        usage=\"submit\"\n        customStyle={{\n          display: 'inline-block',\n          width: 'fit-content'\n        }}\n        disabled={disabled}\n        label={submitValue}\n      />\n    </div>\n  );\n\n  return (\n    <div className={wrapperClass}>\n      <div className={style.header}>\n        <h1>{title}</h1>\n      </div>\n      <form className={style.content} onSubmit={onSubmit}>\n        <h2>{subtitle}</h2>\n        <div className={style.description}>{description}</div>\n        <div className={fieldClass}>\n          <label>\n            <input\n              type=\"text\"\n              maxLength=\"40\"\n              data-name=\"brand_create_text_input\"\n              placeholder={field.placeholder}\n              defaultValue={field.value}\n              onInput={handleChange}\n            />\n            {field.label}\n          </label>\n        </div>\n        {actionView}\n      </form>\n    </div>\n  );\n};\n\nBrandCreateForm.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nBrandCreateForm.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  field: PropTypes.shape({\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    error: PropTypes.string,\n    value: PropTypes.string\n  }).isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitValue: PropTypes.string.isRequired,\n  isPending: PropTypes.bool,\n  isModified: PropTypes.bool\n};\n\nexport default BrandCreateForm;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/brand-create-form/style.css

@@ -73,22 +73,22 @@
   margin-bottom: 20px;
 }
 
-.default {
+.defaultStyle {
   margin-bottom: 70px;
 }
 
 .error {
-  composes: default;
+  composes: defaultStyle;
 }
 
-.default label {
+.defaultStyle label {
   font-family: 'Gilroy';
   font-weight: 600;
   font-size: 18px;
   color: medium;
 }
 
-.default input {
+.defaultStyle input {
   font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;

package/es/molecule/brand-upload-box/index.js

@@ -54,7 +54,7 @@ class BrandUploadBox extends React.Component {
           className: style.wrapper
         }, /*#__PURE__*/React.createElement("div", {
           id: idBox,
-          className: dragging ? style.dropping : style.default
+          className: dragging ? style.dropping : style.defaultStyle
         }, /*#__PURE__*/React.createElement("div", {
           className: style.cont
         }, /*#__PURE__*/React.createElement(UploadIcon, {

package/es/molecule/brand-upload-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","Loader","style","BrandUploadBox","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","skin","context","status","content","description","browse","onLoad","name","brandColor","_get","createElement","className","loading","wrapper","id","dropping","default","cont","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon style={{color: brandColor}} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidDataTransferDataUpload1","UploadIcon","Loader","style","BrandUploadBox","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","_uniqueId","skin","context","status","content","description","browse","onLoad","name","brandColor","_get","createElement","className","loading","wrapper","id","dropping","defaultStyle","cont","color","arrow","desc","type","inputFile","onChange","onDragEnter","onDrop","onDragLeave","propTypes","process","env","NODE_ENV","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.defaultStyle}>\n              <div className={style.cont}>\n                <UploadIcon style={{color: brandColor}} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/brand-upload-box/style.css

@@ -24,7 +24,7 @@
   transform: scale(1.2);
 }
 
-.default {
+.defaultStyle {
   border: 2px dashed xtraLightGrey;
   border-radius: 4px;
   overflow: hidden;
@@ -34,14 +34,14 @@
 }
 
 .loading {
-  composes: default;
+  composes: defaultStyle;
   height: 80px;
   border: none;
   position: relative;
 }
 
 .dropping {
-  composes: default;
+  composes: defaultStyle;
   border: 3px dashed brand;
 }
 

package/es/molecule/card/customer.css

@@ -3,7 +3,7 @@
 @value colors: "../../variables/colors.css";
 @value white from colors;
 
-.default {
+.defaultStyle {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -22,7 +22,7 @@
 }
 
 .content {
-  composes: default;
+  composes: defaultStyle;
   padding: 12px 12px 0;
   font-size: 12px;
 }

package/es/molecule/card/customer.d.ts

@@ -1,5 +1,5 @@
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }

package/es/molecule/card/customer.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import style from './customer.css';
 export const THEMES = {
-  default: null,
+  default: style.defaultStyle,
   coorpmanager: style.coorpmanager
 };
 const Customer = props => {

package/es/molecule/card/customer.js.map

@@ -1 +1 @@
-{"version":3,"file":"customer.js","names":["React","PropTypes","classnames","style","THEMES","default","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","oneOf","_keys","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,MAAM,gBAAgB;AAElC,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAE,IAAI;EACbC,YAAY,EAAEH,KAAK,CAACG;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAGb,UAAU,CAC1BE,MAAM,CAACQ,KAAK,CAAC,EACbT,KAAK,CAACa,QAAQ,EACdN,IAAI,KAAK,SAAS,GAAGP,KAAK,CAACc,eAAe,GAAG,IAC/C,CAAC;EAED,oBACEjB,KAAA,CAAAkB,aAAA;IAAKH,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnEd,KAAA,CAAAkB,aAAA;IAAKH,SAAS,EAAEZ,KAAK,CAACgB;EAAQ,GAC3BR,aAAa,gBAAGX,KAAA,CAAAkB,aAAA;IAAMH,SAAS,EAAEZ,KAAK,CAACiB;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClET,aAAa,gBAAGX,KAAA,CAAAkB,aAAA;IAAMH,SAAS,EAAEZ,KAAK,CAACkB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACV,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBb,KAAK,EAAEX,SAAS,CAACyB,KAAK,CAACC,KAAA,CAAKvB,MAAM,CAAC,CAAC;EACpCM,IAAI,EAAET,SAAS,CAAC2B,MAAM;EACtBnB,IAAI,EAAER,SAAS,CAAC2B,MAAM;EACtBjB,aAAa,EAAEV,SAAS,CAAC4B,IAAI,CAACC,UAAU;EACxCjB,QAAQ,EAAEZ,SAAS,CAAC4B,IAAI;EACxB,YAAY,EAAE5B,SAAS,CAAC2B;AAC1B,CAAC;AAED,eAAerB,QAAQ","ignoreList":[]}
+{"version":3,"file":"customer.js","names":["React","PropTypes","classnames","style","THEMES","default","defaultStyle","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","oneOf","_keys","string","bool","isRequired"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: style.defaultStyle,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,MAAM,gBAAgB;AAElC,OAAO,MAAMC,MAAM,GAAG;EACpBC,OAAO,EAAEF,KAAK,CAACG,YAAY;EAC3BC,YAAY,EAAEJ,KAAK,CAACI;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAGd,UAAU,CAC1BE,MAAM,CAACS,KAAK,CAAC,EACbV,KAAK,CAACc,QAAQ,EACdN,IAAI,KAAK,SAAS,GAAGR,KAAK,CAACe,eAAe,GAAG,IAC/C,CAAC;EAED,oBACElB,KAAA,CAAAmB,aAAA;IAAKH,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnEf,KAAA,CAAAmB,aAAA;IAAKH,SAAS,EAAEb,KAAK,CAACiB;EAAQ,GAC3BR,aAAa,gBAAGZ,KAAA,CAAAmB,aAAA;IAAMH,SAAS,EAAEb,KAAK,CAACkB;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClET,aAAa,gBAAGZ,KAAA,CAAAmB,aAAA;IAAMH,SAAS,EAAEb,KAAK,CAACmB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACV,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBb,KAAK,EAAEZ,SAAS,CAAC0B,KAAK,CAACC,KAAA,CAAKxB,MAAM,CAAC,CAAC;EACpCO,IAAI,EAAEV,SAAS,CAAC4B,MAAM;EACtBnB,IAAI,EAAET,SAAS,CAAC4B,MAAM;EACtBjB,aAAa,EAAEX,SAAS,CAAC6B,IAAI,CAACC,UAAU;EACxCjB,QAAQ,EAAEb,SAAS,CAAC6B,IAAI;EACxB,YAAY,EAAE7B,SAAS,CAAC4B;AAC1B,CAAC;AAED,eAAerB,QAAQ","ignoreList":[]}

package/es/molecule/card/index.d.ts

@@ -1,5 +1,5 @@
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }

package/es/molecule/card/index.js

@@ -17,7 +17,7 @@ import Selectable from './selectable';
 import Notification from './notification';
 import style from './style.css';
 export const THEMES = {
-  default: null,
+  default: style.defaultStyle,
   coorpmanager: style.coorpmanager
 };
 const CardBackground = ({